div#banner_top 
{ 
    height: 25px;
    background-color: #00A3E0;
}

.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}

.overlay{
    opacity:0.6;
    background-color:#ccc;
    position:absolute;
    width:100%;
    height:100%;
    top:-115px;
    left:0px;
    z-index:1010;
}


.viewHeader {
    margin-left: 25px;
    text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1;
	padding: 5px 0px;
	display: block;
	border: none;
    color: #258DBF;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 1px rgba(255,255,255,0.2);
}

.panel-default {
   border: 1px solid #258dbf;
   padding: 6px;
}

.panel-body {
   padding: 0px;
}



.sysName {    
    font-size: 1.2em;
    font-family: Verdana;
	font-weight: 700;
    color: #777777;
    text-shadow: 0px 1px #D3D3D3;
    margin: 15px 0px 0px -15px;
}

.panel-default > .panel-heading {
  border: 1px solid #258dbf;
  margin: -7px -7px 8px -7px;
}

.backGroundBlueGradient{
  
  background-image: -webkit-linear-gradient(left, #258dbf 0%, #ffffff 10%, #ffffff 100%);
  background-image: linear-gradient(to left, #258dbf 0%, #ffffff 10%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff258DBF', endColorstr='#ffe8e8e8', GradientType=0);
}

.navbar {
position: relative;
min-height: 50px;
margin-bottom: 5px;
border: 1px solid transparent;
}

.navbar-default {
    background-color: whitesmoke;
    border-top: 1px solid #258DBF;
    border-bottom: 1px solid #258DBF;
    background-image: none;
    border-radius: initial;
    height: 40px;
}

.navbar-brand {
    
    font-size: 1.5em;	
    font-family: Verdana;
	font-weight: 900;
    color: #258DBF;
       
}

 .navbar .navbar-nav {
        display: inline-block;
        float: right;
    }

.nav-tabs > li > a {
    line-height: 16px;
}

.nav-tabs > li {
    margin-bottom: -2px;
    display:inline;
}
.nav-tabs {
    border-bottom: 0px;
}

.hiss-module {

    font-family:Verdana;
    font-size:large;
    font-weight: bold;
}

.panel-main {
background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
 background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
 background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
}




.btn-cmd {
    
}

.btn-cmd:hover {

}

/*.btn-primary {*/
.btn-radio {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  border-color: #2b669a;
  background-color: whitesmoke;
  color: #696969;
}

.btn-radio:hover,
.btn-radio:focus {
  background-color: #7FD4FF;
  background-position: 0 -15px;
  color: white;
}

.btn-radio:active,
.btn-radio.active {
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

        background-color: #428BCA;
        border-color: #2b669a;
        text-decoration: underline;
        color: white;
}



/*Överrider bootstrap för att få centrerade menyval*/
    @media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }
    
    .navbar .navbar-collapse {
        text-align: center;
    }
}

