﻿/********************************************/
/*********** Impact Design ******************/
/********************************************/
html{
	height:100%;
	min-height:100%;
}
body
{
	margin: 0;
    padding:0px;
	height:100%;
	/*background-color: #000;*/

	/* FF3.6+ */
	/* Chrome,Safari4+ */
	/* Chrome10+,Safari5.1+ */
	/* Opera 11.10+ */
	/* IE10+ */
	background-attachment: fixed;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png");/* W3C */


	background-image: url("/Content/assets/spindleservices/background_tile.png");
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png"); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))), url("/Content/assets/spindleservices/background_tile.png"); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png"); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png"); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png"); /* IE10+ */
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url("/Content/assets/spindleservices/background_tile.png"); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}
@font-face {
  font-family: 'Roboto Light';
  src: url('../../fonts/Roboto-Light.ttf') format("TrueType");
}
@font-face {
  font-family: 'Roboto Regular';
  src: url('../../fonts/Roboto-Regular.ttf') format("TrueType");
}

body.sl-login{
	font-family:"Roboto Light";
}
body.sl-login .page-wrapper {
    padding: 0;
}
body.sl-login .row{
    margin:0;
}
body.sl-login .login-footer-cell {
        width:25%;
        display: table-cell;
        padding: 20px 5px;
}

@media(max-width:1100px){
    body.sl-login .login-footer-cell{
        width:100%;
        display: block;
    }
}
body.sl-login{
    background-image: none;
    background-color: #fff;
}
body.sl-login h3{
    color:#fff;
    text-decoration:none;
    font-family: "Roboto Regular",sans-serif;
    padding:0px 20px;
}
body.sl-login a{
    color:#fff;
    text-decoration:none;
    font-family: "Roboto Regular",sans-serif;
}
body.sl-login .controls a {
    font-family: "Roboto Light",sans-serif;
}
body.sl-login h5, body.sl-login p{
    font-family: "Roboto Regular",sans-serif;
}
body.sl-login label {
    color:#000;
    font-weight:normal;
    font-family: "Roboto Light",sans-serif;
}
body.sl-login .footer-wrapper{
    display:none;
}
    body.sl-login .btn {
        border-radius: 0px;
        font-family: "Roboto Regular",sans-serif;
        background-color: #342D86;
        color: #fff;
        padding: 16px 32px;
    }
body.sl-login .btn[disabled]:hover{
    background-color: #999999;
    color: #fff;
}

body.sl-login input {
    padding: 8px;
}

#header{
	background-color:#fff;
	font-size: 13px;
}

#header .brand{
	display: block;
	margin: 10px 30px 30px 130px;
}

.brand-wrapper {
    left: 40px;
    position: absolute;
    top: 30px;
}

.spindle-header{
	background-color: #fff;
	text-align: center;
	padding: 25px;
}

.portlet-config {
    position:relative;
    border-radius:5px;
    background-color:#FFFFFF;
    height:250px;
    padding:10px;
}

.portlet-footer{
    position: absolute;
    bottom: 0px;
    height: 30px;
    width:90%;
    margin: 0 auto;
    margin-bottom:10px;
}

.main-content-top-nav .navbar {
    background-color: #444444;
    background-image: none;
    border-width: 0;
    border-color: #FFFFFF;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-nav li{
    background-color:#606264;
    color:#ffffff;
    -moz-border-left-radius: 5px;
    -webkit-border-left-radius: 5px;
    -khtml-border-left-radius: 5px;
    border-radius: 5px;
}

.top-nav .dropdown-menu li{
	background-color: #fff;
	color: #606264;
}

div#myTab nav.navbar .navbar-collapse {
    padding:0;
}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a{
    color: #FFFFFF;
}

.navbar .nav .dropdown-menu li > a{
    padding:7px 20px;
}

.nav{
    margin-bottom: 10px;
}

.navbar .in .nav > li > a{
    margin-left: 0;
    margin-right: 0;
}

.navbar .nav.pull-right > li > a{
	margin: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
    background-color: #919191;
    /*background-image: linear-gradient(to bottom, #0088CC, #0077B3);*/
	background-image:none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #919191;
    /*background-image: linear-gradient(to bottom, #0088CC, #0077B3);*/
	background-image:none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #606264;
    color: #fff;
}

.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar .nav .dropdown{
	line-height: 20px;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.navbar-fixed-top .container-fluid
{
    background-color:#FFF;
}

.dropdown-menu .divider {
    background-color: #333333;
    border-bottom: 1px solid #333333;
}
.page-wrapper{
	padding: 0 40px;
}

#token-exp-noti,
#corp-noti{
    background-color:#606264;
    border:1px solid red;
    position:relative;
}

#maint-noti{
    background-color:#ffd;
    position:relative;
}
#maint-noti .maint-msg{
    font-weight:bold;
    text-align:center;
    margin:0px;
    padding:10px 0;
    border-bottom:1px solid black;
}

#token-exp-noti p,
#corp-noti p{
    text-align:center;
    margin:0px;
    padding:10px 0;
    color:#fff;
}

#maint-noti div.close-icon{
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    text-align:center;
}
#maint-noti i.preview{
    position:absolute;
    top:13px;
    left:10px;
}

#inactive-alert{
     margin:20px 0;
}

#login-form form, #forgot-password-form form{
     margin-top:30px;
     margin-bottom: 20px;
}

#token-exp-noti a, #corp-noti a{
    color:#fff;
    text-decoration:underline;
}

#dept-content > div:not(:nth-child(1)){
    margin-top:20px;
}

#facility-content > div:not(:nth-child(1)){
    margin-top:20px;
}

#charts-content > div:not(:nth-child(1)){
    margin-top:20px;
}

#myTab{
    font-size: 13px;
    margin: 0 0 15px;
    padding: 20px 40px 30px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
    position:relative;
}

#myTab ul.nav{
	margin-bottom: 0;
	margin-left: -15px;
}

#myTab .navbar .container .nav > li > a{
    color: #ffffff;
}

#myTab .dropdown-menu li{
    margin-right: 0;
}

.dropdown-submenu .dropdown-menu{
    left: -100%;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #fff;
}
#myTab .active > a, #myTab .active > a:hover, #myTab .active > a:focus {
	color: #fff;
	background-color: #919191;
}

#myTab li > a:hover, #myTab li > a:focus {
    border-color: #919191;
	color: #fff;
	background-color: #919191;
	/*text-shadow: 1px 0px 0px #000000;*/
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #919191;
    text-decoration: none;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    background-color: #f5f5f5;
	cursor: pointer;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus{
	background-color: #007ac9;
}

.navbar .nav > li > .dropdown-menu:after {
    border-bottom-color: #444444;
}

.nav-collapse .dropdown-menu {
    background-color: #444444;
}

li.nav-breadcrumb.nav-breadcrumb-first {
	background-color: #606264;
	border-radius: 5px 0px 0px 5px;
}

li.nav-breadcrumb {
	background-color: #606264;
	border-radius: 0;
}

li.nav-separator.nav-breadcrumb{
	border-right: solid 1px #fff;
}

.in li.nav-separator{
	/*background-color: #444;*/
	border-radius: 0;
	border-width: 0;
}

.in .dropdown-menu > .active > a, .in  .dropdown-menu > .active > a:hover, .in .dropdown-menu > .active > a:focus{
	background-color: #444;
}
.in .dropdown-menu > li > a{
	background-color: #606264;
	color: #fff;
}

.in  .dropdown-menu > li > a:hover, .in .dropdown-menu > li > a:focus{
	background-color: #444;
	color: #fff;
}

.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{
	background-color: #606264;
}

.nav-separator-over1{
	float: right;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #ffffff;
	margin: 13px -11px 0 0px;
}


.in .nav-separator-over1, .in .nav-separator-over2{
	display: none;
}

.nav-separator-over2{
	float: right;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #606264;
	margin: 13px -9px 0 0;
}

.navbar .navbar-toggle {
    background-color: #444444;
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, .navbar .navbar-toggle:active, .navbar .navbar-toggle.active, .navbar .navbar-toggle.disabled, .navbar .navbar-toggle[disabled] {
    background-color: #606264;
    color: #FFFFFF;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #f5f5f5;
}
/* Making active buttons slightly darker, but not make disabled buttons too dark */
.btn:active, .btn.active{
	background-color: #c4c4c4;
}

#myTab .home-menu-link,
#desktop-navbar ul.main-menu li:first-child {
    margin-left: 5px;
}

.navbar .nav .dropdown {
    line-height: 20px;
}
.messaging-btns {
    padding: 6px 12px;
    position: absolute;
    right: 30px;
    top: 0;
}

.dateTime-display.desktop {
    color: #CCCCCC;
    padding: 15px 12px;
	 line-height: 20px;
}

.dateTime-display.mobile {
    display:none;
}
.refresh-switch.mobile{
    display:none;
}

.fa-refresh{
    cursor:pointer;
}
.mobile-refresh{
    display:none;
}
.corpdatepicker.mobile{
    display:none;
}


.messaging-btns .btn{
    line-height: 14px;
    padding: 4px;
}

.navbar-inverse .divider-vertical {
    border-left-color: #444444;
    border-right-color: #333333;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
  /*background-color: #cecece;*/
}


.section-header{
	color: #ffffff;
	border: solid 1px #c5c5c5;
	border-radius: 2px;
    text-transform: uppercase;
	margin: 0 0 15px 0 ;
    padding: 0px;
	font-size: 12px;
    text-align: center;
	text-shadow: 1px 1px 0px #000;
    position:relative;
}

.section-header .dropdown-menu{
    text-transform:none;
}

.sidebar-header h3,
.section-header h3 {
	font-size:17px;
    display: inline-block;
    margin:10px 0;
}

.section-header h4 {
    font-size: 15px;
}

.section-header div#eqmreportrange,
.section-header div#reportrange{
    display: inline;
    width:200px;
    margin:0 auto;
}

.page-header h6{
	font-size: 12px;
}

.chart-row-wrapper{
	margin: 0 0 20px 0;
	border-radius: 0 0 5px 5px;
	overflow:hidden;

	-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

#login{
	color: #fff;
	margin: 0 auto;
	width: 600px;
}

#login .control-label{
	/*color: #fff;*/
}
.chart-legend{
	margin: 234px 0 0 0;
	text-align: center;
}

.chart-row{
	padding: 10px 15px;

	background: -moz-linear-gradient(top, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,0)), color-stop(100%,rgba(185,185,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9b9b9', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */

}

.plant-chart-row {
	padding: 10px 15px 35px;
}

.chart{
	margin: 5px 0 0 0;
	min-height: 175px;
}

.chart-header{
	color: #ffffff;
	-webkit-text-shadow: 1px 1px 0px #000;
	text-shadow: 1px 1px 0px #000;
    width:100%;
    position:relative;
    display:block;

}

.alert-header-wrapper .chart-header{
    width:auto;
}



.chart-header h4 {
	font-size: 16px;
    text-align: center;
    margin:0 0 10px;
}

#regional-data{
	/*background-color: #fff;*/
	margin: 0;
}

