﻿/*media all*/
form > .container-fluid {
    margin-top: 15px;
}

/*img{
    width:auto;
    height:auto;
}*/

.clearItem {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.label-searchresult {
    color: #990100;
    font-weight: normal;
}

.font-normal {
    font-weight: normal;
}

.font-bold {
    font-weight: bold;
}

input[type=text].orgNoInput{
    width:150px;
}

.searchbtn{
    min-width:110px;
}

.float-none{
    float:none !important;
}

.d-inline-block{
    display:inline-block;
}


ul.wizard{
    padding:0;
}

ul.dropdown-menu-locations
{
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.ui-menu .ui-menu-item
{
  font-family: Arial,Helvetica,sans-serif;
  font-size:16px;
}

select.dropdown-center {
    text-align: center;
    text-align-last: center;
}

    select.dropdown-center option {
        text-align: left;
    }

.multiselect-container li a {
    white-space:normal;
    word-break: break-word;
}

.multiselect-container > li > a.multiselect-all label {
    font-weight: normal !important;
}


/*.elbeTopSection{
  background-image: url('/img/elsakerhetsverket.jpg');
  background-repeat: repeat-x;
  background-position: left bottom;
  border-bottom: 5px solid #6e6259;
  padding-bottom:15px;
  padding-top:10px;
  height:160px;
}*/
.fa-asterisk {
    color: #a94442;
}


label.form-control.required
{
    padding-right:1px;
}

.required:after 
{ 
    font-family: 'FontAwesome'; 
  font-weight: normal;
  font-style: normal;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:#a94442; 
    content: "\00a0\f069";
}

.legendContainer
{
    padding-bottom:2em;
    display:none;
}

a.langBtn {
    /*float:right;*/
    margin-top: 5px;
    font-size: inherit;
    margin-right: 15px;
    /*margin-right:15px;*/
}

.loggedInInfo{
   margin-right:15px;
}
.wizzardBtnOrange {
   
      color: #ffffff;
      background-color: #ed8b00;
      border-color: #d47c00;
      padding:20px;
      width:100%;
      margin-top:10px;
}

.wizzardBtnOrange:hover {  
  color: #ffffff;
  background-color: #ba6d00;
  border-color: #965800;
  cursor:pointer;
}

.wizzardBtnOrangeHeader{
    /*text-transform:uppercase;*/
    font-weight:bold;
    font-size:18px;
    line-height:21px;
    margin-bottom:2px;
}

.wizzardBtnOrangeText{
    font-size:14px;
    line-height:17px;
}


.wizzardBtn {
    margin-top:10px;
    text-align:left;
    padding:15px;
    white-space: normal; 
    width:100%;
}

.wizzardBtnHeader{
    /*text-transform:uppercase;*/
    font-weight:normal;
    font-size:18px;
    line-height:21px;
    margin-bottom:2px;
}

.wizzardBtnText{
    font-size:14px;
    line-height:17px;
    white-space: normal; 
    width:100%;
}

.wizzardBackForwardButtons{
    min-width:130px;
}


.activeTopNav{
  color: #ffffff;
  background-color: #ed8b00;
  border-color: #d47c00;
}

.top2 { margin-top:2px; }
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:3rem; }

.bottom5 { margin-bottom:5px; }
.bottom10 { margin-bottom:1rem; }
.bottom30 {margin-bottom:3rem; }

.padding15 { padding:15px; }

.p-0 {
    padding: 0;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.w-45 {
    width:45%;
}

.h-70{
    height: 70vh;
}

.w-100{
    width:100%;
}

.floatLeft{
    float:left;
}

.floatLeftWithMargin{
    float:left;
    margin-right:10px;
}


.floatRight{
    float:right;
}

/*.searchInput, .filenameInput{
    max-width:300px;
}*/
.form-group .standardInputWidth{
    /*width:50%;
    min-width:300px;*/
}

.searchInput::-ms-clear {
    display: none;
}

.searchclear {
    position: absolute;
    right: 80px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
    z-index:100;
}

.pointer {
    cursor: pointer;
}

.paginationjs .paginationjs-pages li.active > a {
    background: #245a65 !important;
}

label.standardLabel {
    width: 100%;
}

.label-fullheight
{
    height:100%;
}

a img:hover{
    opacity: 0.9;
}

.frontPageHeader { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}

.choosedBox{
    margin-top:10px;
}

.bankIDListGroup{
    width:300px;
}

.queryInfo{
    margin-top:5px;
    margin-bottom:5px;
}

.searchResultItemWrapper{
    /*border-bottom:solid #ccc 1px;*/
    margin-top:15px;
    margin-bottom:15px;
    padding-bottom:5px;
    width:auto;
    background:#edeae5 !important;
}

.identifierLabel  {
    width:1%;
}

.result-body{
    background:#ccc !important;
}

.clickableRow:hover{
  cursor:pointer;
}

.smallTH{
    font-size:90%;
    color:#333;
    background:#F9F9F9;
}

.companyDetailsLoader{
    width:128px;
    margin-left:auto;
    margin-right:auto;
    display:none;
    margin-bottom:10px;
}

.infoPanel{
    margin-top:10px;
    display:none;
    width:100%;
}

.toggleInfoPanel{
    cursor:pointer;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.error{
    background:#fff;
    margin-left:4px;
    padding:2px;
}

.errorWithMargin{
    margin-top:1em;
}


.glyphicon-refresh-animate {
    -webkit-animation: fa-spin .7s infinite linear;
    animation: fa-spin .7s infinite linear;
}

.img-center {
    display: block;
    position: static;
    margin-top: 5em;
    margin-left: auto;
    margin-right: auto;
}

.brownBG{
    background-color: #ded1c1 !important;

    /*Enligt grafisk manual*/
    /*background-color: #81715E !important;*/
}

.width100{
    width:100%;
}

/*Capcha*/
.rc-anchor-normal{
    width:200px!important;
}

.inputGroupResponsive{
    width:100%;
}

.table
{
    margin-bottom:0px;
}

.table > tbody + tbody{
    border-top: none;
}

    th {
        font-family: Arial, sans-serif;
    }

 .showMoreButton {
         width:100%;
    }

 .locationsList{
    min-height: 1.5em;
    max-height: 8em;
    height: auto;
    overflow-y: auto;
 }


 /*override jquery ui*/
 li.ui-menu-item{
     padding:6px 6px 6px 12px;
     font-size:14px;
 }
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@media (min-width: 800px) {
   div.container-fluid,
  .navbar.navbar-default .container-fluid {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1300px;
  }  
    .inputGroupResponsive {     
        max-width: 70%;
    }   
}

@media (min-width: 900px){
}

@media (min-height: 760px)
{
     .brownBG{      
         min-height:400px;
     }
}

@media (max-width: 767px) {
  
    #topStripe{
        height:10px;
    }
    .bankIDListGroup{
        width:90%;
    }



}


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){

     #topStripe{
        height:10px;
    }

    body{
        font-size:12px;
    }
    h1,
    .h1 {
      font-size: 24px;
    }
    h2,
    .h2 {
      font-size: 20px;
    }
    h3,
    .h3 {
      font-size: 16px;
    }
    h4,
    .h4 {
      font-size: 14px;
    }
    h5,
    .h5 {
      font-size: 14px;
    }
    h6,
    .h6 {
      font-size: 13px;
    }

    .shrinkWhenMobile{
       font-size:12px;
       font-weight:normal;
    }

    .panel-body {
      padding: 5px !important;
    }
    .panel-heading {
      padding: 10px 5px !important;
    }
    .panel-footer{
        padding: 5px !important;
    }    
    .page-footer{
      padding: 10px 5px !important;
    }

    div.container-fluid {
        padding-left:0px;
        padding-right:0px;
        margin-left:2px;
        margin-right:2px;

    }

    .sf-LogoOutputItem .form-title .sf-flowName {
        margin-top:2px;
        font-size: 12px;
    }

    div.g-recaptcha{
        transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;
    }

    .footerText{
        padding:15px;
    }

    .wizzardBtnHeader{
        font-size:16px;
        line-height:19px;

    }

    .wizzardBtnText{
        font-size:12px;
        line-height:15px;
    }
    a.langBtn{
        /*float:right;*/
        font-size:10px;
        margin-right:5px;
    }
    .loggedInInfo{
         margin-right:5px;
    }
}

