/********************************************/
    /*********Used on _Layout*************/
    /********************************************/

    body.fullscreen
    {
        padding: 0;
    }

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

@media (min-width: 980px)
{
    .nav li .brand
    {
        margin: 20px 0 0 0;
    }

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

}

.sidebar-nav
{
    padding: 9px 0;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover
{
    color: #fff;
}

.facility-links button.dropdown-toggle {
	padding: 6px;
}

div#breadcrumb .facility-links button.dropdown-toggle .fa{
	font-size:14px;
}

.facility-links .dropdown-menu {
    text-align: left;
}

.breadcrumb li.active
{
    text-shadow: none;
}

.filter-wrapper .input-mini
{
    width: 40px;
}

@media (max-width: 1110px)
{
    .workingEmpTile, .nonProdEmpTile, .inactiveEmpTile
    {
        font-size: 60%;
    }
}

@media (max-width: 768px)
{
    .workingEmpTile, .nonProdEmpTile, .inactiveEmpTile
    {
        font-size: 200%;
    }
}
/************* END *****************/
/***********************************/


/***  Used in "DLM/_DLMReports" and "DLM/_VisualWorkplace" ***/
.reportEntries, .reportEntries UL
{
    list-style: none;
}

/*** Not sure where this is used. ***/
.bigModal
{
    width: 940px;
    margin-left: -470px;
}

/*** Used in "DLM/Departments" and "DLM/Equipment" ***/
.statusIcon
{
    width: 15px;
    height: 15px;
}

/*** Not sure where this is used. ***/
.tickerHeader
{
    margin: 0;
    text-align: center;
}

/*** Used in every DLM view ***/
.sidebarToggle
{
    cursor: pointer;
}

    /*** Not sure where this is used.  Possibly in the Javascript ***/
    .sidebarToggle .side-right
    {
        display: none;
    }

/*** Not sure where this is used.***/
.area-slide-out-div
{
    background-color: #036;
}

/*** Used in every DLM view***/
.sidebar
{
    margin-top: 0px;
}

/*** Used only in the "DLM/Index" ***/
#charts-wrapper h1
{
    text-align: center;
}

/*** Used in "DLM/Equipment &Equipment_Historic, DLM/Departments &Departments_Historic***/
.chart-wrapper
{
    cursor: pointer;
}

/*** Used in "DLM/Equipment &Equipment_Historic, DLM/Departments &Departments_Historic***/
.chartTitle
{
    font-size: 25px;
    margin: 0 0 5px 0;
}

/*** Used in "DLM/Index, DLM/Departments &Departments_Historic, DLM/Equipment &Equipment_Historic" ***/
.chart-value
{
    position: relative;
    text-align: center;
    top: -45px;
    font-size: 40px;
    height: 0;
    overflow: visible;
}

    /*** Used in "DLM/Employee, DLM/Plant***/
    .chart-value .alert-error, .chart-value .alert-success, .chart-value .alert-info
    {
        background-color: transparent;
        border: solid 0px #000;
    }


.text-left{
    text-align:left !important;
}

.text-center{
    text-align:center !important;
}

.text-right{
    text-align:right !important;
}

.table td:first-child,
.table th:first-child {
	text-align: left;
}

.pct-table, .pct-narrow-table {
	width: 100%;
}

table.pct-table td, table.pct-table td:first-child{
	width: 10%;
	border:none;
	text-align: right;
}

.pct-narrow-table td, table.pct-narrow-table td:first-child{
    width: 25%;
	border:none;
	text-align: right;
}
/*** Used in "DLM/Index, DLM/Plant***/
#regional-data .alert, #regional-data .alert-error
{
    background-color: transparent;
}

/*** Used in "DLM/Index, DLM/Plant***/
#regional-data td
{
    text-align: center;
    font-size: 20px;
    padding: 5px 5px 5px 0px;
}

/*** Used in "DLM/Index" ***/
td[data-region]
{
    font-size: 18px;
}

/*** Used in "DLM/Index, DLM/Plant***/
.region-city
{
}

/*** Used in "DLM/Index, DLM/Plant***/
#regional-data .region-name
{
    text-align: left;
}

/*** Used in "DLM/Index, DLM/Plant***/
.region-name
{
    cursor: pointer;
}

/*** Used in "DLM/Index, DLM/Plant***/
#regional-data .region-city
{
    padding: 5px 5px 5px 20px;
    text-align: left;
}

/*** Used in "DLM/Index, DLM/Plant***/
#regional-data th
{
    text-align: center;
    font-size: 22px;
    width: 210px;
    padding-top: 20px;
    border-top: 0;
}

    /*** Used in "DLM/Index, DLM/Plant***/
    #regional-data th.data-header-first
    {
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #DDDDDD;
    }

    /*** Used in "DLM/Index, DLM/Plant***/
    #regional-data th.data-header-last
    {
        border-style: solid;
        border-width: 1px 1px 0 0;
        border-color: #DDDDDD;
    }

    /*** Used in "DLM/Index, DLM/Plant***/
    #regional-data th.highlighted-data-header
    {
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: #000;
    }