.alert-info{
	/*margin-top: 30px;*/
    margin: 5px 0;
}

.data-indicator-bottom {
    left: 1px;
	right: 1px;
	bottom: -27px;
    margin: 0 auto;
    padding: 7px;
    text-align: center;
    width: 95px;
}

.alert-positive, .Good{
	background: rgb(15,216,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(15,216,0,1) 0%, rgba(0,128,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,216,0,1)), color-stop(100%,rgba(0,128,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(15,216,0,1) 0%,rgba(0,128,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(15,216,0,1) 0%,rgba(0,128,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(15,216,0,1) 0%,rgba(0,128,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(15,216,0,1) 0%,rgba(0,128,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fd800', endColorstr='#008009',GradientType=0 ); /* IE6-9 */
}

.alert-nomovement, .Avg{
	background: rgb(227,107,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(227,107,0,1) 0%, rgba(187,88,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,107,0,1)), color-stop(100%,rgba(187,88,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(227,107,0,1) 0%,rgba(187,88,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(227,107,0,1) 0%,rgba(187,88,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(227,107,0,1) 0%,rgba(187,88,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(227,107,0,1) 0%,rgba(187,88,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36b00', endColorstr='#bb5800',GradientType=0 ); /* IE6-9 */
}

.alert-negative, .Bad {
	background: rgb(230,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,0,0,1) 0%, rgba(154,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,0,0,1)), color-stop(100%,rgba(154,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(230,0,0,1) 0%,rgba(154,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(230,0,0,1) 0%,rgba(154,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(230,0,0,1) 0%,rgba(154,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(230,0,0,1) 0%,rgba(154,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60000', endColorstr='#9a0000',GradientType=0 ); /* IE6-9 */
}

.alert-inactive{
    background: #545454; /* Old browsers */
    background: -moz-linear-gradient(top, #545454 0%, #939393 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(99%,#939393)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #545454 0%,#939393 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #545454 0%,#939393 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #545454 0%,#939393 99%); /* IE10+ */
    background: linear-gradient(to bottom, #545454 0%,#939393 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
}
.table > tfoot > tr > th,
.table > thead > tr > th,
.table tr.header-row > th {
    vertical-align: middle;
	 background-color: #f5f5f5;
}

.table .manual-task-header th{
   vertical-align: middle;
	background-color: #f5f5f5;
	text-align: center;
}

.data-table{
	background-color: #fff;
}

.data-table th, .data-table tr.header-row th:not(:first-child){
	text-align: center;
}

.data-table-body th{
	text-align: center;
}

#corp-dlm-portlet .data-table tr td:first-child a.btn,
.data-table th a,
.show-more-fewer-wrapper a {
    color: #333333;
	 cursor: pointer;
}

.data-table-body td{
	padding: 0;
	text-align: center;
}

.data-table-body td a{
	-moz-box-sizing: border-box;
	display: block;
	padding: 8px;
}

.data-table-body td a:hover{
	/*background-color: #808080;*/
	text-decoration: none;
}

.data-table-body .row-identity{
	text-align: left;
}

.week-table-summary-row td{

}
.week-table-summary-row td.disabled a{
	color: #000;
}

#week-data-table td.disabled a{
	color: #000;
}

.current-day{
	color: #006DCC;
}

.DLMTickerItem .stoplight-info {
    overflow: hidden;
    white-space: nowrap;

}

div.description
{
    position: absolute; /* absolute position (so we can position it where we want)*/
    bottom: 31px; /* position will be on bottom */
    left: auto;
    /* hide it */
    /* styling bellow */
    background-color: transparent;
    font-family: 'tahoma';
    font-size: 17px;
    color: #fff;
	width: 100%;
	text-align:center;
    font-weight: bold;
}

.sidebarToggle{
	margin: 10px;
}

.sidebar-content-wrapper {
	margin: 0 0 20px 0;
    border-radius: 0 0 5px 5px;
	overflow:hidden;

	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.sidebar-content{
    font-size:12px;
	/*border: 1px solid #FFFFFF;*/
	padding: 0 8px 8px;
	height: auto;
    position:relative;

	background: -moz-linear-gradient(top, rgba(185,185,185,0) 0%, rgba(185,185,185,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,0)), color-stop(100%,rgba(185,185,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(185,185,185,0) 0%,rgba(185,185,185,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(185,185,185,0) 0%,rgba(185,185,185,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(185,185,185,0) 0%,rgba(185,185,185,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(185,185,185,0) 0%,rgba(185,185,185,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9b9b9', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
}

.sidebar-content-wrapper a:active{
	color: #fff;
}

.sidebar-message-content{
	height: 100%;
}

.sidebar-header {
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 1px;
    text-shadow: 1px 1px 0 #000;
    text-align:center;
}


div#dept-content .sidebar-header h3 {
    display: inline-block;
    font-size: 17px;
    left: 75px;
    margin: 0;
    position: absolute;
    text-align: left;
}

div#dept-content .sidebar-header .fa{
    margin-top:10px;
    margin-right:5px;
}


#message-send .btn-group{
	display: block;
}

#message-send .btn-group .btn{
	width: 90%;
}

#message-send .btn-group .dropdown-toggle{
	width: 10%;
}

footer{
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 25px 0 3px 0;
	overflow: hidden;
}

.footer-content{
	padding: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	background: -moz-linear-gradient(top, rgba(213,213,213,0) 71%, rgba(206,206,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(213,213,213,0)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,213,213,0) 71%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,213,213,0) 71%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,213,213,0) 71%,rgba(206,206,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,213,213,0) 0%,rgba(206,206,206,0.14) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5d5d5', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}

.footer-content .nav{
	margin: 0;
}

footer a{
	color: #c5c5c5;
}

footer li.disabled a{
	color: #c5c5c5;
}



.cog-btn {
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
}

.cog-btn:hover, .cog-btn:focus{
    color: #333333;
}

.fa-calendar + .fa-caret-down{
    margin-left: 3px;
}


div#no-emp-over-alert{
    margin-top:0px;
    margin-bottom:10px;
}

div#no-emp-under-alert{
    margin:0px;
}

div#dept-content .fa-exclamation-triangle{
    color:#f89406;
}


.wrapper{
    position:relative
}


body{
    position:relative;
}

.modal-backdrop{
    position:fixed;
}

.indicator {
    position: absolute;
    left: 47.3%;
    top: 40%;
}

div#ranked .indicator{
    position: absolute;
    left: 40%;
    top: 40%;
}

.ai-circled {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
}

.loading-bg {
    background-color: #ffffff;
    border-radius: 5px;
    height: 80px;
    width: 100%;
}


    .oppTable {
        margin-bottom: 0px;
    }

    .well {
        /*margin: 0px;*/
    }

    html {
        overflow-y: scroll;
    }

    	#embedded-chat-feed {
		height: 600px;
		background-color: #FFFFFF;
		border-radius: 0 0 5px 5px;
		padding: 10px;
	}

    .table td.equip-row, .table td.manual-class-name {
        padding-left:20px;
    }

    .table td.lane-row{
        padding-left:40px;
    }

    .fa{
        cursor:pointer;
    }

    .login-alert, .table-hover .login-alert {
        font-weight:bold;
        background-color:#ff0000 !important;
        color:#ffffff;
        -webkit-animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: infinite;
    }

    .portlet-content-wrapper{
        overflow-y:auto;
		  max-height:835px;
    }

    #eqmreportrange,
    #reportrange,
    .reportrange {
        cursor: pointer;
		  padding: 15px 15px;
		  line-height: 20px;
        text-shadow: none;
        color:white;
    }

        #eqmreportrange .caret,
        #reportrange .caret,
        .reportrange .caret {
            color:white;
            margin-left: 2px;
            margin-top: 0px;
            border-bottom-color: #FFFFFF;
            border-top-color: #FFFFFF;
        }

        @media(max-width:1210px) {
            #eqmreportrange .caret,
            #reportrange .caret {
                margin-top:8px;
            }
        }

        #eqmreportrange span,
        #reportrange span {
            padding-left: 3px;
        }

    .narrow-expand {
        display: none;
    }




    .fa-question-circle{
        cursor:pointer;
    }

    .brand img {
        border-radius:5px;
        width:125px;
        height:55px;
    }

    .main-content-top-nav .navbar {
        margin: 20px 0 0 140px;
        min-height: initial;
    }

    .responsive-collapse{
        display:none;
    }

  .navbar ul.nav li.open ul.dropdown-menu{
    background-color: #444444;
}
  .navbar .nav > li > a, .navbar .dropdown-menu a{
    color: #ffffff;
}

.region-name {
    display: inline;
    font-size: 15px;
}

.main-content {
    margin:0px !important;
    padding-top:10px;
}



    #charts-opp-total-col {
        vertical-align:middle;
    }

    #charts-opp-progress {
        margin:10px;
    }

    #charts-opp-progress-col {
        vertical-align:middle;
    }

    #charts-opp-table{
        margin-bottom:0px;
    }

    #charts-identity-col {
        vertical-align:middle;
    }



.sidebar-img-wrapper {
    width:15%;
    display:inline-block;
    float:left;
}

    .sidebar-img-wrapper img {
        height:40px;
        width:40px;
    }

.sidebar-header-wrapper {
    width:85%;
    display:inline-block;
    float:left;
}

#fac-comp #loginCompChart {
    height:250px;
}

.chart-medium {
    height:250px;
}

.chart-large {
    height:300px;
}

.chart-xlarge {
    height:400px;
}

div.alert-header-wrapper {
    margin:0 auto;
    width:100%;
    position:relative;
    text-align:center;
}

    div.alert-header-wrapper img{
        display:inline-block;
        height:40px;
        width:40px;
    }

    div.alert-header-wrapper h3 {
        display:inline-block;
        margin-top:0px;
        margin-bottom:10px;
    }

    div#alerts .sidebar-header{
        width:98.7%;
    }


    .collapsing{
        display:none;
    }

div#report-content .span4{
    margin-bottom:20px;
}

div#mobile-alerts{
    display: none;
}

dt{
    margin-top:10px;
}


div#dept-content .fa-exclamation-circle{
    font-size:1.2em;
}

div#profile-content .table td{
    text-align:left;
}


div#profile-content .fa-times{
    cursor:pointer;
}


div.row-fluid > div.section-header{
    margin-left:0;
}

table#dept-overview thead tr:first-child th:first-child{
    border-right:3px solid #dddddd;
}


table#dept-overview .dept-na{
    border-right:3px solid #dddddd;
}

#dept-dropdown li a {
    min-width:150px;
}