.page-host {
    position: relative;    
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.nav-tabs > li .close {
	margin: -6px -10px 0px 10px;
	font-size: 12px;
}

.marginBottom {
			    margin-bottom :1px !important;
			}

@media (min-height: 0px) {
    .fullHeightGrid .k-grid-content {
        height: 518px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 488px;
    }
    .fullHeightSearchGrid{
        height:400px;
    }
    .halfPageGrid{
        height: 215px;
    }
     
    .searchTwoFieldsWithNoteGrid{
         height: 355px;
    }
   
}

@media (min-height: 769px) {
    .fullHeightGrid .k-grid-content {
        height: 600px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 570px;
    }
    .fullHeightSearchGrid{
        height:470px;
    }
    .halfPageGrid{
        height: 315px;
    }
    

    
     .searchTwoFieldsWithNoteGrid{
         height: 455px;
    }
    
}

@media (min-height: 900px) {
    .fullHeightGrid .k-grid-content {
        height: 700px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 670px;
    }
    .fullHeightSearchGrid{
        height:570px;
    }
    .halfPageGrid{
        height: 415px;
    }
   
    .searchTwoFieldsWithNoteGrid{
         height: 555px;
    }
   
}

@media (min-height: 1050px) {
    .fullHeightGrid .k-grid-content {
        height: 850px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 820px;
    }
    .fullHeightSearchGrid{
        height:650px;
    }
    .halfPageGrid{
        height: 515px;
    }
    
    .searchTwoFieldsWithNoteGrid{
         height: 655px;
    }
    
}
@media (min-height: 1080px) {
    .fullHeightGrid .k-grid-content {
        height: 860px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 830px;
    }
}

@media (min-height: 1210px) {
    .fullHeightGrid .k-grid-content {
        height: 1020px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 970px;
    }
}

@media (min-height: 1360px) {
    .fullHeightGrid .k-grid-content {
        height: 1110px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 1080px;
    }
}
@media (min-height: 1460px) {
    .fullHeightGrid .k-grid-content {
        height: 1210px;
    }
    .traversView .fullHeightGrid .k-grid-content{
        height: 1180px;
    }
}
.fixedTable
{
    table-layout: fixed;
}

#mainRegion {
    height: 100%;
    position: relative;
    z-index: 1000;
    background-color: white;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.slideRight {
	
    margin-left: 300px;
}

.menu-panel {
	width: 240px;
	height: 100%;
	position: fixed;
    margin-top: 76px;
    z-index: 100;
	top: 0;
	left: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-right: 1px solid #258DBF;

    background-image: -webkit-linear-gradient(right bottom, #258dbf 0%, #ffffff 30%, #ffffff 100%);
    background-image: linear-gradient(right bottom, #258dbf 0%, #ffffff 30%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff258DBF', endColorstr='#ffe8e8e8', GradientType=0);

}
#leftSideBar {
width:300px;
}

.menu-panel div {
	margin-top: 5px;
}

.menu-panel h3 {
	font-size: 1.8em;
	padding-left: 20px;
    padding-bottom: 10px;

    font-family: Verdana;
	font-weight: 800;
	/*color: #fff;*/
    color: #258DBF;

	box-shadow: inset 0 -1px 0 #D3D3D3 /*#258DBF*/
} 

.module-header {
    width:300px;

	font-size: 1.8em;
	
    font-family: Verdana;
	font-weight: 800;
	/*color: #fff;*/
    color: #258DBF;

	box-shadow: inset 0 -1px 0 #D3D3D3 /*#258DBF*/
} 


.subHeader {
	text-transform: uppercase;
	font-size: 0.5em;
	line-height: 1;
	padding: 5px 0px;
	display: block;
	border: none;
	/*color: #bc0b0b;*/
    color: #258DBF;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 1px rgba(255,255,255,0.2);
} 

.menuHeader1 {
	color: #022E41;
    text-transform: uppercase;
    font-size: small;
	letter-spacing: 1px;
    font-weight: bolder;
    text-shadow: none;
    font-family: Verdana;	
} 

.menuSubheader {
	color: black;
    text-transform: none;
	letter-spacing: 1px;
    font-weight: bolder;
    text-shadow: none;
    font-family: Verdana;
} 

.menuItem {
	color: #022E41;
    text-transform: none;
	letter-spacing: 0px;
    font-weight: normal;
    font-family: Verdana;
}

.btnMenuToggle {
    position:absolute;
    z-index: 1000;
	left: -20px;
	top: -2px;
    width: 40px;
	height: 40px;
    border-radius: 50%;
    
    background-color: whitesmoke;

    border: 1px solid #258DBF;

    background-image: -webkit-linear-gradient(left, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to left, #ffffff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;

}

.btnMenuToggleBar {
    position: absolute;
    z-index: 1000;
    left: -41px;
    top: -2px;
    border: 1px solid transparent;
}

.btnPinMenu {
    position:absolute;
    z-index: 1000;
	left: 160px;
	top: 2px;
    width: 50px;
	height: 50px;
    border-radius: 50%;   
    border: none;
}

.btnMenuToggle_MenuVisible {
    margin-left: -12px;
    margin-top: 6px;
}

.btnMenuToggle_MenuCollapsed {
    margin-left: 8px;
    margin-top: 6px;
}

.rightAlign {
    text-align: right;
}

.error {
    color: red;
}

.preparedNotUsed:not(.k-state-selected) {
    background-color: #ff9d1a;
}

.activeForLoading:not(.k-state-selected) {
    background-color: #FAF07F;
}

.isWithElementDiffWarning:not(.k-state-selected) {
    background-color: #FAF07F;
}

.doneLoading:not(.k-state-selected)>td:not(.dontMark)  {
    background-color: #8ac76e;
}

.isActive:not(.k-state-selected)>td:not(.dontMark)  {
    background-color: #FAF07F;
}
.k-grid td.noEllipse {
   
    text-overflow:clip;
}
.nav-tabs > li.active  > a,
 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {

    color: #ffffff;
    cursor: default;
    background-color: #00A3E0;
    border: 1px solid #dddddd;
    /*border-bottom-color: transparent;*/

    /*border-bottom-color: #FFE91a;*/

    border-bottom-color: #00A3E0;

    /*background-image: -webkit-linear-gradient(top, #ffffff 0%, #258dbf 50%, #258dbf 100%); 
    background-image: linear-gradient(top, #ffffff 0%, #258dbf 50%, #258dbf 100%);*/
    
    /*background-image: -webkit-linear-gradient(top,#FFE91a 0%, #ffffff 40%, #FFE91a 100%); 
    background-image: linear-gradient(top, #FFE91a 0%,  #ffffff 40%, #FFE91a 100%); 
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff258DBF', endColorstr='#ffe8e8e8', GradientType=0);*/

}

.selectedTab {
    /*color: #FFE91a;*/
    font-weight: bold;
   
}

.dirtyMark {
    /*color: #FFE91a;*/
    font-weight: bold;
    font-size: large;
}

.unPinned {
    color: lightgray;
}

.pinned {
    color: #258dbf;
}

.k-dirty{
    border:none;
}

.panel-heading .btn-group .btn{
    margin:0px;
    padding:2px 12px;
}
.panel-heading {
   height: auto;
}

.panel-heading-medium {
   height: 45px;
}

.panel-heading-small {
   height: 30px;
}

.panel-heading label{
    width:150px;
}

.short-header-label {
    width:70px!important;
}

.long-header-label {
    width:250px!important;
}

.large-checkbox{
    width:30px;
    height:30px;
}

.errorMessage {
    max-height:450px;
   overflow-y:auto;
}

#menuWrapper {
   height:75%;
    overflow-y:auto; 
}


@media (max-height: 768px) {

    #menuWrapper .jstree-icon {
        display:none!important;
    }
    .slideRight {	
        margin-left: 245px;
    }
    #leftSideBar {
        width:245px;
    }
}