/*** Used in "DLM/Index, DLM/Plant***/
.highlighted-data-header
{
    cursor: pointer;
}

/*** Used in "DLM/Index, DLM/Plant***/
.data-chart-first
{
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #DDDDDD;
    background-color: #f5f5f5;
    padding-bottom: -40px;
}

/*** Used in "DLM/Index, DLM/Plant***/
.data-chart-last
{
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #DDDDDD;
    background-color: #f5f5f5;
    padding-bottom: -40px;
}

/*** Used in "DLM/Index, DLM/Plant***/
.highlighted-data-chart
{
    border-style: solid;
    border-width: 0 4px;
    border-color: #000;
    background-color: #f5f5f5;
}

/*** Used in "DLM/Index, DLM/Plant***/
.highlighted-data
{
    border-style: solid;
    border-width: 0 4px;
    border-color: #000;
}

/*** Used in "DLM/Index, DLM/Plant***/
.highlighted-data-footer
{
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: #000;
}

/*** Used in "DLM/Index" ***/
.region-name .icon-plus, .region-name .icon-minus
{
    cursor: pointer;
}

/*** Used in "DLM/Departments, DLM/Equipment" ***/
.filter-wrapper
{
    margin-top: 7px;
    margin-bottom: 7px;
}

/*** Not sure where this is used.  Possibly in the Javascript ***/
.selected-chart
{
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
}

/*** Not sure where this is used. ***/
.search-btn
{
    cursor: pointer;
}

/*** Used in "DLM/Employee" ***/
.stoplight
{
    max-width: none; /* Added due to IE8 not working with images and max-widht when parent container doesn't have a width */
    width: 75px;
    height: 75px;
}

/*** Used in "DLM/Employee" ***/
.stoplight-info
{
    margin: 2px;
}

/*** Used in "DLM/Employee" ***/
/* important(so we can absolutely position the description div */
/*div.wrapper
{
    position: relative;
    float: left;
}*/

/*** Used in "DLM/Employee" ***/
div.description
{
    position: absolute; /* absolute position (so we can position it where we want)*/
    bottom: 31px; /* position will be on bottom */
    left: 16px;
    /* hide it */
    /* styling bellow */
    background-color: transparent;
    font-family: 'tahoma';
    font-size: 17px;
    color: black;
    font-weight: bold;
}

/*** Not sure where this is used. ***/
div.description_content
{
    padding: 10px;
}

/*** Not sure where this is used. ***/
.DLMTickerItem
{
    cursor: pointer;
    padding: 5px;
    margin: 5px 5px 5px 5px;
}

/*** Used in "DLM/Departments, DLM/Equipment" ***/
.scroll-on-normal
{
    height: 645px;
    overflow: hidden;
    border: none;
    background-color: #ccc;
    padding: 2px;
}

/*** Not sure where this is used. ***/
.scroll-on-full
{
    height: 859px;
    overflow: hidden;
    border: none;
    background-color: #ccc;
    padding: 2px;
}

/*** Used in "DLM/Equipment &Equipment_Historic, DLM/Departments &Departments_Historic***/
.plant-link
{
    cursor: pointer;
}

/*** Used in "DLM/Equipment &Equipment_Historic, DLM/Departments &Departments_Historic, DLM/Employee" ***/
#charts-wrapper h3
{
    margin: 0;
    line-height: 37px;
}

/*** Used in "DLM/Equipment &Equipment_Historic, DLM/Departments &Departments_Historic***/
.plant-link .pull-right
{
    margin-right: 10px;
}

/*** Used in "DLM/Employee" ***/
.DLMTickerItem_large
{
    padding: 5px;
}

.chart
{
    position: relative;
}

.data-indicator
{
    border: 1px solid #686868;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 24px;
    padding: 5px;
    text-align: center;
    width: 100px;
    margin:0 auto;
}

.data-indicator-bottom
{
    position: absolute;
    right: 40%;
    bottom: -20px;
    font-size: 24px;
    font: bold;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #686868;
    padding: 3px;
}

.alert-negative
{
    background-color: #e60000;
}

.alert-nomovement
{
    background-color: #e36b00;
}

.alert-positive
{
    background-color: #0fd800;
}

ul
{
    list-style: none;
}

.sidebar-content
{
    height: 150px;
}

.chart-header, .icon-drilldown
{
    display: inline;
    width: 20px;
}

    .section-header h3
    {
        display: inline;
    }

    /*.section-header a
    {
        display: inline;
    }*/

/*	.section-header .btn-group {
		padding: 0 0 5px 0;
	}*/

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

.page-header
{
    /*text-align: center;
    margin: 0px;
    padding: 0px;*/
}

    .page-header h3
    {
        display: inline;
    }

    .page-header h4
    {
        display: inline;
    }

    .page-header h6
    {
        display: inline;
    }

    .page-header a
    {
        display: inline;
    }