#dept-dropdown li a span{
    display:inline-block
}

.dept-badges{
    display:inline-block;
}

#users-table-wrapper .table th, #users-table-wrapper .table td {
    text-align:left;
}

#login-form .control-group .controls strong{
    color:#FFFFFF;
}

.control-label{
    color:black;
}

.page-wrapper > .row{
    margin: 0 -40px;
}

@media(min-width:1212px) {
    div#charts-opp-timespan {
        margin:5px 0;
        font-size:20px;
        font-weight:bold;
    }


    div#charts-opp-label{
        margin:5px 0;
        font-size:20px;
        font-weight:bold;
    }

    div#charts-opp-total{
        margin:5px 0;
        font-size:20px;
        font-weight:bold;
        color:green;
    }
}

@media (min-width:1501px) {
   #sidebar-alerts .col-sm-6{
        width:100%;
    }
}

@media (max-width:1500px) {
    div#mobile-alerts {
        display:block;
    }

    .section-header.col-md-9{
        width:100%;
    }

    #sidebar-alerts{
        display:block;
        width:100%;
        /*float:initial;*/
        margin-left:0;
    }

    #sidebar-alerts.col-md-3{
        padding:0;
    }

    #sidebar-alerts > .col-md-12{
        padding:0;
    }

    .main-content{
        width:100% !important;
    }
    div#alerts div.sidebar-header-wrapper h3{
        text-align:left;
        position:absolute;
        left:17%;
    }

    div#alerts div.sidebar-header-wrapper .fa{
        margin-right:5px;
        margin-top:9px;
    }
}
@media(max-width:1070px){
    div#ranked .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }
    div#ranked.span3{
        margin-left:0;
        display:block;
        width:100%;
        float:none;
    }
    div#corp-dlm-portlet.span9{
        display:block;
        width:100%;
        float:none;
    }

    .oee-time-slot{
        height: 15px;
        font-size: 85%;
    }

    .oee-time-slot.oee-time-slot-alt{
        border-left:solid 0px transparent;
        padding-left: 2px;
    }
}

@media (max-width:995px){
    .row > .col-md-12 > .col-md-3{
        width:100%;
    }

    .row > .col-md-12 > .col-md-9:nth-child(2){
        float:initial;
        width:100%;
    }
}

@media (max-width:845px){
    .emp-activity-opp-money{
        display:none;
    }
}

@media (max-width: 768px) {
    div#myTab{
        padding:0;
        margin:0;
    }
    div#myTab nav.navbar{
        background-color:transparent;
        margin:0;
        padding:0;
    }
    div#myTab nav.navbar ul{
        margin:0;
    }

    .page-wrapper > .row{
        margin: 0 -15px 10px;
    }

    div#myTab nav.navbar .divider-vertical,
    div#myTab nav.navbar .datepicker,
    div#myTab nav.navbar .dt-refresh,
    div#myTab nav.navbar .dt-display{
        display:none;
        }
    div#myTab nav.navbar .navbar-collapse{
        background-color: #333333;
        margin-top: 10px;
        /*position: absolute;*/
        /*width: 100%;*/
        /*z-index: 1;*/
        padding:0;
        }
    div#myTab nav.navbar .navbar-collapse ul#user-menu{
        margin:0;
        padding:0;
            }
    div#myTab nav.navbar .navbar-collapse ul#user-menu li.divider{
        display:none;
    }
    div#myTab nav.navbar .navbar-collapse ul li ul.dropdown-menu{
        background-color:initial;
    }
    div#myTab nav.navbar .navbar-collapse ul li ul.dropdown-menu li,
    div#myTab nav.navbar .navbar-collapse ul li{
        background-color:#333333;
        border-bottom:1px solid #ffffff;
        margin:0;
    }
    div#myTab .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        background-color:initial;
        padding-left:30px;
        color:#ffffff;
    }

    div#myTab .navbar-default .navbar-nav .open .dropdown-menu > li.active > a,
    div#myTab .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color:#919191;
    }

    div#myTab nav.navbar .container-fluid{
        padding:10px 15px;
    }
    div#myTab nav.navbar .navbar-header{
        padding:0;
        margin:0;
    }

    div#myTab nav.navbar .navbar-header .navbar-brand{
        padding:0;
        }

    div#myTab .brand-wrapper{
        left: 20px;
        top: 10px;
        }

    div#desktop-navbar {
        display: none;
    }

    /*div#mobile-navbar {
        display: block;
    }*/
    .page-wrapper{
        padding:0 15px;
    }
    .container-fluid.page-wrapper .container-fluid{
        padding: 0 5px;
    }

    div#ranked .indicator{
        position: absolute;
        left: 45%;
        top: 40%;
    }
    /******************************/
    /*********  Header ************/
    /******************************/

    .narrow-expand {
        display: inline;
    }

    #corp-dlm-portlet {
        display:block;
        width:100%;
    }

    .section-header div#eqmreportrange,
    .section-header div#reportrange {
        display: inline-block;
        margin:0 auto;
        width:200px;
    }

    #eqmreportrange .caret
    #reportrange .caret {
        color: white;
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
        margin-left: 2px;
        margin-top: 8px;
    }


    div.sidebar-info {
        display: block;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .row-fluid .main-content {
        margin:0px !important;
        width:100% !important;
        float:initial;
    }

    div#charts-opp-timespan {
        font-size:16px;
        font-weight:bold;
    }

    div#charts-opp-label{
        font-size:16px;
        font-weight:bold;
    }

    div#charts-opp-total{
        font-size:16px;
        font-weight:bold;
        color:green;
    }

    div.portlet div.row-fluid:first-child div:first-child {
        margin-left:0px;
        width:80%;
        float:left;
    }

    div.portlet div.row-fluid:first-child div:nth-child(2) {
        margin-left:0px;
        width:20%;
        float:left;
        position:relative;
    }

    .chart-header h4 {
        font-size: 16px;
        margin: 0 0 10px;
        text-align: left;
    }
}

@media (max-width:695px) {

    div.page-wrapper div.container-fluid form{
        width:90%;
    }

    #loginCompChart{
        height:250px;
    }
    .region-name{
        font-size:12px;
    }
    .region-city{
        font-size:10px;
    }

    div#charts-opp-timespan {
        font-size:14px;
        font-weight:bold;
    }

    div#charts-opp-label{
        font-size:14px;
        font-weight:bold;
    }

    div#charts-opp-total{
        font-size:14px;
        font-weight:bold;
        color:green;
    }

    .emp-activity-opp-hrs{
        display:none;
    }
}

@media (max-width:1175px) {
    .resp-corp-table th:nth-of-type(8) ~ th {
        display: none;
    }

    .resp-corp-table td:nth-of-type(8) ~ td {
        display: none;
    }
}

@media (max-width:1075px) {
    .resp-corp-table th:nth-of-type(7) ~ th {
        display: none;
    }

    .resp-corp-table td:nth-of-type(7) ~ td {
        display: none;
    }
}

@media (max-width:670px){
	.corp-emps {
		display: none;
	}
}

@media (max-width:675px){
    .resp-corp-table th:nth-of-type(6) ~ th{
        display: none;
    }
    .resp-corp-table td:nth-of-type(6) ~ td{
		display: none;
	}
}

@media (max-width:600px) {
    div#corp-dlm-portlet .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }

    div#charts-content .indicator{
        position: absolute;
        left: 45%;
        top: 40%;
    }

    div#facility-content .indicator{
        position: absolute;
        left: 45%;
        top: 40%;
    }

    div#dept-content .indicator{
        position: absolute;
        left: 45%;
        top: 40%;
    }

    div#report-content .indicator{
        position: absolute;
        left: 45%;
        top: 40%;
    }

    div#charts-opp-timespan {
        font-size:12px;
        font-weight:bold;
    }

    div#charts-opp-label{
        font-size:12px;
        font-weight:bold;
    }

    div#charts-opp-total{
        font-size:12px;
        font-weight:bold;
        color:green;
    }

}

@media (max-width:590px) {
    .emp-activity-prod{
        display:none;
    }
}

@media (max-width:575px){
        .corp-etc {
        display:none;

    }
}

@media (max-width:565px) {
	.resp-corp-table th:nth-of-type(5) ~ th{
		display: none;
	}
	.resp-corp-table td:nth-of-type(5) ~ td{
		display: none;
	}

    .fac-prod-assigned {
        display: none;
    }

    .fac-prod-na {
        display: none;
    }
}


@media (max-width:525px) {

    .corp-emps {
        display: none;
    }

    div#breadcrumb h3 {
        font-size:14px;
    }

    .chart-header h4 {
        font-size: 14px;
        margin: 0 0 10px;
        text-align: left;
    }

    .sidebar-header h3 {
        font-size: 14px;
        margin: 0;
        text-align: left;
    }

    div#ranked .sidebar-header h3 {
        font-size: 14px;
        margin: 0;
        text-align: center;
    }

    div.alert-header-wrapper h3 {
        font-size:17px;
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 0;
    }

    div.alert-header-wrapper {
        margin: 0 auto;
        width: 110px;
    }

    div.alert-header-wrapper img {
        display: inline-block;
        height: 30px;
        width: 30px;
    }

    .sidebar-img-wrapper img {
        height: 25px;
        width: 25px;
        margin-top:8px;
    }

    div.section-header div.btn-group a{
        font-size:12px;
    }

    g text tspan {
        font-size:9px !important;
    }


    .sidebar-content-wrapper:nth-child(1) {
        display: block;
        width: 100%;
        float:none;
    }

    .sidebar-content-wrapper:nth-child(2) {
        display: block;
        width: 100%;
        float:none;
    }

    .sidebar-content-wrapper:nth-child(3) {
        display: block;
        width: 100%;
        float:none;
    }

    .sidebar-content-wrapper:nth-child(4) {
        display: block;
        width: 100%;
        float:none;
    }

    .fac-prod-assigned {
        display: none;
    }

    .fac-prod-na {
        display: none;
    }

}

@media (max-width:505px) {
    .emp-activity-pph
    {
        display:none;
    }
}

@media (max-width:480px) {
    div.spindle-header {
        padding:15px;
    }

    div.spindle-header img{
       width:150px;
   }

   div#charts-content .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }

   div#facility-content .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }

    div#dept-content .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }

    div#report-content .indicator{
        position: absolute;
        left: 42%;
        top: 40%;
    }

    .corp-emps{
        display:none;
    }

	.resp-corp-table th:nth-of-type(4) ~ th{
		display: none;
	}
	.resp-corp-table td:nth-of-type(4) ~ td{
		display: none;
	}

    .corp-etc{
        display:none;
    }

    .corp-ppoh{
        display:none;
    }

    div.wrapper{
        display:block;
    }
}

@media (max-width:467px){
    .fac-vacant {
        display: none;
    }
}