/**Override bootstrap*/
.alert-danger, .btn-danger, .text-danger, .has-error .input-group-addon {
    color: #840212 !important;
    border-color: #a94442 !important;
}

a.linkGreyBg {
    text-decoration: underline;
    font-weight: bold;
    color: #1d4851 !important;
}
a.linkGreyBg:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #692832 !important;
}

a.linkWhiteBg {
    text-decoration: underline;
    font-weight: bold;
    color: #245a65 !important;
}

a.linkWhiteBg:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #692832 !important;
}

.backgroundBorderNone {
    background: none;
    border: none;
}

body {
    background-color: #edeae5 !important;
}

.btn-default {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}

.btnBack {
    text-align:left;
    margin-top:3em;
}

.btn-primary {
    background-image: none;
    filter: none;
    background-repeat: no-repeat;
    background-color: #245a65 !important;
    color: #ffffff !important;
    border-color: #245a65 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: #1d4851 !important;
    text-decoration: underline;
    border-color: #245a65 !important;
}

.btn-info {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
  height:34px;
}

.btn-nohover {
    cursor:default !important;
}

.btn-nohover:hover, .btn-nohover:focus
{
    background-color:#525252 !important;   
    border-color: #2e2e2e !important;
}


.btn-warning {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}

.btn-success{
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}

