/* CSS for Incidents */
body, html{
	overflow-y:auto !important;
}
@font-face {
    font-family: normalfont;
    src: url(fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: semiboldfont;
    src: url(fonts/Lato-Bold.ttf);
}
*{
	 font-family: normalfont;
} 

:root {
    --prod-bgimg:url("../../src/images/prod/main-bg-large.jpg");
    --bhel-bgimg:url("../../src/images/bhel/main-bg-large.jpg");
    --utcl-bgimg:url("../../src/images/utcl/main-bg-large.jpg");
}

.bhel-bg{
    background-image: var(--bhel-bgimg);
}

.prod-bg{
    background-image: var(--prod-bgimg);
}

.utcl-bg{
    background-image: var(--utcl-bgimg);
}

.callout .ellipsis{    width: 100%;
    white-space: nowrap;
	font-weight:600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;}
	
.bgColor3{ background:#ECF2FA}
.bgColor4{ background:#F5F6F8}
.hVh{height: 92vh !important;}
.bxShadowLft, .main-header{box-shadow: 5px 0px 4px -2px rgba(0, 0, 0, 0.10);}
.main-header{box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);}
.badge{padding: 0.2em 0.4em;border-radius: 0.5rem; }
.bg-lightblue {    background-color: #BBD3F3!important; color:#000 !important; }
.bg-normal {    background-color: #FFD542!important; color:#000 !important; }
.callout.callout-medium{border-left-color: #FF9338;}
.callout.callout-normal{border-left-color: #FFD542;}
.callout.callout-warning {
    border-left-color: #FF9338;
}
.callout .text-right{line-height: 20px;}
.callout{box-shadow:none;}

.bxShadowRgt{box-shadow: -2px 0px 3px 1px rgba(0, 0, 0, 0.10);}
.newMessages::before{display: inline-block;
    content: '';
	position:absolute;
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.5rem;
    width: 0.5rem;
	left:0px;
    margin-right: 0.5rem;
	margin-top: 1rem;
    background-color: #0B69DB;}
	
	.panel-title a:after {
    font-family:Fontawesome;
    content:'\f077';
    float:right;
    font-size:10px;
    font-weight:300;
}
.panel-title a.collapsed:after {
    font-family:Fontawesome;
    content:'\f078';
}
.CustomTable{border: solid 2px #ecf2fa; width:100%;}
.CustomTable thead th{border-bottom: 0px;}
.CustomTable td, .CustomTable th{    padding: 0.25rem;}



[data-toggle="collapse"].collapsed .caretDown{
    transform: rotate(0) ;
    transition: all linear 0.25s;
}


[data-toggle="collapse"] .caretDown {
  transform: rotate(180deg) ;
  transition: all linear 0.25s;
} 

	
.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link{padding: 0px; text-align:center; width:60px;
    padding-bottom:15px;
   }
   
 .nav-tabs .nav-link{ color:#9C9C9C;}
  .customStyle .main-sidebar {
     background-color: #1B1B1B;
     border-right:solid 1px #32323C;
 }
 [class*=sidebar-dark] .brand-link {
     border-bottom: transparent;
 }
 .card-title {
     
     font-weight: 400;
 }
 .Others .mt-2{line-height: 15px;}
 
 
 
 
 
 
 .fa-bell{font-size: 25px;}
 
 #wrapper { margin-bottom:10px;}
 
 #info {
      opacity: 0.2;
      margin: 0;
      text-align: center;
 }
  #termometer {
      width: 25px;
      background: #38383f;
      height: 110px;
      position: relative;
      border: 5px solid #2a2a2e;
      border-radius: 20px;
      z-index: 1;
 }
  #termometer:before, #termometer:after {
      position: absolute;
      content: "";
      border-radius: 50%;
 }
 
  #termometer:after {
      transform: translateX(-50%);
      width: 45px;
      height: 45px;
      background-color: #965d03;
      bottom: -25px;
      border: 5px solid #2a2a2e;
      z-index: -3;
      left: 50%;
 }
  #termometer #graduations {
      height: 59%;
      top: 20%;
      width: 50%;
 }
  #termometer #graduations, #termometer #graduations:before {
      position: absolute;
      border-top: 2px solid rgba(0, 0, 0, 0.5);
      border-bottom: 2px solid rgba(0, 0, 0, 0.5);
 }
  #termometer #graduations:before {
      content: "";
      height: 34%;
      width: 100%;
      top: 32%;
 }
  #termometer #temperature {
      bottom: 0;
      background: linear-gradient(#ea0101, #9a6005) no-repeat bottom;
      width: 100%;
      border-radius: 20px;
      background-size: 100% 240px;
      transition: all 0.2s ease-in-out;
 }
  #termometer #temperature, #termometer #temperature:before, #termometer #temperature:after {
      position: absolute;
 }
  #termometer #temperature:before {
      content: attr(data-value);
      background: rgba(0, 0, 0, 0.7);
      color: white;
      z-index: 2;
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 0.7em;
      line-height: 1;
      transform: translateY(50%);
      left: calc(100% + 1em / 1.5);
      top: calc(-1em + 5px - 5px * 2);
 }
  #termometer #temperature:after {
      content: "";
      border-top: 0.4545454545em solid transparent;
      border-bottom: 0.4545454545em solid transparent;
      border-right: 0.6666666667em solid rgba(0, 0, 0, 0.7);
      left: 100%;
      top: calc(-1em / 2.2 + 5px);
 }
  #playground {
      font-size: 1.1em;
 }
  #playground #range {
      display: flex;
 }
  #playground #range input[type="text"] {
      width: 2em;
      background: transparent;
      border: none;
      color: inherit;
      font: inherit;
      margin: 0 5px;
      padding: 0px 5px;
      border-bottom: 2px solid transparent;
      transition: all 0.2s ease-in-out;
 }
  #playground #range input[type="text"]:focus {
      border-color: #3dcadf;
      outline: none;
 }
  #playground #range input[type="text"]:first-child {
      text-align: right;
 }
  #playground #unit {
      width: 100%;
      margin: 0;
      text-align: center;
 }
  #playground #unit:hover {
      cursor: pointer;
 }
  input[type="range"] {
      -webkit-appearance: none;
      background: transparent;
      margin: 5.5px 0;
      width: 100%;
 }
  input[type="range"]::-moz-focus-outer {
      border: 0;
 }
  input[type="range"]:hover {
      cursor: pointer;
 }
  input[type="range"]:focus {
      outline: 0;
 }
  input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #313137;
      border-color: #313137;
 }
  input[type="range"]:focus::-ms-fill-lower {
      background: #2a2a2e;
 }
  input[type="range"]:focus::-ms-fill-upper {
      background: #313137;
      border-color: #313137;
 }
  input[type="range"]::-webkit-slider-runnable-track {
      cursor: default;
      height: 10px;
      transition: all 0.2s ease;
      width: 100%;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
      background: #2a2a2e;
      border: 2px solid #2a2a2e;
      border-radius: 5px;
 }
  input[type="range"]::-webkit-slider-thumb {
      box-shadow: 4px 4px 4px transparent, 0 0 4px rgba(13, 13, 13, 0);
      background: #3dcadf;
      border: 0px solid #3d3d44;
      border-radius: 12px;
      cursor: pointer;
      height: 11px;
      width: 18px;
      -webkit-appearance: none;
      margin-top: -2.5px;
 }
  input[type="range"]::-moz-range-track {
      box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
      cursor: default;
      height: 10px;
      transition: all 0.2s ease;
      width: 100%;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      background: #2a2a2e;
      border: 2px solid #2a2a2e;
      border-radius: 5px;
      height: 5px;
 }
  input[type="range"]::-moz-range-thumb {
      box-shadow: 4px 4px 4px transparent, 0 0 4px rgba(13, 13, 13, 0);
      background: #3dcadf;
      border: 0px solid #3d3d44;
      border-radius: 12px;
      cursor: pointer;
      height: 7px;
      width: 14px;
 }
  input[type="range"]::-ms-track {
      cursor: default;
      height: 10px;
      transition: all 0.2s ease;
      width: 100%;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      background: transparent;
      border-color: transparent;
      border-width: 5.5px 0;
      color: transparent;
 }
  input[type="range"]::-ms-fill-lower {
      box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
      background: #222226;
      border: 2px solid #2a2a2e;
      border-radius: 10px;
 }
  input[type="range"]::-ms-fill-upper {
      box-shadow: 1px 1px 1px transparent, 0 0 1px rgba(13, 13, 13, 0);
      background: #2a2a2e;
      border: 2px solid #2a2a2e;
      border-radius: 10px;
 }
  input[type="range"]::-ms-thumb {
      box-shadow: 4px 4px 4px transparent, 0 0 4px rgba(13, 13, 13, 0);
      background: #3dcadf;
      border: 0px solid #3d3d44;
      border-radius: 12px;
      cursor: pointer;
      height: 7px;
      width: 14px;
      margin-top: 2.5px;
 }
  input[type="range"]:disabled::-webkit-slider-thumb {
      cursor: not-allowed;
 }
  input[type="range"]:disabled::-moz-range-thumb {
      cursor: not-allowed;
 }
  input[type="range"]:disabled::-ms-thumb {
      cursor: not-allowed;
 }
  input[type="range"]:disabled::-webkit-slider-runnable-track {
      cursor: not-allowed;
 }
  input[type="range"]:disabled::-ms-fill-lower {
      cursor: not-allowed;
 }
  input[type="range"]:disabled::-ms-fill-upper {
      cursor: not-allowed;
 }
  #maxTempm, #range {
      visibility: hidden;
 }
  #maxTempm, #range {
      display: none;
 }
 
 
  .user-panel img {
     height: auto;
     width: 1.7rem;
 }
 
 .nav-link.active{background-color: transparent !important;}
 
 
 .card{
     box-shadow: unset!important;
 }
  .font-size-1rem{
      font-size: 1rem!important;
  }
 
 .tabContainer{
     max-height: 73vh !important;
     overflow-y: auto;
 }
 
 /* .incidentDetails{
     max-height: 73vh !important;
     overflow-y: auto;
 
 } */
 .fixedView{
     max-height: 65vh !important;
      overflow-y: scroll;  
      overflow-x: hidden;
      height: unset;
 }
 