@media(max-width:450px){
    .dept-emp-today {
        display: none;
    }
    .corp-comp {
        display: none;
    }
}

@media (max-width:412px) {
    .fac-lanes{
        display:none;
    }
}

@media (max-width:400px) {
    .fac-perc-hours,
    .fac-total-hours {
        display:none;
    }

    .fa-2x {
        font-size:1.7em;
    }
    .corp-emps{
        display:none;
    }

    .corp-etc{
        display:none;
    }

	.resp-corp-table th:nth-of-type(3) ~ th{
		display: none;
	}
	.resp-corp-table td:nth-of-type(3) ~ td{
		display: none;
	}

    .corp-ppoh {
        display:none;
    }

    #breadcrumb h3{
        display:inline-block;
        margin:0;
    }

    .fac-vacant {
        display: none;
    }

    .fac-prod-tavg {
        display: none;
    }

    .fac-prod-pavg{
        display: none;
    }

    .dept-class{
        display:none;
    }
}
@media (max-width:360px) {
    .sidebar-content .table th, .sidebar-content .table td{
        font-size:11px;
                padding:5px;
    }

    #end-shift-content .end-shift-loc {
        display:none;
    }
}

@media (max-width:350px) {
    .table th, .table td {
        font-size:11px;
        padding:5px;
    }

    #charts-opp-total-col {
        display: none;
    }


    .fac-lanes {
        display: none;
    }

    .fac-vacant {
        display: none;
    }

    .fac-hours {
        display: none;
    }

}

@media (max-width:320px) {
    .fac-perc-hours {
        display:none;
    }
    .corp-emps{
        display:none;
    }

    .corp-etc{
        display:none;
    }

    .corp-ppoh {
        display:none;
    }

	.resp-corp-table th:nth-of-type(2) ~ th{
		display: none;
	}
	.resp-corp-table td:nth-of-type(2) ~ td{
		display: none;
	}

    .corp-comp {
        display:none;
    }
}


.emp-equip h4{
    margin-bottom: 0;
    margin-top: 5px;
}

.emp-lane h4{
    margin-bottom: 0;
    margin-top: 5px;
}

.emp-class{
    text-align:center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding:10px 0;
    width:98%;
    margin:5px auto 0;
}

.emp-class span{
    margin:5px;
}

.emp-rolling {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    position:relative;
}

@media(min-width:1300px){
    .emp-rolling{
        width:90%;
    }
}

.emp-list-rolling {
    position:relative;
    height:100%;
    text-align:center;
}

.emp-list-rolling img{
    width:70px;
}

.emp-list-rolling span {
    color: #ffffff;
    font-size: 16px;
    font-weight: bolder;
    left: 0;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%;
}

.emp-daily{
    position:relative;
    height:100%;
    width:100%;
}

.today-perf {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: white;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    margin: 5px auto auto;
    position: relative;
    text-align: center;
    top: 2px;
    width: 80%;
    max-width:100px;
}

.today-perf span{
    color: #ffffff;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 100%;
}

.emp-daily .emp-value, .emp-rolling .emp-value.alert-inactive{
    width:90px;
    float:right;
    height: 73px;
    display:block;
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin: 5px auto auto;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    position:relative
}

    .emp-daily .emp-value span, .emp-rolling .emp-value.alert-inactive span {
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding-top:19px;
    }

.alert-positive {
    background: linear-gradient(to bottom, rgba(15, 216, 0, 1) 0%, rgba(0, 128, 9, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.alert-nomovement {
    background: linear-gradient(to bottom, rgba(227, 107, 0, 1) 0%, rgba(187, 88, 0, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.alert-negative {
    background: linear-gradient(to bottom, rgba(230, 0, 0, 1) 0%, rgba(154, 0, 0, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.alert-inactive {
    background: linear-gradient(to bottom, #545454 0%, #939393 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.scrollable-h-wrapper{
	width: 100%;
    /*min-width: 500px;*/
	position: relative;
}
div.scrollable-h {
    width: calc(100% - 347px);
    overflow-x: auto;
    margin-left: 28px;
    /*overflow-y: visible;*/
    padding: 0;
}

.headcolLeft {
    position: absolute;
    width: 30px;
    height: 81px;
    left: 0;
    top: auto;
}

.headcolLeft-lane {
    position: absolute;
    width: 30px;
    height: 61px;
    left: 0;
    top: auto;
}

.table td.headcolLeft.equip-row {
    padding-left:10px;
}

.headcolLeft i.fa{
    line-height: 73px;
}

.headcolMid{
    height: 81px;
    font-size: 0; /* prevent inline-block elements from expanding the height*/
    white-space:nowrap;
    min-width: 730px;
}

.headcolMid-lane{
    height: 61px;
    font-size: 0; /* prevent inline-block elements from expanding the height*/
    white-space:nowrap;
    min-width: 730px;
}

.headcolRight {
    text-align: center;
    position: absolute;
    width: 81px;
    top: auto;
}

.headcolRight{
	right:0;
    height: 81px;
    font-size: 85%;
}

.headcolRight-lane{
    text-align: center;
    position: absolute;
    right: 0;
    width: 81px;
    height: 61px;
    top: auto;
    font-size: 85%;
}

.oee-table > thead > tr > th.headcolLeft,
.oee-table > thead > tr > th.headcolMid,
.oee-table > thead > tr > th.headcolRight,
.oee-table > tfoot > tr > th.headcolLeft,
.oee-table > tfoot > tr > th.headcolMid,
.oee-table > tfoot > tr > th.headcolRight{
    height: 30px;
    border-bottom-width: 1px;
}

.oee-table > thead > tr > th.headcolMid,
.oee-table > tbody > tr > td.headcolMid,
.oee-table > tbody > tr > td.headcolMid-lane,
.oee-table > tfoot > tr > th.headcolMid{
    text-align: right;
}


.headcolRight2{
	right:80px;
}

.headcolRight3{
	right:160px;
}

.headcolRight4{
	right:240px;
}

.oee-time-slot-wrapper{
    font-size: 0; /* prevent inline-block elements from expanding the height*/
}


.long {
  background: yellow;
  letter-spacing: 1em;
}

.eqm-status-portlet {
    min-width: 500px;
}
.oee-table{
    min-width: 500px;
}

.oee-table > thead > tr > th,
.oee-table > tbody > tr > th,
.oee-table > tfoot > tr > th,
.oee-table > tbody > tr > td {
    text-align:center;
    vertical-align: middle;
    padding: 3px;
}

.oee-metric-col{
    text-align: center;
    padding: 3px;
    width: 81px;
}

.oee-time-slot{
    display:inline-block;
    height: 20px;
    text-align:left;
    border-left:solid 1px #000;
    padding-left: 1px;
    overflow: hidden;
    font-size: 12px;
    vertical-align: top;
}

.oee-time-slot-alt{
    height: 10px;
}

.oee-metric-alert{
    text-align: center;
    font-size: 24px;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    color: #FFF;
    line-height: 48px;
    padding: 12px 0px 0px;
    border-radius: 40px;
}

.oee-metric-alert-lane{
    text-align: center;
    font-size: 18px;
    width: 54px;
    height: 54px;
    margin: 0 auto;
    color: #FFF;
    line-height: 36px;
    padding: 9px 0px 0px;
    border-radius: 30px;
}

.oee-pr-stoplight{
    position:relative;
    height:73px;
}

.oee-pr-stoplight-lane{
    height:61px;
}

.oee-pr-stoplight-wrapper{
    position:relative;
    padding-left: 4px;
}

.oee-pr-stoplight-lane-wrapper{
    position:relative;
    padding-left: 5px;
}

.oee-pr-metric{
    position: absolute;
    top: 17px;
    font-size: 24px;
    width: 76px; /* width of image is 81px, but it has a 5px shadow; consider removing the shadow from the image and applying via css box-shadow property */
    color: #FFF;
    padding-right: 7px;
}

.oee-pr-metric-lane{
    position: absolute;
    top: 16px;
    font-size: 18px;
    width: 76px; /* width of image is 81px, but it has a 5px shadow; consider removing the shadow from the image and applying via css box-shadow property */
    color: #FFF;
    padding-right: 10px;
}

.eqm-status-portlet .progress{
    margin: 0;
}

.oee-progress-equipment{
    height: 73px;
    display:inline-block;
}
.oee-progress-lane{
    height: 52px;
    display:inline-block;
}

.eqm-progress-bar-empty{
    border-left: 3px transparent;
    background-color: #eee;
}

.eqm-progress-bar-maint-downtime{
    background-color: #000;
}

.eqm-progress-bar-prod-downtime{
    background-color: #555;
}

.eqm-progress-bar-unavailable{
    border-left: solid 3px #999;
    background-color: #999;
}

.eqm-progress-class-changed{
    border-left: solid 3px #337ab7;
}


@media (max-width:800px ){
    div.scrollable-h {
      width: calc(100% - 269px);
      margin-left: 28px;
    }

    .headcol {
      width: 30px;
      left: 0;
    }

    .headcolMid{
        height: 61px;
    }

    .headcolMid-lane{
        height: 45px;
    }

    .headcolLeft{
        height: 61px;
        width: 30px;
    }

    .headcolLeft-lane {
        width: 30px;
        height: 45px;
    }

    .headcolLeft i.fa{
        line-height: 61px;
    }

    .headcolRight,
    .scrollable-h .oee-pr-stoplight {
        width: 58px;
        height: 58px;
    }

    .headcolRight-lane{
        width: 61px;
        height: 45px;
        overflow: hidden;
    }

    .headcolRight{
        overflow: hidden;
    }

    .oee-table > thead > tr > th.headcolMid,
    .oee-table > tfoot > tr > th.headcolMid{
        text-align: right;
    }

    .oee-progress-lane{
        height: 35px;
    }

    .headcolRight2{
	    right:60px;
    }

    .headcolRight3{
	    right:120px;
    }

    .headcolRight4{
	    right:180px;
    }

    .scrollable-h .oee-metric-col{
        width: 61px;
    }

    .scrollable-h .oee-pr-metric{
        top: 13px;
        font-size: 20px;
        width: 56px;
        padding-right: 5px;
    }

    .oee-pr-stoplight-wrapper{
        position:relative;
        padding-left: 0;
    }

    .oee-pr-stoplight-lane-wrapper{
        position:relative;
        padding-left: 3px;
    }

    .headcolRight-lane .oee-pr-stoplight-lane{
        height:40px;
    }

    .scrollable-h .oee-pr-metric-lane{
        width: 61px;
        top: 8px;
        font-size: 16px;
        padding-right: 12px;
    }

    .scrollable-h .oee-progress-equipment{
        height: 51px;
    }
}

.column-row{
    display:table;
    width:100%;
    height:100%;
}



.column-row > .column6{
    display:table-cell;
    width:49%;
    height:100%;
    vertical-align:top;
    padding:0 1%;
    text-align:center;
}

.emp-rolling .emp-value{
    height:100%;
    position:relative
}

.emp-rolling .emp-value img{
    height:90px;
}

.emp-rolling .emp-value .emp-status-total{
    position:absolute;
    top:33%;
    right:37%;
}
.emp-rolling .emp-value .emp-status-total.digits3{
    right:37%;
}
.emp-rolling .emp-value .emp-status-total.digits2{
    right:40%;
}

.emp-rolling .emp-value .emp-status-total.digits1{
    right:43%;
}

.perc-sign{
    font-size:10px;
    position:absolute;
    top:0;
}

#emp-status-logged-out, #emp-status-logged-in {
    height:90%;
    position:relative;
}

#emp-status-logged-out .emp-status-row{
    width:100%;
    height:100%;
    margin: 5px 0;
}

 #emp-status-logged-in .row-fluid{
    margin: 5px 0;
 }

.emp-equip{
    text-align:center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding:5px 0;
 }

.emp-lane{
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    text-align: center;
    padding:10px 0;
 }

.emp-status-loc{
    display:inline-block;
    width:100%;
    float:left;
    height:70px;
    text-align:center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.emp-last-login{
    display:inline-block;
    width:48%;
    float:right;
    height:70px;
    text-align:center;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

#emp-name-col {
    margin-left:0px;
}

.modal-filters{
    padding:15px;
    border-bottom: 1px solid #eee;
}

.modal-search{
    padding:15px;
    border-bottom: 1px solid #eee;
    text-align:center;
}

#search-employees .modal-body table th:not(:nth-child(1)){
    text-align:center;
}

body.modal-open{
    overflow: visible
}

.modal-dialog {
    margin-top: 40px;
}

.modal-body{
    overflow: auto;
    max-height: 400px;
}

.emp-daily span.emp-daily-label, .emp-rolling span.emp-now-label{
    position:absolute;
    top:5px;
    right:0;
    width:100%;
    text-align:left;
    color:black;
    font-size:16px;
    font-weight:bold;
}

.emp-rolling span.emp-now-label{
    width:130px;
}

.emp-daily span.emp-daily-label{
    width:140px;
}

@media(min-width:768px) and (max-width:800px) {
    .emp-rolling span.emp-now-label{
        width:115px;
    }

    .emp-daily span.emp-daily-label{
        width:145px;
    }
}

.emp-rolling span.emp-now-value{
    position:absolute;
    right:18px;
    width:100%;
    text-align:right;
    top:25px;
}



.column-row > .column4{
    display:table-cell;
    width:31%;
    height:100%;
    vertical-align:top;
}

#emp-name-col{
    padding-left:20px;
}

.emp-status-header {
    display:inline-block;
    margin:0 0 5px;
    font-size:20px;
    line-height:35px;
}


@media (max-width:768px) {

    .column-row > .column4{
        display:block;
        width:100%;
    }

    #emp-status-logged-in .span9, #emp-status-logged-in .span3{
        margin:5px 0;
    }

    .emp-equip{
        width:98%;
        margin:0 auto;
    }

    .emp-lane{
        width:98%;
        margin:0 auto;
    }

    #emp-status-logged-in .row-fluid {
        margin: 0;
    }
}

@media(max-width:420px){
    #emp-search-table .emp-rolling-col{
        display:none;
    }
}

@media(max-width:320px){
    #emp-search-table .emp-status-col{
        display:none;
    }
}

.report-header{
    position:relative;
}

.report-header .fa{
    position:absolute;
    font-size:1.4em;
    right:0px;
    top:10px;
    cursor:pointer;
}

#report-content .row-fluid .no-left-margin{
    margin-left:0px;
}

.well.emp-alert {
    width:45%;
    display:inline-block;
    padding:0;
    min-height:65px;
}

.well.emp-alert .span4, .well.emp-alert .span3{
    padding:5px 10px;
}

.active-employees {
    position:relative;
}

.perf-filter-menu{
    min-width:100px;
}

.emp-filter-control form{
    margin:0;
}

.emp-filter-control{
    display:inline-block;
    width:auto;
    margin:5px;
    vertical-align:top;
}

.emp-filter-control label{
    display: block;
}

.emp-filter-control.date-filter{
    max-width:150px;
}

.emp-filter-control.date-filter .input-append{
    margin-bottom:0;
}

.emp-filter-control:first-child{
    margin-left:0;
}

.well.emp-alert {
    width:100%;
    display:inline-block;
    padding:0;
}

.well.emp-alert .span5 {
    padding:5px;
}

.emp-filter-control .btn-group .sort-dropdown-btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.emp-filter-control .btn-group .sort-order-btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

div.nav-link > .fa-building-o,
div#emp-content div.nav-link > .fa-users,
div#facility-content div.nav-link > .fa-users,
div#dept-content div.nav-link > .fa-users,
div.nav-link > .section-header-btn
{
    font-size:20px;
    color:white;
    margin:10px 10px 10px 0px;
    cursor:pointer;
	 text-shadow: none;
}

@media(min-width:770px) and  (max-width:930px) {
    div#emps-content .span6 .span2 .emp-list-rolling span {
        color: #ffffff;
        font-size: 14px;
        font-weight: bolder;
        left: 0;
        position: absolute;
        text-align: center;
        top: 13px;
        width: 100%;
    }

    .well.emp-alert {
        font-size:12px;
    }

    .today-perf{
        margin:2px auto;
        height:43px;
    }

    .emp-list-rolling{
        margin:2px auto;
    }

    .today-perf span{
        font-size:14px;
        height:40px;
        top:9px;
    }
}

