﻿


:root {
	--primary-color: #295b90;	
	--secondary-color: #53799b;
	--inverse-color: #2f3d4a;
	--dark-color: #343a40;
	--info-color: #225eac;
	--success-color: #048104;
	--warning-color: #f69835;
	--danger-color: #e33b3b;
	--muted-color: #999eac;
}


html body .font-12 {
  font-size: 12px; }
  
.topbar .top-navbar .navbar-header .navbar-brand #imgLogo{width:215px;margin:8px 0 0}
.topbar .profile-pic img{width:25px;height:25px;border-radius:50%}
.topbar .profile-pic{width:auto}
.topbar .profile-pic #lblUser{font-size:14px}
.sidebar-nav > ul > li > a.active{background:#eef1f2}

@media (min-width: 768px){
.mini-sidebar .sidebar-nav #sidebarnav > li > ul{box-shadow:0px 7px 5px rgba(0, 0, 0, 0.3)}
}

.bread-sep::before{content:"\e649";font-family:themify;color:#a6b7bf;font-size:11px;margin:0 8px}


.alert-info{background-color:#ddf0fb;border-color:#ddf0fb}

.color-table thead th a, .color-table th a{color:#fff}
.table-striped tbody tr:nth-of-type(odd){background:#fff}
.table-striped tbody tr{background:#fafafa}

.footable-pagination-wrapper table td a,.footable-pagination-wrapper table td span{line-height:1.25;color:var(--primary-color);padding:.5rem .75rem;background-color:#fff;border:1px solid #ddd;margin-left:-2px;display:block;position:relative}
.footable-pagination-wrapper table td{padding:0;border:0}
.footable-pagination-wrapper table td span{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.footable-pagination-wrapper table{margin:0}
.footable-pagination-wrapper table td:last-child a,.footable-pagination-wrapper table td:last-child span{border-radius:0 4px 4px 0}
.footable-pagination-wrapper table td:first-child a,.footable-pagination-wrapper table td:first-child span{border-radius:4px 0 0 4px}

div.dataTables_wrapper div.dataTables_filter input,div.dataTables_wrapper div.dataTables_filter select{margin-left:.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_filter label{margin-left:2em}
.btn-circle .fas.fa-eraser,.btn-circle .fas.fa-search{top:-1px;position:relative;left:1px}

.form-control:disabled,.form-control[readonly]{background-color:#f9f9f9}
.form-group{margin-bottom:1rem}

.frmEdit .user-img,.frmView .user-img{max-width:100px;border-radius:8px}

.grdbtn.btn-rounded{padding:2px;height:26px;width:26px;line-height:21px;font-size:12px}

.customtab2 li a.navlink1.nav-link.active,.customtab2 li a.navlink1.nav-link.active:focus,.customtab2 li a.navlink1.nav-link:hover{background:var(--warning-color)}
.customtab2 li a.navlink2.nav-link.active,.customtab2 li a.navlink2.nav-link.active:focus,.customtab2 li a.navlink2.nav-link:hover{background:var(--danger-color)}
.customtab2 li a.navlink3.nav-link.active,.customtab2 li a.navlink3.nav-link.active:focus,.customtab2 li a.navlink3.nav-link:hover{background-color:var(--success-color)}

.tbl-links{border-collapse:collapse;padding:0}
.tbl-links td{padding:0 3px;text-align:center;border:none}

.ajaxTabTheme .ajax__tab_header{border-bottom:solid 1px #dee2e6}
.ajaxTabTheme .ajax__tab_header .ajax__tab_active .ajax__tab_outer{background-color:var(--info-color);color:#fff;margin:0;padding:0;border-radius:.25rem .25rem 0 0;border:solid 1px var(--info-color)}
.ajaxTabTheme .ajax__tab_header .ajax__tab_outer{background:#fff;border:solid 1px #fff;padding:0;margin:0}
.ajaxTabTheme .ajax__tab_header .ajax__tab_tab{padding:8px 1rem 4px;margin:0;color:(var(--muted-color)}
.ajaxTabTheme .ajax__tab_header .ajax__tab_active .ajax__tab_tab{color:#fff}
.ajaxTabTheme .ajax__tab_body{padding:15px;background:#fff;border:0}


.input-group .ajax__calendar_header{font-size:14px;height:24px}
.input-group .ajax__calendar_next{background-size:6px 9px;height:18px}
.input-group .ajax__calendar_prev{background-size:6px 9px;height:18px}
.input-group .ajax__calendar_body{width:255px;height:160px}
.input-group .ajax__calendar_days{width:250px;height:160px}
.input-group .ajax__calendar_months{width:250px;height:160px}
.input-group .ajax__calendar_years{width:250px;height:160px}
.input-group .ajax__calendar .ajax__calendar_container{border:1px solid #ccc;background-color:#fff;color:#555;border-radius:8px;font-family:Montserrat,sans-serif;width:265px}
.input-group .ajax__calendar_container td{font-size:14px}
.input-group .ajax__calendar_day{height:22px;width:32px}
.input-group .ajax__calendar .ajax__calendar_active .ajax__calendar_day,.ajax__calendar .ajax__calendar_hover .ajax__calendar_day{border-radius:4px}
.input-group .ajax__calendar .ajax__calendar_today .ajax__calendar_day{border-radius:4px;border-color:#a2cffb}
.input-group .ajax__calendar_dayname{height:22px;width:32px;color:#184a8c;font-weight:600}
.input-group .ajax__calendar_footer{height:23px;font-size:13px}

.dataTables_filter .ajax__calendar_header{font-size:14px;height:24px}
.dataTables_filter .ajax__calendar_next{background-size:6px 9px;height:18px}
.dataTables_filter .ajax__calendar_prev{background-size:6px 9px;height:18px}
.dataTables_filter .ajax__calendar_body{width:205px;height:145px}
.dataTables_filter .ajax__calendar_days{width:200px;height:145px}
.dataTables_filter .ajax__calendar_months{width:200px;height:145px}
.dataTables_filter .ajax__calendar_years{width:200px;height:145px}
.dataTables_filter .ajax__calendar .ajax__calendar_container{border:1px solid #ccc;background-color:#fff;color:#555;border-radius:8px;font-family:Montserrat,sans-serif;width:265px}
.dataTables_filter .ajax__calendar_container td{font-size:14px}
.dataTables_filter .ajax__calendar_day{height:19px;width:25px}
.dataTables_filter .ajax__calendar .ajax__calendar_active .ajax__calendar_day,.ajax__calendar .ajax__calendar_hover .ajax__calendar_day{border-radius:4px}
.dataTables_filter .ajax__calendar .ajax__calendar_today .ajax__calendar_day{border-radius:4px;border-color:#a2cffb}
.dataTables_filter .ajax__calendar_dayname{height:22px;width:32px;color:#184a8c;font-weight:600}
.dataTables_filter .ajax__calendar_footer{height:23px;font-size:13px}

.sidebar-nav ul li .sep{border-bottom:solid 1px #c6d2d7;margin:0 5px}


.group-row td:first-child{font-weight:600}
.group-row td:first-child a{font-weight:600}
.group-row td{background:#f4f8fb;border-top:solid 1px var(--inverse-color)}
.child-row td:first-child{font-weight:500}
.child-row td:first-child a{font-weight:500}
.child-row td:first-child{padding-left:30px}

div.dataTables_wrapper.wrap-sm  div.dataTables_filter label,div.dataTables_wrapper.wrap-sm  div.dataTables_filter select,div.dataTables_wrapper.wrap-sm div.dataTables_filter input{font-size:.85rem}
div.dataTables_wrapper.wrap-sm  div.dataTables_filter select,div.dataTables_wrapper.wrap-sm div.dataTables_filter input{padding:3px 6px}
div.dataTables_wrapper.wrap-sm  div.dataTables_filter label{margin-left:1em}


.table td.p-l-50{padding-left:50px}

.panel-contracts .color-bordered-table.inverse-bordered-table {
  border-top: 0;
}
.panel-contracts .color-bordered-table.primary-bordered-table {
	border-top: 0;
}


/* Need this because gridview had no thead */

.full-color-table.full-primary-table th{background-color:var(--primary-color);border:0;color:#fff}
.full-color-table.full-success-table th{background-color:var(--success-color);border:0;color:#fff}
.full-color-table.full-info-table th{background-color:var(--info-color);border:0;color:#fff}
.full-color-table.full-warning-table th{background-color:var(--warning-color);border:0;color:#fff}
.full-color-table.full-danger-table th{background-color:var(--danger-color);border:0;color:#fff}
.full-color-table.full-inverse-table th{background-color:var(--inverse-color);border:0;color:#fff}
.full-color-table.full-dark-table th{background-color:var(--dark-color);border:0;color:#fff}
.full-color-table.full-muted-table th{background-color:var(--muted-color);border:0;color:#fff}
.color-table.primary-table th{background-color:var(--primary-color);color:#fff}
.color-table.success-table th{background-color:var(--success-color);color:#fff}
.color-table.info-table th{background-color:var(--info-color);color:#fff}
.color-table.warning-table th{background-color:var(--warning-color);color:#fff}
.color-table.danger-table th{background-color:var(--danger-color);color:#fff}
.color-table.inverse-table th{background-color:var(--inverse-color);color:#fff}
.color-table.dark-table th{background-color:var(--dark-color);color:#fff}
.color-table.muted-table th{background-color:var(--muted-color);color:#fff}
.color-bordered-table.success-bordered-table th{background-color:var(--success-color);color:#fff}
.color-bordered-table.info-bordered-table th{background-color:var(--info-color);color:#fff}
.color-bordered-table.warning-bordered-table th{background-color:var(--warning-color);color:#fff}
.color-bordered-table.danger-bordered-table th{background-color:var(--danger-color);color:#fff}
.color-bordered-table.inverse-bordered-table th{background-color:var(--inverse-color);color:#fff}
.color-bordered-table.dark-bordered-table th{background-color:var(--dark-color);color:#fff}
.color-bordered-table.muted-bordered-table th{background-color:var(--muted-color);color:#fff}

.custiconrow{margin-bottom:8px}
.custiconrow img{width:32px;margin:0 8px 0 5px}
.custiconrow .none{margin-left:10px}

.schedule .assigned {
	border-left: solid 2px var(--primary-color);
}
table img.list-icon {
	width: 32px;
}

.performPM .pmItem {
    padding: 5px 0;
}
.page-wrapper .dropify-wrapper {
	height: 110px;
}