/* just a reset of the css */

.flexboxTbl {
  width: 100%;
  margin: 0;
  border: 2px solid #ECF2FA;
}

.flexboxTbl .table-container {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;

}

.flexboxTbl .table-row {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}

.flexboxTbl .heading {
  background-color: #ECF2FA;
  color: #3e3e3e;
  font-weight: bold;
}

.flexboxTbl .row-item {
  display: flex;
  flex: 1;
  font-size: 14px;
  padding: 8px 8px;
  justify-content: left;
  align-items: left;
  transition: all 0.15s ease-in-out;
}


.flexboxTbl .row-sub-container {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}

.flexboxTbl .row-sub-container .row-item {
  padding: 8px 0;
  border-bottom: 1px solid #dadada;
}

.flexboxTbl .table-row:last-child,
.flexboxTbl .row-sub-container .row-item:last-child {
  border-bottom: 0;
}
.border .table-sm td, .border .table-sm th{
border-top: 0px solid #dee2e6;
}
.flexboxTbl .row-item:nth-child(1){flex-grow: 3;  }
.flexboxTbl .row-item:nth-child(2){flex-grow: 3;  }
.btNone{border-top:0px !important;}


/* total width */
.scrollbar::-webkit-scrollbar {
    background-color:#fff;
    width:16px;
	overflow-y:scroll !important;

}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color:#fff
}