@media(max-width:765px) {
    .row .col-md-6{
        width:100%;
    }

    .row > .col-md-6:first-child{
        margin-right:0;
        float:initial;
    }

    .row > .col-md-6:nth-child(2){
        float:initial;
    }

    .well.emp-alert {
        font-size:14px;
    }
    .well.emp-alert .span3 {
        display:inline-block;
        width: 23.4043%;
        float:left;

    }
    .well.emp-alert .span5 {
        display:inline-block;
        width: 40.4255%;
        float:left;
        margin-left: 2.12766%;
    }
    .well.emp-alert .span2{
        display:inline-block;
        width: 14.8936%;
        float:left;
        margin-left: 2.12766%;
    }
    div#emps-content .span6 .span2 .emp-list-rolling span {
        color: #ffffff;
        font-size: 16px;
        font-weight: bolder;
        left: 0;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 100%;
    }
}

@media(max-width:450px) {
    div.nav-link > .fa-building-o, div#facility-content div.nav-link > .fa-users,
    div#dept-content div.nav-link > .fa-users{
        font-size:20px;
        color:white;
        margin:10px 10px;
        cursor:pointer;
    }
    .well.emp-alert {
        font-size:13px;
        position:relative;
    }
    .well.emp-alert .span3 {
        display:inline-block;
        width: 30%;
        float:left;
    }
    .well.emp-alert .span5 {
        display:inline-block;
        width:67%;
        float:left;
        text-align:right;
        margin-left: 2.12766%;
    }
    .well.emp-alert .span2{
        display:inline-block;
        width: 50%;
        float:left;
        margin-left: 0;
    }
    .emp-list-rolling{
        text-align:right;
    }
    div#emps-content .span6 .span2 .emp-list-rolling span {
        color: #ffffff;
        font-size: 16px;
        font-weight: bolder;
        left: unset;
        right:0;
        position: absolute;
        text-align: center;
        top: 20px;
        width: auto;
        min-width:70px;
    }
    .today-perf{
        float:right;
        margin-right:5px;
        margin-top:0;
        top:6px;
    }

    .well.emp-alert .span2.rolling-perf-span{
        bottom: 0;
        padding-right: 10px;
        position: absolute;
        right: 75px;
        width: auto;
    }

    .well.emp-alert .span2.today-perf-span{
        width:auto;
        min-width:85px;
        float:right;
        min-height:70px
    }
}

@media(max-width:600px) {
    .emp-class-prod-quarter-avg, .emp-class-prod-quarter-tph, .emp-class-prod-month-avg{
        display:none;
    }
}

@media(max-width:500px) {
    .emp-activity-datatype{
        display:none;
    }
}

@media(max-width:455px) {
    .emp-activity-actual, .emp-activity-target{
        display:none;
    }
}


@media(max-width:360px){
    .emp-class-prod-variance {
        display:none;
    }
}

#analysis-content .filter-control,
#emps-content .emp-filter-control,
#eqm-content .emp-filter-control
{
    vertical-align:top;
    margin-bottom:10px;
}

#analysis-content .filter-control:last-child,
#emps-content .emp-filter-control:last-child,
#eqm-content .emp-filter-control:last-child{
    margin-right: 0;
}

.no-margin{
    margin:0 !important;
}

.no-padding{
    padding:0 !important;
}

analysis-content .filter-control .btn,
#emps-content .emp-filter-control .btn,
#eqm-content .emp-filter-control .btn
{
    padding: 8px 12px;
}

#emps-content .form-search input,
#eqm-content .form-search input
{
    height: 38px;
}

#emps-content .form-search .add-on,
#eqm-content .form-search .add-on
{
	padding: 8px 12px;
}

.filter-control{
    display:inline-block;
    margin-right:20px;

}

div#washer-utilities .filters-wrapper{
    margin-bottom:0;
    display: inline-block;
}

div.wae-info div.filters-wrapper{
    margin-bottom:20px;
}


div#washer-utilities .filter-control{
    margin-bottom:15px;
    margin-right:20px;
}

@media(max-width:768px){
    div#washer-utilities .filters-wrapper.pull-right{
        float:left !important;
    }
}

.filter-control label{
    margin-bottom:5px;
}

.filter-control .btn-group{
    margin:0px;
}

.filter-control .date-filter .input-append{
    margin:0px;
}

@media(max-width:640px){
    #analysis-content .filter-control a,
    #analysis-content .filter-control label,
    #analysis-content .filter-control button,
    #analysis-content .filter-control span{
        font-size:13px;
    }
    #analysis-content .filter-control .multiSelect .button,
	 #emps-content .filter-control .multiSelect .button,
	 #eqm-content .filter-control .multiSelect .button{
        font-size:13px;
    }
    #analysis-content .filter-control .btn{
        padding:8px 10px;
    }
}

#emp-content .emp-activity-opp-info.well{
    height: auto;
    min-width: 225px;
    position: absolute;
    width: auto;
    z-index: 3;
}

#emp-content .emp-activity-opp-info table td,#emp-content .emp-activity-opp-info table th{
    font-size:11px;
}

#emp-content .emp-activity-opp .fa-caret-down{
    cursor:pointer;
}

.admin-page .well ul.nav-pills.lang-select
{
    display: inline-block;
}