.ticker-header
{
    margin: 0px;
}

.filter-employees
{
    margin-bottom: 0px;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus
{
    background-color: #969696;
}

.nav-tabs.nav-stacked > li.active > a {
    background-color:#b7b7b7;
}

.nav-tabs.nav-stacked > li > a {
    background-color:#fff;
}

#corps-label
{
    -moz-text-decoration-color: white;
    color:white;
    text-decoration-color: white;
    line-height:15px;
}

.form h4,label
{
    color:white;
}

.modal label{
	color:#000;
}

h4 a
{
    color:white;
}

    h4 a:hover, h4 a:focus
    {
        color:#b9b9b9;
    }

.formatted-date
{
    font-weight:normal;
    font-style:italic;
    font-size:75%;
}
/*
<% if( !string.IsNullOrEmpty(Request.QueryString["ecolab"]) ){ %>
    #myTab a {
    	height: 31px;
    }
<% } %>
*/


/******************
  Employee Page
*******************/
    .page-header
    {
        margin: 0px;
        padding: 0px;
    }

        .page-header h3
        {
            display: inline;
        }

        .page-header h6
        {
            display: inline;
        }

        .page-header a
        {
            display: inline;
        }

    .info
    {
        text-align: center;
    }

    .logged-time
    {
        padding: 3px;
        margin-bottom: 3px;
    }

    .current-work
    {
        padding: 3px;
        margin-bottom: 3px;
    }

        .current-work h4, .employee-info h4
        {
            text-align: center;
            margin-top: 8px;
        }

        .current-work .classification
        {
            text-align: center;
        }

    .current-efficiency
    {
        font-size: 24px;
        font-weight: bold;
        color: white;
        text-align: center;
        border: 1px solid black;
        margin-bottom: 2px;
    }

    .employee-main-info
    {
        padding: 5px;
    }

	td.fac-prod-class{
		padding-left: 23px;
		font-size: 12px;
	}

    .container-center
    {
        width:50%;
    }
    @media (max-width:768px)
    {
       .container-center {
            width:100%;
        }
    }

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

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

#users-table-wrapper .table th ul, #users-table-wrapper .table td ul{
    list-style-type:disc;
    margin:0;
}

table td .form-group label{
    color:initial;
}


@media(max-width:480px){
    div#gas-meters .consumption-usage{
        display: none;
    }
    div#water-meters .temperature{
        display: none;
    }
}

div#wae-facility div.wrapper div.chart-header h4.subheader{
    text-align: center;
    margin: 0;
}

div#wae-facility div.wrapper div.chart-header h5.subheader{
    text-align: center;
    margin: 5px 0 10px;
}

div.hc-container{
    position:relative;
}

#emp-activity-header span,
#emp-activity-header h4{
    display:inline-block;
}

#emp-activity-header span {
    margin-right:3px;
}

.coaching-comment-edit .ta-scroll-window.form-control,
.coaching-comment-edit .ta-scroll-window > .ta-bind,
#coaching-text-editor .ta-scroll-window.form-control,
#coaching-text-editor .ta-scroll-window > .ta-bind {
    min-height: 80px;
}
div#coaching-moments-portlet div#no-coaching-comments.well,
div#coaching-moments-portlet div#coaching-comments.well {
    padding:20px 20px 10px 20px;
    height: auto;
    margin-bottom:5px;
}

div.coaching-comment-edit .btn,
div#coaching-text-editor .btn {
    padding: 3px 9px;
}

div.coaching-comment-edit .btn-wrapper,
div#coaching-text-editor .btn-wrapper {
    text-align: right;
    margin:10px 0;
}

div.coaching-comment {
    margin-bottom:20px;
}

div.coaching-comment {
    border-bottom:2px solid #ccc;
}

/*div.coaching-comment:last-child {
    border-bottom:0;
}*/

div.coaching-comment-content{
    overflow-y: hidden;
    padding-right: 60px;
}

div.coaching-comment-content.show-less{
    max-height:75px;
    overflow-y: hidden;
}

div.coaching-comment-edit{
    margin-top:10px;
}

div#coaching-comments p.see-more-less{
    margin-top:10px;
}

div#comment-more-less > div{
    display:inline-block;
}

div#maint-calendar-content div.cal-row-fluid.cal-row-head,
div#maint-calendar-content div.cal-row-fluid.cal-before-eventlist{
    background-color: #fff;
}

div#maint-calendar-content mwl-calendar .day-highlight:hover,
div#maint-calendar-content mwl-calendar .day-highlight {
    background-color: #dddddd;
}


div#maint-calendar-content mwl-calendar div.cal-month-box a.general-work-order {
    border-radius: unset;
    box-shadow: unset;
    border: 1px solid #000000;
}

div#maint-calendar-content mwl-calendar div.cal-week-box div.status-canceled a {
    color:#000;
}