.search-label {
margin:10px;
}
#planneringTillvEnhetDDl-list{
    height: 300px!important;
}

.searchGrid {
    height:370px;
    margin-top:10px
}
.fullDetailGridOpenSearch {
    height:250px;
}
.fullDetailGridClosedSearch {
    height:555px;
}
.fullDetailMinusOneRowGridClosedSearch {
    height:505px;
}

.searchResultGrid {
    height:555px;
}

.valueLabel {
	font-weight: 300;
}

@media (max-width:450px) {
    .errorMessage {
        max-height: 200px;
        max-width: 270px;
        overflow-y: auto;
        word-wrap:break-word;
    }
    .signing-dlg-body {
        max-height: 200px;
        max-width: 270px!important;
        overflow-y: auto
    }

  
}
/* Grids for kokillrapportering */
/* Mobile phone */
@media (min-height: 0px) {

}
}
/* 1024x768 med huvud och 1 bar  */
@media (min-height: 682px) {
 
    .errorMessage {
    max-height:450px;
   overflow-y:auto;
}
}
/* 1024x768 fullskärmsläge  */
@media (min-height: 767px) {

}
/* ?x900 fullskärmsläge  */
@media (min-height: 899px) {
  
}
/* ?x1050 fullskärmsläge med huvud och 1 bar  */
@media (min-height: 800px) {
    
}
/* ?x1050 fullskärmsläge  */
@media (min-height: 1049px) {

}

.gridIcon {
height:15PX;
width:auto;
 }


.gridBtn {
width:0px;
 height:10px;
 
}
.gridTimeBtn {
    width:60px;
    height:10px;
    padding-bottom:10px;
}
.insideIcon {
width:15px;
height:auto;
    margin-top:-10px;
    margin-left:-8px;
}
.panelHeaderCheckbox{
    vertical-align: top;
}

label.panelHeaderChkBoxLabel {
    font-weight:normal;
    width:70px;
}

label.panelHeaderChkBoxLabelLong {
    font-weight:normal;
    width:80px;
}

.smallInput{
       width:60px;
       float:left;
   }
.holder {
    clear:both;

}

div.hr {
background: #faf8f8  no-repeat scroll center;
width:100%;
height:5px;
}

.fixedSizeValueLabel{
    min-width:160px;
    max-width:160px;
    margin-bottom:10px;
}


.hidden{
    visibility:hidden;
}



.msgDiv, .msgDiv:hover {
            margin:3px 2px 5px 2px;
            padding:3px 1px 3px 10px;
            border-radius: 4px;
            border: solid 1px rgba(100, 100, 100, 0.5);
            -webkit-box-shadow: 0px 2px 2px rgba(100, 100, 100, 0.5);
            box-shadow: 0px 2px 2px rgba(100, 100, 100, 0.5);
            width: 0px;
            opacity: 0;
            overflow-y: hidden;
            overflow-x:hidden;
            text-align: left;
            vertical-align: middle;
            text-justify:auto;
            background: #FAF07F; 
            color: black;
            position:fixed;
            top:75px;
            right:10px;
            cursor: default;
                
 }
     
.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.spinner-blocker {
 z-index: 9990;
 height: 100%;
 width: 100%;
 background: #000000;
 opacity: 0.2;
 left: 0;
 top: 0;
 position: absolute;
}
@media (max-height: 768px) {

    .spinner-blocker {
        margin-left:3px;
    }
    
}
.spinner {
  z-index: 9991;
  margin: auto auto;   
  position: fixed;
  left: 10%;
  top: 60px;
  opacity: 0.8;
  margin: auto auto;
  width: 300px;
  height: 290px;
  background-color: black;
  border-radius:8px;
  padding:10px;
  padding-top:40px;
  padding-left:30px;

  /*-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;*/
}

#busyMessage {
    margin-top:40px;
    margin-left:60px;
    font-size:18px;
    
    color:#45BA68;
}
.busySpinner {
    color:white;
    margin-left:50px;
    margin-top:10px;
}

label.checkbox-header-label{
    font-weight:normal;
    width:auto;
}
checkbox.marginTen {
    margin:10px;
}

.greenRow:not(.k-state-selected)>td:not(.dontMark)  {
    background-color: #8ac76e;
}

.yellowRow:not(.k-state-selected)>td:not(.dontMark)  {
    background-color: #FAF07F;
}