.admin-page .well ul.nav-pills.lang-select > li.active > a{
    background-color:#cccccc;
}


.wysiwyg-textarea {
    background-color: #fff;
    border: 1px solid #cccccc;
    margin: 10px;
    padding: 10px;
}

.control-group{
    display:inline-block;
    margin:10px 40px 10px 0px;
}

#login-form .control-group{
    width: 100%;
}

.country-control-group{
    display:block
}

.splash-header {
	background-color: #FFFFFF;
	padding: 25px;
	text-align: center;
}

.splash-main{
	text-align: center;
	color: #FFF;
	font-size:50px;
	margin:75px 20px 20px 20px;
	text-shadow: 2px 2px 1px #111;
}

.reports-menu-link{
    border-bottom:1px solid lightgray;
}

div#releaseModal .modal-body ul{
    list-style:outside none disc;
    margin-bottom:5px;
}

div#releaseModal .modal-body ul li{
    margin-top:10px;
}

div#releaseModal .modal-body p.subnote{
    font-size:12px;
}

.view {
    text-transform:capitalize;
}

#contact-form .control-group{
    display:block;
}

#emp-content .nav-link{
    display:inline-block;
    float:right;
}

div#emp-content .emp-status-header .fa-user{
    font-size:1em;
}


body .atlwdg-trigger.atlwdg-SUBTLE {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-color: #ccc -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    bottom: 20%;
    box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.5);
    color: #444 !important;
    font-size: 11px;
    padding: 6px;
    right: -40px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
}


/**********************/
/*  Alerts            */
/**********************/
.alert-header{
    padding:3px;
	border:solid 1px #C5C5C5;
	border-radius: 2px 2px 2px 2px;
	margin: 0 0 6px;
	font-size: 14px;
	color: #ffffff;
	-webkit-text-shadow: 1px 1px 0px #000;
	text-shadow: 1px 1px 0px #000;
    position:relative;
}
.alert-icon{
    height:25px;
    width:25px;
}
.alert-header h3 {
    font-size: 16px;
    display: inline-block;
    margin: 12px 0;
    width: 70%;

}

@media(max-width:370px) {
    .alert-header h3{
        font-size:14px;
    }
}
.alert-header i{
    font-size:17px;
    cursor:pointer;
}
.alert-header i.fa-plus,
.alert-header i.fa-minus{
    margin:0 5px 0;
}
.alert-header .alert-badge {
    vertical-align:top;
}

.alert-header .left-col{
    display:inline-block;
    width:55px;
}
.alert-header .right-col{
    position:absolute;
    right:10px;
    top:14px;
    text-align:right;
}

.alert-header .left-col i,
.alert-header .left-col img,
.alert-header .right-col span,
.alert-header .right-col i{
    display:inline-block;
}


i.fa-question-circle{
    font-size:17px;
    /*padding: 4px 12px;*/
}

.switch-mini.ats-switch{
    min-width:70px;
    height:22px;
}

.switch-mini.ats-switch span{
    padding:1px;
}



/******************************************/
/*  Employee Activity Today               */
/******************************************/
@media(max-width:565px) {
    .emp-activity-opp-hrs{
        display:none;
    }
}


/*****************************************/
/*  Employee Classification Productivity */
/*****************************************/

div#emp-class-prod-content .emp-class-prod{
    width:20%;
    vertical-align:top;
}

div#emp-class-prod-content .emp-current-tph{
    vertical-align:top;
}

div#emp-class-prod-content .emp-avg-hrs{
    vertical-align:top;
}

div#emp-class-prod-content th.emp-week1-aph{
    text-align:center;
}



/**********************************/
/*  Reports Dashboard             */
/**********************************/
table#reports-table tbody tr th,
table#reports-table tbody tr td{
    padding:5px 10px;
}

.report-filter{
    display:inline-block;
    float:left;
}
.report-filter .input-prepend{
    margin-bottom:0;
}
.report-filter .input-prepend span{
    font-weight:bold;
}
.toolbar-option{
    display:inline-block;
    margin:0 5px 0 0;
}
.toolbar-group{
    display:inline-block;
}
.report-toolbar-wrapper{
    margin:20px 0 0;
}
.filter-prompt{
    font-weight:bold;
}
.filter-selected{
    font-weight:normal;
}
.filter-input{
    width:70px;
}
.report-viewer-toolbar-header .main-config {
    margin-bottom:20px;
}
.report-viewer-header{
    margin-bottom:10px;
}
.report-viewer-toolbar-header .settings .caret,
.report-viewer-header #reportrange .caret{
    margin-top:8px;
}
.report-viewer-header div#reportrange{
    color: white;
    display: inline;
    margin-left:10px;
    width: 200px;
}
div#report-content .report-filter .control-label{
    color:#333333;
    font-weight:bold;
}

div#report-content .report-viewer-toolbar .settings .caret{
    margin-top:8px;
}

.report-viewer-toolbar-header .paging-row {
    margin-bottom:0;
}

div#report-content .report-viewer-toolbar-header .paging-row .span4 {
    margin-bottom:0;
}

#report-content button.btn.btn-primary {
    white-space: normal;
}

/*****************************/
/* Corp Equipment Portlet    */
/*****************************/
@media(max-width:800px) {
    .corp-demand{
        display:none;
    }
}

@media(max-width:660px) {
    .corp-prod{
        display:none;
    }
}

@media(max-width:565px) {
    .corp-maint{
        display:none;
    }
}

@media(max-width:455px) {
    .corp-avail{
        display:none;
    }
}

@media(max-width:365px) {
    .corp-perf, .corp-oee, .corp-name{
        font-size:11px;
        padding:5px;
    }
}



#eqm-facility table.table tr th{
    vertical-align:top;
}



@media(max-width:1260px){
    #eqm-facility .row-fluid .portlet table tr th,
    #eqm-facility .row-fluid .portlet table tr td{
        font-size:12px;
    }
}
@media(max-width:1040px){
    #eqm-facility .row-fluid > .span6.wrapper{
        display:block;
        width:100%;
        margin:0 0 20px;
    }
}



#eqm-facility .oee-portlet .mobile{
    display:none;
}

@media(max-width:795px){
    #eqm-facility .oee-portlet .desktop{
        display:none;
    }
    #eqm-facility .oee-portlet .mobile{
        display:block;
    }
}
@media(max-width:470px){
    #eqm-facility .oee-portlet .mobile .nodemand{
        display:none;
    }
}
@media(max-width:410px){
    #eqm-facility .oee-portlet .mobile .prod{
        display:none;
    }
}

@media(max-width:340px){
    #eqm-facility .oee-portlet .mobile .maint{
        display:none;
    }
}

.ctrl-wrapper{
    margin: 0 0 0 12px;
    font-size: 17px;
    text-shadow: none;
}

.section-header .ctrl-wrapper, #alert-header .ctrl-wrapper {
    margin: 5px 10px 0px 12px;
}

#eqm-facility .ctrl-wrapper.mobile{
    display:none;
}

@media(max-width:550px){
    #eqm-facility .ctrl-wrapper.mobile{
        display:inline-block;
    }


}

#eqm-facility div.row-fluid div.oee-portlet div.btn-group.pull-right{
    float:right;
    width:auto;
}

#staffing-content #staffing-datepicker,
#eqm-facility #eqmoverview-datepicker,
#eqm-facility #eqmincident-datepicker,
#eqm-facility #eqmimpact-datepicker,
#eqm-content #equipMaintDowntime-datepicker,
#eqm-content #equipProductionDowntime-datepicker,
#eqm-content #equipmentWPOH-datepicker{
   cursor:pointer;
}
#staffing-content #staffing-datepicker b.caret,
#eqm-facility span#eqmoverview-datepicker b.caret,
#eqm-facility span#eqmincident-datepicker b.caret,
#eqm-facility span#eqmimpact-datepicker b.caret,
#eqm-content span#equipMaintDowntime-datepicker b.caret,
#eqm-content span#equipProductionDowntime-datepicker b.caret,
#eqm-content span#equipmentWPOH-datepicker b.caret{
    margin-top:10px;
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
}

#available-table tr th,
#available-table tr td{
    vertical-align:middle;
}
#available-table tr th{
    width:20%;
}
#available-table tr td.summary-cell{
    width:25%;
    padding: 10px 40px;
}
#available-table .progress{
    margin:0;
}
#available-table tfoot .legend div.progress,
#available-table tbody .legend div.progress{
    display:inline-block;
    width:auto;
}
#available-table tfoot .legend div.progress div.bar,
#available-table tbody .legend div.progress div.bar{
    width:100%;
    padding:0 20px;
}

#available-table tbody .legend,
#available-table tfoot .legend{
    text-align:center;
    width:100%;
}


#eqm-facility .alert-info, #eqm-content .alert-info, #eqm-charts .alert-info, .reqrail-portlet .alert-info, #charts-content .alert-info{
    margin:5px 0;
}

@media(max-width:575px){
    /*#eqm-facility .oee-portlet i.fa-question-circle{
        position: absolute;
        right: 65px;
        top: 4px;
    }*/
}
.emp-logins{
    padding:5px 0;
}
.timestamp{
    margin-top:5px;
}
.timestamp:first-child{
    margin-top:0;
}
.timestamp > div{
    display:inline-block;
    margin-right:5px;
}
.timestamp .value{
    min-width:60px;
}

.emp-status-header-wrapper{
    display:inline-block;
}
.emp-total-hours h5,
.emp-total-hours span{
    display:inline-block;
}
.emp-total-hours h5{
    margin:0;
}
.emp-status-portlet, .eqm-status-portlet{
    background-color:#fff;
    border-radius:3px;
    padding: 0 0 5px 0;
}

.emp-status-row .center-block,
.eqm-status-portlet .center-block{
    padding:5px;
}

.emp-status-row .center-block .col-md-9{
    width:74%;
}

.emp-status-row .center-block .col-md-3{
    float:right;
}

.emp-info-row{
    display:table;
    width:100%;
}
.emp-status-row .center-block .emp-info-row:first-child{
    margin-bottom:5px;
}

.emp-info-block{
    display:table-cell;
    vertical-align:top;
}

.emp-info-block.block-width-3{
    width:25%;
}

.emp-info-block.block-width-3{
    padding-left:5px;
}

.emp-info-block.block-width-9{
    width:75%;
}

.emp-info-block.block-width-9{
    padding-right:5px;
}

.emp-info-block.block-width-6{
    width:50%;
}

.emp-info-block.block-width-12{
    width:100%;
}

.emp-status-row .center-block .emp-info-block .emp-info-inner{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
}

.emp-status-row .center-block .col-md-9 h4,
.emp-status-row .center-block .col-md-3 h4{
    margin:5px 0 5px;
}

.emp-status-row .center-block .col-md-12{
    margin:5px 0 0;
}

