/* Global*/

body {
	color: #425668;
	background-color: #425668;
	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
	font-size: 14px;
}

/*Logos CWG */

body.nav-md .site_title .cwg-Logo1 {
	height: 46px;
	display: inline-block;
	margin-top: -6px;
}
body.nav-md .site_title .cwg-Logo2 {
	display: none;
}
body.nav-sm .site_title .cwg-Logo2 {
	margin-top: 14px;
	max-width: 95%;
}
body.nav-sm .site_title .cwg-Logo1 {
	display: none;
}

/* Left Navigation */

.toggle a i {
    font-size: 26px;
    color: #425668;
}
.left_col {
	background: #425668;
}
.nav_title {
	background: #fff;
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page {
	border-right: 3px solid #fff;
}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
	border-right: 3px solid #fff;
}
.nav.side-menu.li.active {
	background: #ffa666;
}
.nav.side-menu>li.active>a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 0px 0;
    background: #425668;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0px 0, inset rgba(255, 255, 255, 0.16) 0 0px 0
}
.nav-md ul.nav.child_menu li:before {
    background: #E7E7E7;
}
.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #E7E7E7;
}
.nav-sm ul.nav.child_menu {
    background: #ffb580;
}
.menu_section h3 {
    color: #E7E7E7;
    text-shadow: 0px 0px #000;
	text-decoration: underline;
}
.profile_info {
	padding-left: 14px;
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
}
.profile_info h2 {
	color: #425668;
}
.profile_info h2 {
	line-height: 20px;
}
.profile_info span.middle-div {
	font-size: 11px;
	padding-left: 6px;
	line-height: 28px;
	color: #ccc;
	float: right;
	background-color: #475461;
	text-align: center;
	vertical-align: middle;
	height: 28px;
}
.profile_info span.arrow-right {
	height: 0px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #475461;
	float: right;
}
/*Awesome Font*/

.main_menu .fas {
	width: 26px;
	opacity: .99;
	display: inline-block;
	font-size: 18px;
	-moz-osx-font-smoothing: grayscale;
}
.byline, .main_menu .fas {
	-webkit-font-smoothing: antialiased;
}
.main_menu span.fa, .active a span.fa {
	margin-right: -5px;
}
li.cwg-divider {
	height: 1px;
	margin: 9px 14px;
	overflow: hidden;
	background-color: #425668;
}
h3.cwg-MenuSubtitle {
	color: #425668;
	text-shadow: none;
}
.nav.child_menu>li>a {
	font-size: 14px;
	padding: 9px;
}
.popover {
	width: 600px;
}
.mdfly_FootNoteUser {
	color: #5c7287;
	font-size: 12px;
	border: solid #425668 1px;
	padding: 10px;
	border-radius: 8px;
}
.nav-sm .mdfly_FootNoteUser {
	display: none;
}
.badge-danger {
	background-color: #d9534f;
	font-weight: bold;
}
.page-title .title_left h3 {
	margin-bottom: 40px;
}
/*CWG Login Styles*/

.mdfly_login label {
	display: block;
	text-align: left;
}
.mdfly_login .login_wrapper {
	margin: 1% auto 0;
	max-width: 950px;
}
.mdfly_login .x_panel {
	background: none;
	border: none;
	padding-bottom: 0px;
}
.mdfly_login .ln_solid {
	border-top: 1px solid #F7F7F7;
}
.mdfly_login .login_content form {
	margin-bottom: 0px;
}
/* Tables*/