/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#d3d3d3;
    border-radius:16px;
    border:5px solid #fff
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}
.content-wrapper {
    background-color: #fff;
  
}



 /*New theme implementation - Index CSS*/

.light-mode .nav-item .btn-default{background-color: #ffffff;}
.light-mode .main-header {background-color: #ECF2FA;}
.dark-mode .nav-item .btn-default{background-color: #16202E !important;}


 /*Darkmode CSS CSS*/

.nav-tabs li a{ color:#727272;  }
.text-md .nav-link {
    padding: 0.4rem 0.8rem;
}
.nav-tabs .nav-link.active{
	border:0px;border-bottom: solid 3px #0b69db; font-weight:bold;color:#353B44; padding-bottom:12px; 
}
.nav-tabs .nav-link.inactive{
	border:0px; font-weight:bold;color:#353B44; padding-bottom:15px; 
}
.dark-mode .nav-tabs .nav-link.inactive{
	border:0px; font-weight:bold;color:#FFFFFF; padding-bottom:15px; 
}
/* My Code */
.navSec .nav-tabs .nav-link.active{border-bottom: 0px; color: #0b69db !important;font-weight:bold;}
.navSec .nav-tabs .nav-link.inactive{border-bottom: 0px; color: #727272!important; padding-bottom:12px;font-weight:normal;}

.kpiActive{border:1px solid #0B69Db; box-shadow: rgba(114, 114, 114, 0.25);}
.kpiActive:hover{border:none !important;}
.kpiInActive{cursor: auto;}
/* here */

.card h6{ font-size:0.8em;}
.dark-mode .card { background-color: #181B1F; border:solid 1px #32323C;}
.dark-mode .nav-tabs, .dark-mode .main-header {border-bottom: solid 1px #32323C;}
.light-mode .btn-default{border: 1px solid #ddd !important;}
.bxShadowNone{box-shadow: none !important;}
.brdBtmNone{border-bottom: 0px !important;}
.bg-semantic-one{ background-color: #ECF2FA;}
 .nav-tabs .nav-link{ color:#727272;}
 .customStyle .main-sidebar {background-color: #000; }
 [class*=sidebar-dark] .brand-link {
     border-bottom: transparent;
 }
 
 .heatingBU .small-box:hover{ border: 1px solid #0B69DB; box-shadow: 0px 4px 8px rgba(114, 114, 114, 0.25); margin:-1px;}
 .kpiInActive .small-box{height: 175px;}
 .h-100{ min-height:100px;}
 .heatingBU .h-100{ min-height:35px; text-align:center}
 .heatingBU .small-box .inner {text-align:center;}

 .card-title { font-weight: 400;}
 .wrapper .content-wrapper{
     margin-left: 4.6rem;
 }
 .title-block {
    border-bottom: 1px solid #D9D9D9 !important; 
	    margin-left: -10px;
    margin-right: -10px;
	
}
.main-header .form-control{ background-color: #fff;border: 1px solid transparent;}
.dark-mode .main-header .form-control{ background-color: #16202E;border: 1px solid transparent;}
	
 /* body{ */
     /* overflow: hidden; */
 /* } */
 /*New theme implementation -End of Index CSS*/





  /*New theme implementation - Start of Top bar*/

   /*  Toggle Switch  */

   .toggleSwitch span span {
    display: none;
}

@media only screen {
    .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        margin-left: 50px;
        cursor: pointer;
        width: 40px
    }

    .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toggleSwitch label,
    .toggleSwitch>span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .toggleSwitch input:focus~a,
    .toggleSwitch input:focus+label {
        outline: none;
    }

    .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

    .toggleSwitch .dark {
        color: #fff !important;
    }

    .toggleSwitch>span {
        position: absolute;
        left: -50px;
        width: 100%;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    .toggleSwitch>span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 50px;
        text-align: left;
        font-size: 0.7em;
        width: 100%;
        left: 15%;
        top: -2px;
        opacity: 0;
        font-weight: lighter;
        color: #000 !important;
        font-size: 10px;
    }

    .toggleSwitch a {
        position: absolute;
        right: 50%;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: 2px;
        width: 18px;
        background-color: #fff;
        border: 1px solid #CCC;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .toggleSwitch>span span:first-of-type {
        color: #ccc;
        opacity: 1;
        left: 45%;
    }

    .toggleSwitch>span:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        top: -2px;
        background-color: #fafafa;
        border: 1px solid #ccc;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked~a {
        border-color: #fff;
        left: 100%;
        margin-left: -8px;
    }

    .toggleSwitch input:checked~span:before {
        border-color: #0097D1;
        box-shadow: inset 0 0 0 30px #0097D1;
    }

    .toggleSwitch input:checked~span span:first-of-type {
        opacity: 0;
    }

    .toggleSwitch input:checked~span span:last-of-type {
        opacity: 1;
        color: #fff;
        font-weight: 100;
    }

    /* Switch Sizes */
    .toggleSwitch.large {
        width: 60px;
        height: 27px;
    }

    .toggleSwitch.large a {
        width: 27px;
    }

    .toggleSwitch.large>span {
        height: 29px;
        line-height: 28px;
    }

    .toggleSwitch.large input:checked~a {
        left: 41px;
    }

    .toggleSwitch.large>span span {
        font-size: 1.1em;
    }

    .toggleSwitch.large>span span:first-of-type {
        left: 50%;
    }

    .toggleSwitch.xlarge {
        width: 80px;
        height: 36px;
    }

    .toggleSwitch.xlarge a {
        width: 36px;
    }

    .toggleSwitch.xlarge>span {
        height: 38px;
        line-height: 37px;
    }

    .toggleSwitch.xlarge input:checked~a {
        left: 52px;
    }

    .toggleSwitch.xlarge>span span {
        font-size: 1.4em;
    }

    .toggleSwitch.xlarge>span span:first-of-type {
        left: 50%;
    }
}

.nav-link label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
}

.dark-mode .btn-app, .dark-mode .btn-default {
    background-color: #16202E;
    color: #fff;
    border: none !important;
    padding: 5px 10px; 
}

.dark-mode .fa-sync-alt {
    color: #fff;
}

.timeoption {
display: block !important;
}
.dark-mode .dropdown-menu {
background-color: #343a40;
}
.timeoptionscheck, .timeoptions{ border-left:none !important;}
.checkedFilter{text-align: right;
position: absolute;
right: 15px;
margin-top: -25px;}
.relativetime{ max-height: 400px;}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2rem;
  line-height: 2.5rem;
  text-align: center;
  pointer-events: none;
}
.dark-mode .has-search input {
  background-color: #16202E !important;
  color: #fff;
  border: none !important;
}
  /*New theme implementation - End of Top bar*/



  /*New theme implementation - Start of Left Bar*/
  .fs2{font-size: 1.5em !important;}
  .nav-item .text-xs{ position: relative; 
  line-height: inherit;
  max-width: 65px;
  margin: auto;
  white-space: break-spaces;
  font-size: 11px;
  }
  .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
  .nav-pills .nav-link:not(.active):hover,
  .nav-sidebar>.nav-item>.nav-link:focus
  { width: 84px;}
  .nav-pills .nav-link,  .nav-pills .fas,  .nav-item small,   .activelink .nav-link, .activelink .nav-link .fas,
  .activelink .nav-link small {
      color: #fff;
  }

.activelink a{
  padding: 15px 13px;
  background: #0B69DB;
  border-radius: 12px 0px 0px 12px !important;
}
.nav-box:hover {
  color: #0B69DB;
}




  .leftScroll{height: 90vh !important;
      overflow-y:scroll;
      overflow-x: hidden; width: 85px;
    
    }
      
  
  .layout-fixed .wrapper .sidebar {
    height: calc(100vh - (0rem + 0px));
}

.sidebar .svgContainer:first-child { margin-top: 0px; }
  /*New theme implementation - Start of Left Bar*/

  /* .sidebar-mini.sidebar-collapse .content-wrapper{ margin-left: 5rem!important;} */

/*** Table Responsive Scrollbar ***/


::-webkit-scrollbar {
  width: 7px;
  height: 4px;  
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
 border-radius: 5px;  
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/**** navbar ****/

	.main-sidebar{
		width: 84px;
		text-align: center;
		
	}
	
	/* .main-sidebar:hover{
		width: 84px !important;
	}	 */
	
	.sidebar{
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	.navbar{
		padding: 0px 0px
	}
	
	.selectedClass{
		background: #0B69DB;
		border-radius: 12px 0px 0px 12px;
	}
	
	.svgContainer{
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

.table thead, .table-head-fixed thead, .table.table-head-fixed thead tr:nth-child(1) th{/*background-color: #ECF2FA;*/ color:#696969;font-family:normalfont;}
.InciCont .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border:0px; cursor:pointer;}
.incRight .card{ border:0px;}
.modal{background-color:rgba(0, 0, 0, 0.7);}	
/* Dark mode classes*/	
.dark-mode .card {background-color: #1f3048; border:solid 1px #32323C;}
.dark-mode .card-header{border-bottom:solid 1px #32323C;color: #B8C4DC;}
.dark-mode .main-header {background-color: #1F3048 !important;}
.dark-mode .content-wrapper{background-color: #121A26 !important;}
.dark-mode .nav-tabs .nav-link.active{color:#fff; border-bottom: solid 4px #0b69db;background: transparent;}
.dark-mode .nav-tabs li a{ color:#fff;  }
.dark-mode .products-list>.item{background: transparent;}
.dark-mode hr{background: #626E7F;}
.dark-mode .table thead{background-color: #13243B;}
.dark-mode .table tbody{background-color: #1F3048;}

.modal-backdrop { background-color: transparent; z-index:-1; }


/* Incidents classes*/	
.InciCont{margin-top:-30px;}
.posSticky{position:sticky;}

/*Small devices (landscape phones, 576px and up)*/
	@media (min-width: 576px) { 
	.wrapper .content-wrapper{ margin-left:0px;}
	}

	 /* Medium devices (tablets, 768px and up)*/
	@media (min-width: 768px) {
	
	.incLeft{ -ms-flex: 0 0 350px; flex: 0 0 350px;	}
	.incRight{-ms-flex: 0 0 200px; flex: 0 0 200px;}
	.incidentDetails {width:40%;  }
	.wrapper .content-wrapper{ margin-left:0px;}
	
	}

	/* Large devices (desktops, 992px and up)*/
	@media (min-width: 992px) { 
	.incLeft{ -ms-flex: 0 0 320px; flex: 0 0 320px;	}
	.incRight{-ms-flex: 0 0 250px; flex: 0 0 250px;}
	.incidentDetails {width:35%;  }
	}

	/* Extra large devices (large desktops, 1200px and up)
	@media (min-width: 1200px) { 	
	.incLeft{width:320px;}
	.incRight{width:250px;}
	}*/





.main-header {
    position: fixed;
    width: calc(100vw - 230px);
}

.sidebar:hover {
	margin-right:-7px !important;
	width:84px !important;
}


.DropDowncont:hover .dropdown-Main-Cont{display:block;}

/* Logo Swaping*/
.darkTheme{display:none;}
.dark-mode .darkTheme{display:block;}
.lightMode .lightTheme{display:block;}
.dark-mode .lightTheme{display:none;}

/* Assets calendar dropdown open */
.md-datepicker-calendar-pane.md-pane-open{z-index:2000;}

.cursorPointer{cursor:pointer;}
.defaultPointer{cursor:pointer;}

.col-sm-3half, .col-sm-8half {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-sm-3half, .col-sm-8half {
        float: left;
    }
    .col-sm-3half {
        width: 29.16666667%;
    }
    .col-sm-8half {
        width: 70.83333333%;
    }
}

.end-0 {
    right: 0!important;
}
.top-0 {
    top: 0!important;
}

.trainingModel:hover .d-none{display:block !important;}

.combMenus .text-blue{ padding-bottom:10px; border-bottom:solid 2px #007bff !important; font-weight:bold;}
.combMenus .text-blue .text-xs{ color:#212529 !important;font-weight:normal;}

.bxShadowLft .text-danger, .unitIncidentTable .text-danger, .bg-semantic-one .text-danger{ color: #B30F00 !important; color: #fff;}
.bxShadowLft .text-orange, .unitIncidentTable .text-orange, .bg-semantic-one .text-orange{color: rgba(250,15,0,.4) !important;}
.bxShadowLft .text-warning, .unitIncidentTable .text-warning, .bg-semantic-one .text-warning{color: #FBDFDE !important;color: #000}
.bg-semantic-one .text-warning{color: #f3ccca !important;color: #000}
.incidentDetails .bg-normal {
    background-color: #FBDFDE !important;
    color: #000 !important;
}
.incidentDetails .bg-danger {
    background-color: #B30F00 !important;
    color: #fff !important;
}
.incidentDetails .bg-orange {
    background-color: rgba(250,15,0,.4) !important;
    color: #000;
}


.bxShadowLft .callout.callout-danger, .unitIncidentTable .callout.callout-danger{
    border-left-color: #B30F00;
}
.bxShadowLft .callout.callout-warning, .unitIncidentTable .callout.callout-warning {
    border-left-color: rgba(250,15,0,.4);
}
.bxShadowLft  .callout.callout-normal, .unitIncidentTable .callout.callout-normal {
    border-left-color: #FBDFDE;
}