.cableInstallationOnly {
    color: #990100;
}

.captchaStyle {
    float:right;
    margin-right:0;
    min-height:11em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #3e3a3a !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #525252 !important;
}

.datepicker td.active.day {
    color: #fff;
    background-color: #245a65 !important;
    border-color: #245a65 !important;
    background-image: none;
}

.datepicker td.active.day:hover {
    color: #fff;
    background-color: #1d4851 !important;
    border-color: #245a65 !important;
}

.displayNone {
    display: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-image: linear-gradient(to bottom, #245A65 0%, #1d4851 100%);
    background-color: #1d4851;
}

h1, h2 {
    color: #555555 !important;
}

h3, h4, h5, h6 {
    color: #3e3a3a !important;
}

.legend {
    border: none;
    font-size: 14px;
}

#logo_small {
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label, .required:after, .fa-asterisk {
    color: #840212 !important;
}

float-right {
    float:right;
}

.loadingLogo {
    align-content: center;
    margin: auto;
}

.marginAuto {
    margin:auto;
}

.marginTop {
    margin-top:15px;
}

.maxWidthLogo {
    max-width: 115px;
    padding-right: 0;
}

.maxWidthPercentHigh {
    max-width:100%;
}

.minHeight {
    min-height: 10em;
}

.minWidth {
    min-width:3em;
}

.tableCellDisplay {
    display:table-cell;
}

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px #245a65 !important;
}

#txtFileNameLink a {
    text-decoration: underline;
    font-weight: bold;
    color: #054552 !important;
}

#txtFileNameLink a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #692832 !important;
}

.navbar-brand {
    padding: 0px;
}

.paddingLeft {
    padding-left: 0px;
}

.panel .panel-body.page-body {
    background-color: #fff;
}

.panel-heading .page-heading{
    background-color:none;
}

.panel-default > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}
.panel-primary > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}
.panel-success > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}
.panel-info > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}
.panel-warning > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}
.panel-danger > .panel-heading {
  background-image: none;
  filter: none;
  background-repeat:no-repeat;
}

.styleHeight15 {
    height:15vh;
}