.emp-status-row .left-block .col-md-6{
    display:inline-block;
}

@media(max-width:765px){
    .emp-status-row .left-block .col-md-6{
        display:inline-block;
        width:49%;
        margin-left:0;
        vertical-align:top;
    }
    .emp-status-row .emp-status-loc{
        float:none;
    }
    .emp-status-row .center-block .col-md-9{
        margin:0 0 5px;
    }

    .emp-status-row .right-block .col-md-6:last-child{
        float:right;
}
}
@media(max-width:400px){
    .emp-status-row .left-block .col-md-6{
        display:block;
        width:100%;
    }
}

#eqm-facility{
    font-size:13px;
}

.scrollable-content{
    max-height: 265px;
    overflow-y:scroll;
}

div#breadcrumb div.facility-links ul.dropdown-menu li a i,
div#breadcrumb div.facility-links ul.dropdown-menu li a img{
    width:15px;
    margin-right:8px;
}

div.maint-msg {
    width:auto;
    margin:0 auto;
}

.ta-editor.ta-html, .ta-scroll-window.form-control {
    display: block;
    width: 100%;
}

#analysis-content .multiSelectItem label, #emps-content .multiSelectItem label, #eqm-content .multiSelectItem label, #alert-content .multiSelectItem label{
    color:#444;
}

.singleDatePicker{
    cursor:pointer;
}

.white-font{
    color:#fff;
}

.no-selection{
    margin:40px 0 20px;
}

.indicator.top-align{
    top:5%;
}

#analysis-content .datetime-picker-analysis .caret{
    margin-top:8px;
    border-top: 4px solid #fff;
}

#analysis-content .datetime-picker-analysis .caret,
#analysis-content .datetime-picker-analysis{
    color:white;
    cursor: pointer
}

@media (max-width:1020px){
    #desktop-navbar .datepicker{
        display:none;
    }
    .corpdatepicker.mobile{
        display:block;
    }
}

@media (max-width:1205px){
    .refresh-wrapper,
    .desktop-refresh-wrapper {
        display: none !important;
    }
    .dateTime-display.mobile {
        display:inline-block;
        padding: 3px 0px 10px;
        text-align:left;
        max-width:50%;
    }
    .mobile-refresh{
        display:inline-block;
        margin-bottom:10px;
    }
    .refresh-switch.mobile{
        display:inline-block;
        margin-right:10px;
    }
}

table th .fa-expand,
table th .fa-compress{
    cursor:pointer;
}

.oee-indicator{
    width:20px;
    height:20px;
}


@media (max-width:1025px){
    #emp-analysis-content .table th,
    #emp-analysis-content .table td {
        font-size:13px;
    }
}

@media (max-width:500px){
    #emp-analysis-content .table th,
    #emp-analysis-content .table td {
        font-size:12px;
    }
}


.cap-first{
    text-transform:capitalize;
}
#prodStatus-content .fac-prod-pavg,
#prodStatus-content .fac-prod-assigned,
#prodStatus-content .fac-prod-na{
    display:table-cell;
}


@media (max-width:1060px) {
    #prodStatus-content .fac-prod-tavg {
        display: none;
    }
}
@media(max-width:570px){
    #prodStatus-content .fac-prod-perc {
        display:none;
    }
}
@media(max-width:460px) {
    #prodStatus-content .fac-prod-assigned{
        display:none;
    }
}

@media(max-width:400px){
    #prodStatus-content .first-col{
        max-width:100px;
        overflow:hidden;
    }
}

@media(max-width:600px){
    #staffing-needs-content .staff-over-under{
        display:none;
    }
    #staffing-needs-content .staff-job-code{
        overflow:hidden;
        max-width:50px;
    }
    #staffing-needs-content .staff-class{
        max-width:60px;
        overflow:hidden;
    }
    #staffing-needs-content .staff-actual,
    #staffing-needs-content .staff-required{
        display:none;
    }
}
@media(max-width:768px) {
    #login-form form{
        margin: 30px auto 20px;
        max-width: 400px;
    }

    div#myTab nav.navbar .container-fluid{
        padding:10px 15px;
    }
}

#create-user form label
#create-user .form label{
    color:initial;
}

#create-user .table th,
#create-user .table td{
    text-align:left;
}

#main-user-portlet table td form span.editable-buttons{
    display:block;
    text-align:right;
}

.small-margin-top{
    margin:20px 0 0;
}

#user-menu.dropdown-menu{
    border-top:0px;
}

body .toggle-switch{
    border:0px;
    min-width:80px;
}

body .toggle-switch span{
    padding:2px 4px;
}


/** remove spacing between middle columns **/
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:5px;
  padding-left:5px;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
  padding-right:5px;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
  padding-left:5px;
}


/****************************************************************************************/
/********** Override bootstrap 3 badges and labels to use the 2.3 styles ****************/
/****************************************************************************************/

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important,
.btn .badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href],
.btn .badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning,
.btn .badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href],
.btn .badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success,
.btn .badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href],
.btn .badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info,
.btn .badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href],
.btn .badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse,
.btn .badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href],
.btn .badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-sm .label,
.btn-sm .badge {
  top: 0;
}

.navbar-toggle{
    margin-right:0;
    padding:15px;
}

.sidebar{
    float: right;
    margin-top: 0;
    padding: 0 0 0 30px;
}

.analysis-select{
    background-color: #f5f5f5;
}

@media print {
    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
        color-adjust: exact !important;                 /*Firefox*/
    }

    a[href][ng-click]:after {/* prevent printing of empty href attribute as () */
        content: none !important;
    }

    .page-wrapper{
        padding: 0 5px;
    }

	#myTab, footer{
		display:none;
	}

    #breadcrumb button.dropdown-toggle{
        border: none;
    }

    #breadcrumb button .fa-caret-down{
        display: none;
    }

    .ctrl-wrapper{
        display: none;
    }

    .facility-links{
        display: none;
    }

	#corp-noti, #maint-noti{
		display: none;
	}

	#analysis-content #breadcrumb, #analysis-content .filters-wrapper, #analysis-content .filter-control{
		display: none;
	}

	#analysis-content .chart-header, #analysis-content .ctrl-wrapper{
		display: none;
	}

	#atlwdg-trigger{
		display:none;
	}

	#analysis-content  a[href]:after{
		content: "";
	}

    div.scrollable-h{
        width: 1065px;
    }

    .headcolLeft{
        display: none;
    }
    .headcolRight{
        position: static;
    }

    .progress-bar-success {
        background-color: #5cb85c !important;
    }

    .progress-bar-info {
        background-color: #5bc0de !important;
    }

    .progress-bar-warning {
        background-color: #f0ad4e !important;
    }

    .progress-bar-danger {
        background-color: #d9534f !important;
    }

    .eqm-progress-bar-empty{
        background-color: #eee !important;
    }

    .eqm-progress-bar-unavailable {
        background-color: #999 !important;
    }

    .eqm-progress-bar-maint-downtime {
        background-color: #000 !important;
    }

    .eqm-progress-bar-maint-downtime{
        background-color: #000 !important;
    }

    .eqm-progress-bar-prod-downtime{
        background-color: #555 !important;
    }

    .oee-pr-metric{
        width: 69px;
    }
}

.col-select
{
    vertical-align:top;
}

.col-select .multiSelect .caret
{
    margin: 0 !important;
}

.col-select button.btn-primary
{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    padding:0;
    border:0;
    min-height:auto !important;
    background-image: none !important;
}

div.col-select
{
    padding:0;
    border:0;
    color:#333333;
    background-color:transparent;
}

div#washer-utilities div.col-select{
    position:relative;
}

div#washer-utilities div.col-select .multiSelect .checkboxLayer{
    right:initial;
}
div#washer-utilities div.col-select .multiSelect .buttonLabel,
div#washer-utilities div.col-select .multiSelect > button{
    font-size:13px;
}

div#washer-utilities div.col-select .multiSelect .buttonLabel .fa-caret-down,
div#washer-utilities div.col-select .multiSelect .caret,
div#washer-utilities div.col-select .multiSelect > button .fa-caret-down{
    margin-left:10px !important;
}

div#washfloor-analysis-content div.col-select .multiSelect > button,
div#dlm-analysis-content div.col-select .multiSelect > button,
div#eqm-analysis-content div.col-select .multiSelect > button {
    font-size: 14px;
}

div#washfloor-analysis-content div.col-select .multiSelect .caret,
div#dlm-analysis-content div.col-select .multiSelect .caret,
div#dlm-content div.col-select .multiSelect .caret,
div#eqm-analysis-content div.col-select .multiSelect .caret {
    margin: 0 0 0 10px !important;
}


div.col-select .multiSelect > button
{
    font-size: 17px;
}

div#washfloor-analysis-content div.col-select .multiSelect .checkboxLayer,
div#dlm-analysis-content div.col-select .multiSelect .checkboxLayer,
div#eqm-analysis-content div.col-select .multiSelect .checkboxLayer,
div#washer-utilities div.col-select .multiSelect .checkboxLayer {
    right: auto;
}

div.col-select .multiSelect .checkboxLayer{
    right: 0px;
}

div.col-select .multiSelect .multiSelectItem,
div.col-select .multiSelect .multiSelectItem label
{
    color: #777 !important;
}

div.col-select .multiSelect .multiSelectItem:hover,
div.col-select .multiSelect .multiSelectItem:hover label
{
    color: #fff !important;
}

div.col-select .multiSelect .multiSelectItem.selected:not(.multiSelectGroup)
{
    background-image: none;
    background-color: #fff;
    border: none;
}

.wae-facility-page .filters-wrapper,
.meter-page .filters-wrapper{
    margin-bottom:20px;
}

.meter-page .portlet .data-content{
    margin-bottom: 40px;
}

.washer-group-table tbody td ul{
    padding: 0;
}

table.washer-utility-table tr th span{
    display:block;
}

.temp-config{
    position: absolute;
    right: 15px;
    top: 17px;
}


body.admin-page  .filter-control label{
    color:#000;
}

div.sidebar-content-wrapper{
    overflow: visible;
}

.capitalize {
    text-transform:capitalize;
}


.export-dropdown > div.dropdown-toggle{
    background-color: transparent;
    border:none;
    margin: 2px 0 0 10px;
    text-shadow:initial;
    cursor: pointer;
}

.export-dropdown > div.dropdown-toggle i.fa-share-square{
    font-size:20px;
}

.export-dropdown > div.dropdown-toggle b.fa-caret-down{
    font-size:17px;
}

.export-dropdown ul.dropdown-menu li a{
    text-shadow:initial;
}

.filter-control.align-top{
    vertical-align: top;
}

.text-capitalize{
    text-transform:capitalize;
}

.no-click {
  pointer-events: none;
}

.datepicker-dropdown {
    cursor: pointer;
}