table {
	color: #000;
}
table th {
	background-color: #ffa666;
	color: #fff;
}
.page-title .title_left h3 {
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
}
.page-title .title_left h3::before {
	background: #ffb580 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 26px;
	margin-left: -25px;
	position: absolute;
	width: 80px;
}
.page-title .title_left h3::after {
	background: #ffb580 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 26px;
	margin-bottom: 6px;
	margin-left: -25px;
	position: absolute;
	width: 160px;
}
h4.mdfly_subtitle {
	font-size: 18px;
	line-height: 24px;
	color: #0079b0;
	font-weight: 300;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
h4.mdfly_subtitle small {
	font-size: 65%;
	color: #999;
}
.page-title .title_left {
	width: 85%;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-dismissible .close {
	color: #fff;
	text-shadow: none;
	opacity: .9;
}
.close {
	text-shadow: none;
	opacity: .9;
}

.modal-title {
	font-size: 18px;
	color: #0079b0;
	font-weight: bold !important;
	text-transform: uppercase;
}
#mdfly_BackToTop {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	right: 45%; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #5cb85c; /* Set a background color */
	color: #fff; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 8px; /* Some padding */
	border-radius: 4px; /* Rounded corners */
	font-size: 13px; /* Increase font size */
	text-transform: uppercase;
}
#mdfly_BackToTop:hover {
	background-color: #192939; /* Add a dark-grey background on hover */
}
html {
	scroll-behavior: smooth;
}
.cwgLabelPath {
	text-transform: uppercase;
	padding: 6px;
	font-weight: 100;
	font-size: 14px;
}
.cwgModalXL {
	width: 96%;
}
.dataTables_length {
	width: 170px;
	float: left;/*border: solid red 1px; Silvia*/
}
div.dataTables_wrapper div.dataTables_info {
	padding-top: 4px;
}
.dataTables_info {
	width: 20%;
	float: left;
	line-height: 20px;/*border: solid blue 1px; Silvia*/
}
.dataTables_info::before {
	color: #ccc;
	content: ".:. ";
}
.dataTables_info::after {
	color: #ccc;
	content: " .:.";
}
.dataTables_paginate.paging_simple_numbers {
/*border: solid green 1px; Silvia*/
}
.dataTables_filter {
	width: 100%;
	float: left;
	text-align: right;/*border: solid blue 1px; Silvia*/
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 9999;
}
#status {
	width: 256px;
	height: 256px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin: -150px 0 0 -150px;/* background image set in PHP*/
}
.modal-content.cwgModalScroll {
	height: calc(100vh - 112px);
	max-height: calc(100vh - 112px);
	overflow: auto;
}
table.dataTable thead .cwgNoSort.sorting:after, table.dataTable thead .cwgNoSort.sorting_asc:after, table.dataTable thead .cwgNoSort.sorting_desc:after {
	display: none; /* hide scroll icons from table header*/
}
table.dataTable.table-condensed>thead>tr>th.cwgNoSort {
	padding-right: 7px;
}
table.dataTable thead .sorting_asc {
	background: #ffb580;
}
table.dataTable thead .sorting_desc {
	background: #ffb580;
}
/* **************************************************************** */
/* PANEL MESSAGES **************************************************************** */
/* **************************************************************** */

.mdfly_Line1 {
	height: 12vh;
	text-align: center;
}
.mdfly_Line2 {
	background-color: #0079b0;
	height: 25vh;
}
.mdfly_Line3 {
	height: 12vh;
	text-align: center;
	color: #006;
}
.mdfly_Line3 h1 {
	line-height: 210%;
	font-size: 340%;
	font-weight: bolder;
}
.mdfly_Line4 {
	/*Carousel*/
	border: solid #ccc 10px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 30px;
	height: 48vh;
	width: 94%;
	margin: auto;
}
.mdfly_Line5 {
	/*Carousel Small*/
	border: solid #ccc 10px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 30px;
	height: 30vh;
	width: 94%;
	margin: auto;
}
.mdfly_Line1 .mdfly_PanelLogo {
	max-width: 150px;
	margin-top: 14px;
}
.mdfly_Line1 .mdfly_PanelDept {
	display: inline-block;
	padding: 20px 25px;
	position: absolute;
	right: 20%;
	top: 5vh;
	font-size: 3vh;
	text-align: center;
	color: #fff;
	background-color: #0079b0;
	border-radius: 8px;
	text-transform: uppercase;
}
.mdfly_PanelTimeHolder {
	float: left;
	width: 46%;
	height: 100%;
	vertical-align: middle;
}
.mdfly_PanelTimeHolder h1 {
	font-size: 8vh;
	line-height: 270%;
	text-align: center;
	color: #fff;
}
.mdfly_PanelDeptHolder {
	float: left;
	width: 54%;
}
.mdfly_PanelDeptHolder h1 {
	font-size: 7vh;
	line-height: 310%;
	text-align: center;
	color: #fff;
	font-weight: bolder;
}
.mdfly_PanelTimeHolder2, .mdfly_PanelDeptHolder2, .mdfly_PanelTimeHolder3 {
	width: 100%;
}
.mdfly_PanelDeptHolder2 h1 {
	font-size: 8.5vh;
	line-height: 310%;
	text-align: center;
	color: #fff;
	font-weight: bolder;
}
.mdfly_PanelTimeHolder2 h1 {
	font-size: 10vh;
	line-height: 260%;
	text-align: center;
	color: #fff;
}
.mdfly_PanelTimeHolder3 h1 {
	font-size: 7vh;
	line-height: 260%;
	text-align: center;
	color: #fff;
	font-weight: bolder;
}
.mdfly_Line4 .mdfly_MessageContent h2 {
	text-align: center;
	font-size: 5vh;
	line-height: 170%;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 6vh;
	color: #333;
}
.mdfly_Line4 .mdfly_MessageContent h4 {
	text-align: center;
	font-size: 3.8vh;
	line-height: 140%;
	font-weight: 100;
	width: 90%;
	margin: auto;
	color: #333;
}
.mdfly_Line4 .carousel-indicators .active {
	width: 22px;
	height: 22px;
	margin: 6px;
	background-color: #0079b0;
	opacity: 0.7;
}
.mdfly_Line4 .carousel-indicators li {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 7px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #0079b0;
	border-radius: 10px;
	opacity: 0.7;
}
.mdfly_Line5 .mdfly_MessageContent h5 {
	text-align: center;
	font-size: 1.8vh;
	line-height: 2vh;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1.8vh;
	color: #666;
}
.mdfly_Line5 .mdfly_MessageContent h2 {
	text-align: center;
	font-size: 3.5vh;
	line-height: 170%;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1vh;
	color: #333;
}
.mdfly_Line5 .mdfly_MessageContent h4 {
	text-align: center;
	font-size: 2.3vh;
	line-height: 140%;
	font-weight: 100;
	width: 90%;
	margin: auto;
	color: #222;
	overflow: hidden;
}
.mdfly_Line5 .carousel-indicators {
	bottom: -10px;
}
.mdfly_Line5 .carousel-indicators .active {
	width: 14px;
	height: 14px;
	margin: 6px;
	background-color: #0079b0;
	opacity: 0.7;
}
.mdfly_Line5 .carousel-indicators li {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 7px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #0079b0;
	border-radius: 10px;
	opacity: 0.7;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fcfcfc;
	box-shadow: none;
	border: none;
	border-bottom: solid 1px #f1f1f1;
	color: #aaa;
}
/* / PANEL MESSAGES **************************************************************** */