.styleHeight50 {
    height:50px;
}

.styleOverflowXHidden {
    overflow-x:hidden;
}   

.styleWidthPercentLow {
    width:1% !important;
}

.styleWidthPercentHigh {
    width:100% !important;
}

.textAlignLeft {
    text-align:left;
}

.textAlignRight {
    text-align:right;
}

/*New top*/

#topStripe{
    background-image:url(/img/elsakerhetsverket.jpg);
    background-repeat:no-repeat;
    height:20px;
    background-position: 0% 60%; 
}

#topWrapper {
    width: 100%;
    background: #edeae5 !important;
    border-bottom: solid 5px #6E6259;
}


#siteTop{
    padding:20px 4px 20px 4px;
    /*padding-top:20px;
    padding-bottom:20px;*/
}

#footer{
    padding:0 4px 10px 4px;
    margin-left:auto;
    margin-right:auto;
    max-width:1100px;
}


#footer hr {
	color: #c7c2be;
	border-color: #c7c2be;
	margin: 10px 0;
}


footer{
    background:none;
}

.footerText{
    padding-top:10px;
    padding-bottom:30px;
    padding-right:15px;
    padding-left:15px;
    width:100%;
}

.mainPage{
    margin-left:auto;
    margin-right:auto;
    max-width:1100px;
}

.pageHeader{
  margin-left:auto;
  margin-right:auto;
  max-width:1100px;
}

.workplaces-dropdown {
    padding: 0 !important;
    color: #245a65 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    background: none !important;
}

.workplaces-dropdown:hover, workplaces-dropdown:active, workplaces-dropdown:focus, workplaces-dropdown:visited {
    background-color: #ffffff !important;
    background-image: none !important;
    text-decoration: underline !important;
    font-weight: bold;
    color: #692832 !important;
}

#logoDiv{
    /*border:1px solid #000;*/
}

#logoImage{
    width: 100%;
    max-width:530px;
    min-width:220px;
    height: auto;
}



#loginDiv{
    float:right;
    margin-bottom:2px;

}

.userName{
    font-size:14px;
    line-height:14px;
    float:left;
    margin-top:7px;
    margin-right:8px;
}
.logOutButton{
    float:left;
}

#hamburgerMenu{
    float:left;
    cursor:pointer;
    font-size:16px;
    padding:8px 9px 8px 9px;

}

#hamburgerMenu.active{
    background-color:#e0e0e0;
}

#hamburgerMenu.active:hover{
   background:#d4d4d4;
}

#hamburgerMenu:hover{
    background:#d4d4d4;
}   

#hamburgerMenuItems{
    display:none;
}


.hamburgerItemWrapper{
   cursor:pointer;
   padding:8px 7px;
   margin-top:4px;
   width:100%;
   background:#fff;
   border:solid 1px rgb(204, 204, 204);
   font-size:16px;
}

.hamburgerItemWrapper:hover{
   background:#d4d4d4;
}

.hamburgerItemWrapper.active{
    background-color:#e0e0e0;
}

.hamburgerItemWrapper.active:hover{
   background:#d4d4d4;
}

/*end new top*/
/*Från gamla*/

/*media all*/
.navbar.navbar-default {
    border-top: 0px solid #ed8b00;
    border-bottom: 5px solid #6e6259;
    background-color: #f6f6f6;
    color: #333333;
    background-image: url("/img/elsakerhetsverket.jpg");
    background-repeat: repeat-x;
    background-position: left bottom;
}

.sf-SectionOutputItem .panel-body, .sf-FormSummaryOutputItem .panel-body {
    background-color: #ded1c1;
}
.sf-NavigationBar {
    /*margin-left: 35px;
    margin-right: 35px;*/
    padding: 0px;
    background: #f6f6f6;
    border-color: #d0d0d0;
}
.sf-NavigationBar .fa-stack {
  color: #3c763d;
}
.sf-NavigationBar ol {
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}
.sf-NavigationBar .sf-nav-container a {
  text-decoration: none;
}
.sf-NavigationBar .sf-item {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  margin: -1px 0px 0px 0px;
}
.sf-NavigationBar .sf-collapser {
  display: none;
}