.center-loading{
    position:absolute;
    top:40px;
    left:0px;
    right:0px;
    height:50px;
    width:50px;
}

div#washfloor-analysis-content div.filters-content,
div#eqm-analysis-content div.filters-content {
    margin-top: 20px;
}

.max-col-width{
    max-width: 100px;
}


/***********************************/
/* Corp MaintScheduling Portlet    */
/***********************************/
table#ms-table th.corp-name,
table#ms-table td.corp-name {
    min-width: 130px;
}

@media(max-width:989px) {
    div#ms-content{
        overflow-x:scroll;
    }
}

div.progress-bar.progress-bar-purple {
    background-color: #a142f5;
}

div.labor-mode-filter.filter-control {
    vertical-align: top;
}

    div.labor-mode-filter div.col-select .multiSelect .caret,
    div.labor-mode-filter.filter-control .multiSelect .buttonLabel .caret {
        margin: 0 7px 0 3px !important;
    }

div.labor-mode-filter.filter-control .multiSelect .buttonLabel {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

div.labor-mode-filter .multiSelect .helperContainer {
    display: none;
}

div.labor-mode-filter div.col-select .multiSelect .checkboxLayer {
    right: initial;
}
div.labor-mode-filter div.col-select .multiSelect .multiSelectItem label {
    font-size: 12px;
}

div.labor-mode-filter.filter-control .multiSelect > button {
    font-size: 12px;
    min-height: initial !important;
    background-image: none;
    padding: 2px 2px 2px 8px;
}

table.fixed-sticky-header {
    display: table;
    position: fixed;
    top: 0;
    z-index: 2;
}

@media(max-width:1000px) {
    table.fixed-sticky-header {
        display: none;
    }
}

span.expand-toggle {
    position: absolute;
    left: 8px;
}

div#dlmModalViewWrapper text-angular .ta-toolbar,
div#cmmsModalViewWrapper text-angular .ta-toolbar,
div#generalWorkOrderModal text-angular .ta-toolbar,
div#createWorkOrderModal text-angular .ta-toolbar {
    display: none;
}


div.ms-corp-kpi div.cols-select .multiSelect > button {
    border-radius: 0;
    border: 0;
    background: transparent;
    font-size: 17px;
    padding: 0;
}

.wo-requests text-angular .btn-toolbar {
    display: none;
}

div#cancelWorkOrderModal text-angular div.ta-toolbar{
    display:none;
}

div.trending-analysis div.location-col-select .multiSelect .checkBoxContainer,
div.trending-analysis div.col-select .multiSelect .checkBoxContainer {
    max-height: 400px;
    overflow-y: scroll;
}

div.maint-admin-page ul.nav-pills li.active a{
    color:#fff;
}
div.maint-admin-page ul.nav-pills li a {
    color: #333;
}


body.main-app div.admin-analytics h3{
    margin:0;
}

body.main-app div.admin-analytics .wrapper {
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 15px;
    background: linear-gradient(to bottom, rgba(185, 185, 185, 0) 0%, #B9B9B9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0 8px 8px;
}

body.admin-page div.admin-analytics .wrapper {
    min-height: 125px;
}

body.admin-page div.admin-analytics .wrapper .section-header {
    min-height:40px;
}

    body.main-app div.admin-analytics .wrapper .section-header {
        width: 100%;
    }


body.main-app div.admin-analytics .row.five-col {
    display: table;
    width: 100%;
}

body.main-app div.admin-analytics .row.five-col .col {
    width: 20%;
    display: table-cell;
    padding: 0 10px;
}

body.main-app div.admin-analytics .row.five-col .col .portlet h1 {
    text-align: center
}

body.main-app div.admin-analytics .row.five-col .col .portlet .section-header {
    border: 0;
}


body.main-app div.admin-reqs h4 {
    display: inline-block;
}

body.main-app div#user-profile-inner-wrapper div.title-row h3 {
    display: inline-block;
    font-size: 17px;
    margin: 0 0 11px 0;
    font-weight: bold;
}

    body.main-app div#user-profile-inner-wrapper div.title-row h3 a {
        color: #4d4f5c;
    }

body.main-app div#users-table-wrapper table {
    background-color:#fff;
}

#cmmsModalViewWrapper div.modal-dialog {
    width: 40%;
    min-width: 400px;
}

#dlmModalViewWrapper.coaching-view div.modal-dialog,
#dlmModalViewWrapper.team-status div.modal-dialog,
#dlmModalViewWrapper.employee-view div.modal-dialog {
    width: 60%;
    min-width: 400px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
#dlmModalViewWrapper.coaching-view div.modal-content,
#dlmModalViewWrapper.team-status div.modal-content,
#dlmModalViewWrapper.employee-view div.modal-content {
    height: 100%;
    overflow: hidden;
}

        #dlmModalViewWrapper.employee-view div.modal-dialog div.row#coaching-row > div.col-md-6 {
            width: 100%;
        }

        #dlmModalViewWrapper.employee-view div.modal-dialog div.row#coaching-row > div.col-md-6:first-child {
            margin-bottom: 20px;
        }

        #dlmModalViewWrapper.employee-view div.modal-dialog div.emp-status-portlet > .emp-status-row > .left-block > div.emp-info-row .block-width-6{
            width:100%;
            display:block;
        }

        #dlmModalViewWrapper.employee-view div.modal-dialog div.emp-status-portlet > .emp-status-row .emp-daily span.emp-daily-label, .emp-rolling span.emp-now-label{
            position:relative;
            top: unset;
            right: unset;
            text-align:center;
            width:100%;
            display:block;
        }

        #dlmModalViewWrapper.employee-view div.modal-dialog div.emp-status-portlet > .emp-status-row .emp-daily .emp-value, .emp-rolling .emp-value.alert-inactive{
            float: unset;
        }

            #dlmModalViewWrapper.employee-view div.modal-dialog div.emp-status-portlet > .emp-status-row .emp-rolling .emp-value.alert-inactive span{
                font-size:16px;
            }


            #dlmModalViewWrapper div.modal-header {
                padding: 15px 15px 5px;
            }

    #cmmsModalViewWrapper div.modal-header h3.chart-header,
    #dlmModalViewWrapper div.modal-header h3.chart-header {
        display: inline-block;
        margin: 10px 0 20px;
        width: auto;
    }

    #dlmModalViewWrapper div.modal-header div.btn-group-controls {
        margin: 10px 0;
    }

#dlmModalViewWrapper div.modal-body {
    min-height: 320px;
    height: 90%;
    max-height: 100%;
}

/*#dlmModalViewWrapper.team-status div.modal-body {
    min-height:400px;
}

#dlmModalViewWrapper.team-status div.modal-body {
    min-height: 400px;
}*/

table a.emp-view-toggle{
    cursor: pointer;
}

div.facility-dept-opportunity table.data-table td.fac-dept a,
div.facility-dept-opportunity table.data-table td a.emp-view-toggle,
div.facility-dept-opportunity table.data-table th.fac-active-emps span.badge,
div.facility-dept-opportunity table.data-table td.fac-active-emps span.badge {
    cursor: pointer;
}

div.dlm-team-status-view .dept-filter .multiSelect .checkBoxContainer,
div.dlm-team-status-view .class-filter .multiSelect .checkBoxContainer {
    max-height: 330px;
    overflow-y: scroll;
}
#cmmsModalViewWrapper div.modal-header-wrapper,
#cmmsModalViewWrapper div.modal-header-wrapper div.back-link,
#cmmsModalViewWrapper div.modal-header-wrapper div.back-link span,
#cmmsModalViewWrapper div.modal-header-wrapper div.back-link a i,
#cmmsModalViewWrapper div.modal-header-wrapper div.back-link a
#cmmsModalViewWrapper div.modal-header-wrapper div.back-link h4 {
    display: inline-block;
}

#dlmModalViewWrapper div.modal-header-wrapper,
#dlmModalViewWrapper div.modal-header-wrapper div.back-link,
#dlmModalViewWrapper div.modal-header-wrapper div.back-link span,
#dlmModalViewWrapper div.modal-header-wrapper div.back-link a i,
#dlmModalViewWrapper div.modal-header-wrapper div.back-link a
#dlmModalViewWrapper div.modal-header-wrapper div.back-link h4 {
    display: inline-block;
}
    #dlmModalViewWrapper div.modal-header-wrapper div.back-link a span{
        text-decoration:none;
        font-size:17px;
    }

div#eqm-analysis-content div.filters-wrapper div.filter-control .multiSelect .checkBoxContainer {
    max-height:400px;
    overflow-y:scroll;
}

div.parts-inventory-view div#addEditPartModal div#qty-section div.form-group {
    width:125px;
}

div.parts-inventory-view div#addEditPartModal div#qty-section label{
    display:block;
}


body.sl-login div.row.footer {
    padding: 90px 0px;
    background-color: #342D86;
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
}

body.sl-login div.footer h4,
body.sl-login div.footer ul {
    padding:0;
}
body.sl-login div.footer ul {
    list-style: none;
    margin: 0;
}

body.sl-login div.footer h4 {
    margin: 1rem 0;
    display: block;
    margin-top: 16px;
    margin-block-start: 16px;
    margin-block-end: 16px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 700;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body.sl-login div.footer a {
    color: #fff;
    padding: 5px 0;
    font-size: 14px;
    display: block;
    box-sizing: unset;
    line-height: unset;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

body.sl-login div.footer li.copyright{
    font-size:16px;
}

div#filePmiModal .multiSelect .checkBoxContainer {
    max-height:225px;
    overflow-y:scroll;
}


div#fhs-modal div.modal-body ul {
    padding-left: 15px;
    list-style: initial;
}

div#fhs-modal div.modal-body p.fhs-section {
    margin: 0;
}




@media(max-width:1480px) {
    div#maint-calendar-content .content-row div.col-lg-6 {
        display:block;
        width:100%;
    }
}



.glyphicon-paperclip::before {
    content: "\e142";
}

div#fileAssetModal .multiSelect .checkBoxContainer {
    max-height: 255px;
    overflow-y: scroll;
}

div#assets th.action-col {
    width:125px;
}


.allow-overflow {
    overflow: visible;
}


div.modal-body div.form-group .multiSelect .checkBoxContainer {
    max-height: 300px;
    overflow: scroll;
}


div#dlmModalViewWrapper .coaching-comment-edit text-angular .ta-text.ta-editor > .ta-bind,
div#dlmModalViewWrapper .coaching-comments-form-group text-angular .ta-text.ta-editor > .ta-bind {
    min-height: 100px;
}

div#coaching-moments-portlet div#coaching-text-editor text-angular .ta-toolbar,
div#coaching-moments-portlet .coaching-comment-edit text-angular .ta-toolbar,
div#dlmModalViewWrapper .coaching-comment-edit text-angular .ta-toolbar {
    display: none;
}