/* PRODUCTION REPORT */



.mdfly_PersonnelReport .panel-default>.panel-heading {
	background-color: #337ab7;
}
.mdfly_PersonnelReport h4.mdfly_paneltitle, .mdfly_PersonnelReport h4.mdfly_paneltitle a {
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 15px;
	display: block;
}
.mdfly_PersonnelReport h4.mdfly_paneltitle a {
	color: rgb(217, 237, 247, 0.7);
}
.mdfly_PersonnelReport h4.mdfly_paneltitle a:hover {
	color: #fff;
}
.mdfly_PersonnelReport .panel-heading .accordion-toggle::after {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	content: "\f078";
	float: right;
 color: color: rgb(217, 237, 247, 0.7);
}
.mdfly_PersonnelReport .panel-heading .accordion-toggle[aria-expanded="true"]::after {
	content: "\f054";
	color: #fff;
}
.mdfly_PersonnelReport .panel-heading h4.mdfly_paneltitle a.accordion-toggle[aria-expanded="true"] {
	color: #fff;
}
.mdfly_PersonnelReport .list-group-item-info {
	color: #73879C;
	background-color: rgb(144, 199, 75, 0.1);
}
.mdfly_PersonnelReport .list-group-item-warning {
	color: #73879C;
	background-color: rgb(217, 237, 247, 0.4);
}
.mdfly_PersonnelReport .list-group-item-info label, .mdfly_PersonnelReport .list-group-item-warning label {
	margin-bottom: 0px;
}
.mdfly_PersonnelReport .list-group-item-info:hover {
	background-color: rgb(144, 199, 75, 0.3);
}
.mdfly_PersonnelReport .list-group-item-warning:hover {
	background-color: rgb(217, 237, 247, 0.9);
}
.mdfly_PersonnelReport .form-control[readonly].mdfly_employeeField, .mdfly_PersonnelReport .form-control.mdfly_employeeField {
	background-color: transparent;
	border-bottom: none;
	text-transform: uppercase;
	color: #337ab7;
	font-size: 15px;
	padding-left: 0px;
	font-weight: bold;
}
.mdfly_PersonnelReport .form-control {
	border-radius: 3px;
	box-shadow: none;
}
.mdfly_PersonnelReport .mdfly_btnMoreTasks {
	font-size: 11px;
	border-radius: none;
	margin: 0px;
}
.mdfly_PersonnelReport .mdfly_btnMoreTasks {
	position: relative;
}
.mdfly_PersonnelReport .mdfly_btnMoreTasks span::after {
	content: "Show Extra Tasks ";
	font-weight: 100;
	color: #333;
	top: -2px;
	right: 0px;
	position: absolute;
	color: #aaa;
}
.mdfly_PersonnelReport .mdfly_btnMoreTasks span i::after {
	font-family: 'Font Awesome\ 5 Free';
	content: "\f067";
	font-weight: 900;
	color: #aaa;
	top: -2px;
	right: -16px;
	position: absolute;
}
.mdfly_PersonnelReport [aria-expanded="true"].mdfly_btnMoreTasks span::after {
	content: "Remove Extra Tasks ";
}
.mdfly_PersonnelReport [aria-expanded="true"].mdfly_btnMoreTasks span i::after {
	content: "\f068";
}
.mdfly_PersonnelReport .alert {
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
}
.mdfly_PersonnelReport .alert-warning {
	color: #337ab7;
	background-color: rgba(243,156,18,.4);
	border-color: rgba(243,156,18,.4);
}
.mdfly_PersonnelReport .btn-primary.secondary {
	background-color: rgba(53,85,112,.85);
}
.mdfly_PersonnelReport .btn-primary.secondary:hover {
	background-color: rgba(53,85,112,.95);
}

/* / PRODUCTION REPORT */


 @media (max-width:1367px) {
table.table-bordered.dataTable {
	font-size: 12px;
}
}