.jobtypename
{  
    font-size: 9pt;
}

.tr-border-red {
    border: 1.5pt;
    border-style: solid;
    border-color: #990100;
}

.jobtypecatdescp
{    
    padding: 0;
    font-size: 8pt;
}

@media (max-width: 480px) {

    
    #topStripe{
        height:10px;
     }


  .sf-NavigationBar .sf-item {
    border-width: 1px;
  }
  .sf-NavigationBar .panel-heading {
    cursor: pointer;
  }
  .sf-NavigationBar .panel {
    margin-bottom: 0px;
  }
  .sf-NavigationBar .sf-collapser {
    display: block !important;
  }
  .sf-NavigationBar .sf-nav-container {
    display: none;
  }
  .sf-NavigationBar .sf-nav-container.in {
    display: block !important;
  }
  .sf-NavigationBar .sf-nav-container {
    padding: 1em;
  }
  .sf-NavigationBar li {
    height: 34px;
    line-height: 34px;
    padding: 0px 1em 0px 1em;
  }
  .sf-NavigationBar li a {
    height: 34px;
    display: block;
  }
  .sf-NavigationBar li.sf-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .sf-NavigationBar li.sf-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }


}
@media (max-width: 767px) {
        
    #topStripe{
        height:10px;
     }

  .sf-NavigationBar {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 481px) {


    .showMoreButton {
         width:120px;
    }

    .identifierLabel {
    white-space:nowrap;
}

  .sf-NavigationBar {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px;
    max-width: 1270px;
  }
  .sf-NavigationBar .sf-nav-container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
  }
  .sf-NavigationBar ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
  }
  .sf-NavigationBar li {
    float: left;
  }
  .sf-NavigationBar .sf-item {
    height: 34px;
    line-height: 34px;
    text-decoration: none;
    font-weight: inherit;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    position: relative;
    display: block;
    float: left;
    padding: 0px;
  }
  .sf-NavigationBar .sf-item .sf-item-content {
    padding-left: 20px;
    padding-right: 7.5px;
    height: 34px;
    line-height: 34px;
    display: block;
  }
  .sf-NavigationBar .sf-item.sf-first .sf-item-content {
    padding-left: 10px;
  }
  .sf-NavigationBar .sf-item:after,
  .sf-NavigationBar .sf-item:before {
    content: " ";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -17px;
    clip: rect(-17px, 10px, 33px, -17px);
  }
  .sf-NavigationBar .sf-item:after {
    z-index: 2;
  }
  .sf-NavigationBar .sf-item:before {
    margin-left: 1px;
    z-index: 1;
  }
}
.sf-NavigationBar .sf-item {
  border-color: #d0d0d0;
  background: #f6f6f6;
  transition: background 0.5s;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.sf-NavigationBar .sf-item:after {
  border-left-color: #f6f6f6;
  transition: border-left-color 0.5s;
}
.sf-NavigationBar .sf-item.sf-known {
  background: #f6f6f6;
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-known a {
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-known:before {
  border-left-color: #d5d5d5;
}
.sf-NavigationBar .sf-item.sf-known:after {
  border-left-color: #f6f6f6;
}
.sf-NavigationBar .sf-item.sf-unknown {
  background: #f6f6f6;
  color: #777777;
}
.sf-NavigationBar .sf-item.sf-unknown a {
  color: #777777;
}
.sf-NavigationBar .sf-item.sf-unknown:before {
  border-left-color: #d5d5d5;
}
.sf-NavigationBar .sf-item.sf-unknown:after {
  border-left-color: #f6f6f6;
}
.sf-NavigationBar .sf-item.sf-active {
  background: #245a65;
  color: #ffffff;
}
.sf-NavigationBar .sf-item.sf-active a {
  color: #ffffff;
}
.sf-NavigationBar .sf-item.sf-active:before {
  border-left-color: #245a65;
}
.sf-NavigationBar .sf-item.sf-active:after {
  border-left-color: #245a65;
}
.sf-NavigationBar .sf-item.sf-visitable {
  background: #fef7ed;
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visitable a {
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visitable:before {
  border-left-color: #dbd6cd;
}
.sf-NavigationBar .sf-item.sf-visitable:after {
  border-left-color: #fef7ed;
}
.sf-NavigationBar .sf-item.sf-visitable:hover {
  background: #fae1be;
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visitable:hover a {
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visitable:hover:before {
  border-left-color: #d9c3a4;
}
.sf-NavigationBar .sf-item.sf-visitable:hover:after {
  border-left-color: #fae1be;
}
.sf-NavigationBar .sf-item.sf-visited {
  background: #c1e2b3;
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visited a {
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visited:before {
  border-left-color: #a7c39b;
}
.sf-NavigationBar .sf-item.sf-visited:after {
  border-left-color: #c1e2b3;
}
.sf-NavigationBar .sf-item.sf-visited:hover {
  background: #a3d48e;
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visited:hover a {
  color: #000000;
}
.sf-NavigationBar .sf-item.sf-visited:hover:before {
  border-left-color: #8db77b;
}
.sf-NavigationBar .sf-item.sf-visited:hover:after {
  border-left-color: #a3d48e;
}

.sf-LogoOutputItem h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}


.sf-LogoOutputItem .form-title {
  font-size: 18px;
  font-weight: bold;
  color: #000000;

}
.sf-LogoOutputItem .form-title .sf-actorName {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.sf-LogoOutputItem .form-title .sf-flowName {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}
.sf-LogoOutputItem .sf-logoImage {
    margin-bottom: 10px;
    margin-left: 0px;
    float: none;
    max-height: 100px;
}


@media (max-width: 767px) {

  /*.sf-LogoOutputItem h1 {
    font-size: 14px;
  }*/

    .navbar-brand {
        height:40px;
    }

  .sf-LogoOutputItem .form-title {
    padding-left: 5px;

  }

  .form-title{
      float:left;
    /*margin-top:15px;
    width:100%;*/
  }
  .sf-LogoOutputItem .sf-logoImage {
    max-height: 30px;
    margin-bottom: 0px;
    margin-right: 0.5em;
    float: left;
  }
  .elbeTopSection{
      height:auto;
  }
  .sf-LogoOutputItem .form-title .sf-text-divider {
    display: block;
    visibility: hidden;
    line-height: 0px;
  }
  /*.sf-LogoOutputItem .form-title .sf-flowName {
    margin-top:2px;
    font-size: 14px;
  }*/

  /*.sf-LogoOutputItem .form-title .sf-actorName{
    margin-top:2px;
    font-size: 14px;
  }*/

}
@media (min-width: 768px) and (max-width: 991px) {
  /*.sf-LogoOutputItem .sf-logoImage {
    max-height: 60px;
  }*/
}

.sf-LogoOutputItem .form-title {
  text-shadow: 2px 2px #ffffff;
}
.sf-LogoOutputItem .form-title .sf-actorName {
  text-shadow: 2px 2px #ffffff;
}
.panel-default {
  border-color: #cccccc;
}
.panel .panel-body.page-body {
  background-color: #ffffff;
}
.bg-white {
    background-color: #ffffff;
}
.bg-disabled {
    background-color: #eeeeee;
}
.bg-danger {
    background-color: #f2dede;
    color: #a94442;
}
.break-word {
    word-break: break-word;
}
.input-invalid {
    border-color: #a94442;
}

/* Nurme was here */
.sf-Arranger-Div {
  background: #DED1C1;
}
/* And he stopped here */
.panel-footer {
  background-color: #ffffff;
}
.section-body .page-footer {
  border-top: 1px solid #ffffff;
}
.section-body .panel {
  background-color: #ffffff;
}




