@charset "UTF-8";
/* CSS Document */

body{min-height: 100vh; font-size:10px;}
/*.wrapper{ width: 1200px; margin: 0 auto; overflow: hidden;}*/
.login-bg{  background: url(../img/login-bg.jpg); background-repeat: no-repeat; background-size:cover; position: relative;}
.login{ background: #fff !important; border-radius: 5px; position: absolute; width: 380px !important; height: 350px !important; margin: -100px 0 0 -200px; left: 50%; top: 200px; padding: 10px;}
.logo-login{ width: 100%; padding: 10px 0; text-align: center; float: left;}
.logo-login img{ width: 80%;}
.login-inner-wrapper{ width: 100%; background: #388CCD; border-radius:5px; padding: 40px 10% 8%; margin-top: 50px; margin-bottom: 10px; float: left;}
.login-inner-wrapper button{ background:#6D9E2C; }
.login-controls label, .login-controls a{ font-size: 10px; color: #fff;}
.logo-wrapper{ width: 100%; float: left;}
.logo-wrapper img{ width: 300px; float: left; padding: 10px 0; margin: 10px;}
.navbar .nav{ width: 100%;}
.navbar{ width: 100%; background:#e52a28; border: none; float: left;}
.navbar div{ width: auto; margin: 0; padding: 0; float: left;}
.navbar a{ font: 12px arial; padding: 15px 10px; text-decoration: none; float: left; color: #fff; text-shadow: none;}
.navbar a p{ margin: 0 10px; float: right;}
.navbar a:hover{ background:#6D9E2C; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:#6D9E2C; }

.fa-w-14{ width: 50px;}

.fa-file-alt{ color: black; width: 20px; height: 20px; float: left;}

p.rep-date{font-style: italic; color: #ccc;}
#morris-bar-stacked{ width: 100%;}
.blue{ background: #388CCD;}
.blue-color{ color: #388CCD;}
.green{ background: #8BC835;}
.red{ background: #E52A28;}
.green h3{ text-align: center; width: 100%; font-weight: bold;}
.green .fa-users{ width: 187px; height: auto; margin: 0 24.2%; color: #333;}
.blue h3{ width: 50%; margin: 25% 0 0; float: left; font-weight: bold; color: #fff;}
.blue h3 p{ font: 14px arial; color: #fff; width: 100%; float: left;}
.blue .fa-building{ width: 40%; height: auto; margin: 6.5% 0; color: #333; float: left;}

.no-padding .fa-print, .no-padding .fa-file-excel, .no-padding .fa-file-pdf, .no-padding .fa-eye, .no-padding .fa-pencil-alt, .no-padding .fa-envelope, .no-padding .fa-times-circle, .no-padding .fa-check-circle, .no-padding .fa-link, .no-padding .fa-share-alt, .no-padding .fa-file-alt{ width: 25px !important; height: 20px; margin: 11px 0px 3px; float: none;}
.fa-eye, .fa-print, .fa-file-excel, .fa-file-pdf, .fa-envelope, .fa-minus-circle, .fa-plus-circle{ width: 24px !important;}
.fa-minus-circle, .fa-plus-circle{ height: 24px;}
.fa-eye, .fa-file-excel, .fa-check-circle, .fa-plus-circle{ color: #8DC641; }
.fa-times-circle, .fa-minus-circle{ color: #E52A28;}
.fa-file-pdf, .pending-text{color: #E52A28;}
.pending .fa-print, .pending .fa-file-excel, .pending .fa-file-pdf{ color: #eee;}

.review-report a {position:absolute; top:55%; left:30%; background:#388CCD; padding:8px; border-radius:5px; color:#fff; text-decoration:none;}
.companies-list a {background: #388CCD; padding: 6px; border-radius: 5px; color: #fff; text-decoration: none; float: left; margin: 3px auto; margin-left: 3px;}
.companies-list a:hover {background: #8BC835;}
a.abtn{ margin: 15px 0; float: right; position: relative; top: 0; left: 0; background:#388CCD; padding:8px; border-radius:5px; color:#fff; text-decoration:none;}

.review-report a:hover, a.abtn:hover{ text-decortion:none; background:#8BC835;}
a.er, a.vrd{ left:45%;}
a.rr{ left:43%;}
a.apdr{ left: 35%;}
.no-margin{ margin: 0 !important;}
ul.no-border{ border: none;}
ul.no-border li{ border: none;}

.left-align{ float: left !important; margin: 0 !important;}
.btn-model{ margin: 3px 0; float: right;}
.right-float{ float: right !important;}
.none-float{ float: none;}
.align-right{text-align: right;}
.no-bg-btn:hover{ background: none;}

span.required{color: #E52A28;}
.checkbox{ width: auto; float: left; padding-left: 0; margin: 0 9px 0 0; height: 20px; margin-top: 0 !important;}
.full-width{ width: 100%;}
.stats-controls .svg-inline--fa{ width: 20px; height: 20px; color: #ddd;}
.stats-controls{ margin-top: 120px;}

.search-icon{ background: None; margin-left: -49px !important; margin-top: 11px; box-shadow: none; border: none; font-size: 12px;}
.analyst-comments{ background: #eee; padding: 5px; border-radius: 5px;}
.bottom-margin{ margin-bottom: 20px;}
.width47{ width: 47% !important;}
.width15{ width: 15% !important;}
.multipleSelect{ width: 100%; font-size:12px;}
.no-border{ border: none;}

.desabled-btn, .desabled-btn:hover{ background: #ccc; color: #999; border: none;}

.width98{ width: 98%; margin: 1%;}

/*Form Wizard*/
.bs-wizard {display: flex; padding: 0; border-bottom: none;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative; flex: 1 1 auto; width: 1%;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {margin-bottom: 8px; font-size: 13px; color: #333333;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {font-size: 23px; color: #333333;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 24px; height: 24px; display: block; background: #FDCA2E; top: 25px; left: 50%; margin-top: 0; margin-left: -12px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 12px; height: 12px; background: #FD9927; border-radius: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; height: 8px; background: #CCCCCC; border-radius: 0px; box-shadow: none; margin: 16px 0 0 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #FDCA2E;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #D9D9D9;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {background: #EFEFEF;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.margin12{ margin: 12px 0;}

.navbar-super-user{ background: #388CCD;}
.navbar-super-user .nav > li:hover{ background: #32A1FA;}

.latest-blog-posts {position: relative;}
.container-fluid { /*padding: 60px;*/ position: relative; max-width: 1230px; width: 100% !important; }
.thumbnail { margin: 0 15px; }
.customNavigation { transform: translateY(-50%); top: calc(50% - 37px); position: absolute; width: 100%; left: 0; }
.customNavigation>span { transform: translateY(-50%); top: 50%; position: absolute; }
.pager-left { left: calc(0% + 15px); }
.pager-right { right: calc(0% + 15px); }
.next, .prev { font-size: 28px; color: #ccc; }

.widget .fa-file-pdf, .widget .fa-comments{ margin-top:6px;}
.widget .fa-file-alt{ margin-top:3px;}

.margin20{ margin: 20px 0;}
.left-flot{ float: left;}
a.search-by-topic{ margin-top: 10px; margin-left: 10px !important; border-radius: 5px !important; background:#8BC835; }
.fa-folder-open{ height: 25px; width: 25px !important; margin: 3px 10px 0 0; float: left;}

.resource-list li{ list-style: none; text-align: center; margin-bottom: 30px; margin-top: 10px;}
.resource-list a{ text-align: center; text-decoration: none;}
.resource-list a p{ width: 100%; text-align: center; font-size: 15px; color: #000; float: left;}
.resource-list a img{ width: 75%;}

.top-margin-15{ margin-top: 15px;}
.btn-margin {
	float: left;
	margin: 26px 7px 0;
}
.no-margin-bottom{ margin-bottom: 0;}

.disabled-field{ border-color: #f4f4f4 !important; color: #ddd !important;}
.bottom-margin-14{ margin-bottom: 14px;}

.scroll-table-row { display: inline-table;}
.scroll-table{margin-top: 10px; width: 100%;}
.scroll-table-scroll{ overflow-y: scroll; height: 293px; width: 98.3%; position: absolute; border-top: none; }
.scroll-table-row-head{display: table-header-group; vertical-align: middle; border-color: inherit;}
.breadcrumb li.active:after{ content: none;}

.nav-tabs{ border: none;}
.nav-tabs li:after, .tab-pane:after, .carousel-inner .item:after{ content: none;}
.tab-content{ overflow: unset;}
.nav-tabs li a{padding: 10px 5px;}
.nav-tabs li{ margin: 3px 0px 0 !important;}
.margin10{margin: 12px 0; float: left;}

.print-template{ width: 100%; float: left;}
.print-template-header, .print-template-header ul{ width: 100%; float: left; margin: 0; padding: 0;}
.print-template-header li{ list-style: none; float: left;float: left;}
.print-template-header li:nth-child(1){ width: 10%;}
.print-template-header li:nth-child(2){ width: 70%;}
.print-template-header li:nth-child(3){ width: 20%;}
.print-template-header li:nth-child(1) img{ width: 200px; padding: 0px 10px 0 0px;}
.print-template-header li:nth-child(3) img{ width: 200px; margin: 10px 0px 0 0px;}
.print-template-header li h3{ margin:0; padding: 0; color: #000;}
.print-template-footer{ width: 100%; background: #337ab7; text-align: center; padding: 10px 0; margin: 0; float: left;}
.print-template-footer p{ font-size: 10px; color: #fff;}
.print-template-body, .print-template-body ul{ width: 100%; margin: 0; padding: 0; float:left;}
.print-template-body ul{ margin: 5px 0;}
.print-template-body ul li{ list-style: none; border: 1px solid #999; float: left; padding: 10px; width: 50%;}
.full-wide{ width: 100% !important; border: 1px solid #999; border-bottom: none !important;}

ul.faq-questions { width: 100%; margin: 0 0 20px !important; padding: 0; float: left;}
ul.faq-questions li{ list-style: none; margin: 0; padding: 10px; border-bottom: 1px solid #f4f4f4; float: left;}
ul.faq-questions a{color: #000; text-decoration: none; cursor: pointer;}
ul.faq-questions a:hover{ color: #337ab7;}
.body-wrapper-middle { display: inline-block; min-height: 540px; width: 100%;}
.faq-control a{ background:#337ab7; padding: 7px; color: #fff; text-decoration: none; margin: 10px 10px 0 0; border-radius: 2px; }
.faq-control a:hover{ background: #8BC835;}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li{ border-right: none; border-bottom: 1px solid #ddd; padding: 0; background: #fff;}
#sortable li:nth-last-child(1){ border-bottom: none;}
#sortable li div{padding: 10px 5px; border-right: 1px solid #ddd;}
#sortable li div:nth-last-child(1) { border-right: none;}


.bottom-border{ border-bottom:1px solid #ddd !important;}
.left-margin{ margin-left: 10px !important;}
.right-margin{ margin-right: 10px !important;}

.sidebar-box { max-height: 450px; position: relative; padding: 20px; overflow: hidden;}
.sidebar-box .read-more { position: absolute; bottom: 15px; left: 20px; width: 80%; text-align: left; margin: 0; padding: 10px 0; background: #f4f4f4;}

.border-top li:nth-child(1){ padding-left: 35px !important;}
.border-top{ border-top:1px solid #eee !important;}

.margin18{ margin: 18px 0;}
.right-margin-25{ margin-right: 25px;}

/*--Toglle--Emergency notification stop--*/
.toggle.btn {
	position: relative;
	width: 60px !important;
    height: 28px !important;
	padding: 0;
	border: none;
	background-color: transparent !important;
	border-radius: 20px;
	vertical-align: top;
	overflow: hidden;
}
.toggle.btn input[type=checkbox] {
	display: none;
}
.toggle.btn .toggle-group {
	position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.toggle.btn.off .toggle-group {
	left: -100%;
}
.toggle.btn .toggle-group .btn {
	display: flex;
    align-items: center;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	text-transform: none;
	text-align: left;
}
.toggle.btn .toggle-group .toggle-on {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
	padding-right: 28px;
	padding-left: 8px;
	background-color: var(--background-on-toggle);
    color: #ffffff;
}
.toggle.btn .toggle-group .toggle-on:after {
	content: "";
	width: 20px;
    height: 20px;
    padding: 0;
	border: 1px solid var(--border-blue-on-toggle);
	background-color: var(--background-light-blue);
	background-image: linear-gradient(0deg, var(--background-dark-blue-on-toggle) 0%, var(--background-light-blue-on-toggle) 100%);
	border-radius: 100%;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	right: 4px;
}
.toggle.btn .toggle-group .toggle-off {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
	padding-right: 8px;
	padding-left: 28px;
    background-color: var(--background-off-toggle);
    color: #333333;
}
.toggle.btn .toggle-group .toggle-off:before {
	content: "";
	width: 20px;
    height: 20px;
    padding: 0;
	background-color: var(--background-light-blue);
    background-image: linear-gradient(90deg, var(--background-dark-blue-off-toggle) 0%, var(--background-light-blue-off-toggle) 100%);
	border-radius: 100%;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 4px;
}



.toggle.btn .toggle-group .toggle-handle {
    display: none;
}


.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

.bg-pm{ background: #3D8DCB;}
.bg-rc{ background: #377090;}
.bg-cte{ background: #243D88;}

.mrp-monthdisplay {
	width: 100%;
    height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--search-field-border) !important;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    z-index: 0;
	cursor: pointer;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mrp-lowerMonth, .mrp-upperMonth {}
.mrp-to {
	padding: 0 3px;
	text-transform: uppercase;
}
.mpr-calendar{ display:inline-block;  padding: 3px 5px; border-right: solid #999 1px;}
.mpr-calendar::last-child{ border-right: none;  }
.mpr-month{ padding: 20px 10px; text-transform: uppercase; font-size: 12px; text-align: center;}
.mpr-calendar h5{ width:100%; text-align:center; font-weight:bold; font-size:18px;}
.mpr-selected {background: #000000 !important; color: #fff;}
.mpr-month:hover {background: #000000; color: #fff; cursor:pointer;}
.mpr-selected .mpr-month:hover{ border-radius: 0px; box-shadow: none;}
.mpr-calendarholder .col-xs-6 { max-width: 250px; min-width: 250px;}
.mpr-calendarholder .col-xs-1 { max-width: 150px; min-width: 150px;}
.mpr-calendarholder .btn-info{ width: 100%; padding: 7px 10px; margin-bottom: 10px; font-size: 11px;}
.mpr-quickset{  color: #666;  text-transform: uppercase;  text-align: center;}
.mpr-yeardown, .mpr-yearup{  margin-left: 5px;  cursor: pointer;  color: #666;}
.mpr-yeardown{ float:left;}
.mpr-yearup{ float:right;}
.mpr-yeardown:hover, .mpr-yearup:hover{  color: #000000;}
.mpr-calendar:first .mpr-selected:first{    background-color: #40667A;}
.mpr-calendar:last .mpr-selected:last{    background-color: #40667A;}
.popover{  max-width: 1920px !important;}
.bg_gray{ background: #ddd;}

/* layout.css Style */
.fa-check-square{ color: #8DC641; width: 14px !important; height: 14px;}
.late-tick{ color: #FD9927; width: 14px !important; height: 14px;}

.navbar-nav a.active{ display: none;}
.navbar-nav .icon { display: none;}

.no-bg{ background: none;}
.light-bg{ background: #F2F2F2;}

@media (min-width: 993px) {
	.navbar a{ font-size: 10px;}
}
@media (min-width: 769px) and (max-width: 992px){
	.navbar a{ font-size: 8px; padding: 15px 5px;}
}

@media screen and (max-width: 768px) {
	body{ padding: 0;}
	.container{ width: 100%;}
	.widget{ height: auto;}
	.widget .col-md-12 { width: 100%; float: left;}
	.widget .col-md-11 { width: 91.66666667%; float: left;}
	.widget .col-md-10 { width: 83.33333333%; float: left;}
	.widget .col-md-9 { width: 75%; float: left;}
	.widget .col-md-8 { width: 66.66666667%; float: left;}
	.widget .col-md-7 { width: 58.33333333%; float: left;}
	.widget .col-md-6 { width: 50%; float: left;}
	.widget .col-md-5 { width: 41.66666667%; float: left;}
	.widget .col-md-4 { width: 33.33333333%; float: left;}
	.widget .col-md-3 { width: 25%; float: left;}
	.widget .col-md-2 { width: 16.66666667%; float: left;}
	.widget .col-md-1 { width: 8.33333333%; float: left;}
	
	.dash-recent-notification{ width: 100%;}
	
	.report-card-wrapper .col-md-4{ width: 100%;}
	
	.review-report .col-md-6 { width: 100%; float: left;}
	.review-report ul li.col-md-6{ border: none;}
	.review-report a{text-align: center; left: 15px; bottom: 20px; top: auto;}
	
	.page-footer .col-md-2, .page-footer .col-md-6 p, .page-footer .col-md-4 h5{ text-align: center; float: none;}
	.page-footer .col-md-4 ul{ padding:0 38% 0 0;}
	.blue .fa-building{ width: 140px;}
	.blue h3{margin:21% 0 0 20px;}
	.green .fa-users{ margin: 0 28%;}
	
	.h1, h1{ margin: 5px 0;}
	
	.notification{ display: none;}
	.navbar-nav a.active{ display: block;}
	.navbar-nav a.active:after, .navbar-nav svg:not(:root).svg-inline--fa{ display: none;}
	.navbar-nav .username{ width: 100%; float: left; margin: 0; padding: 0;}
	.navbar-nav .username a{ padding: 10px !important; float: left !important;}
	.navbar-nav .username p{ margin: 0; padding: 0; float: left;}
	.navbar-nav a:not(:first-child), .dropdown .dropbtn {display: none; }
	.navbar-nav a.icon { float: right; display: block; }
	.navbar-nav.responsive {position: relative;}
	.navbar-nav.responsive .icon { position: absolute; right: 0; top: 0; }
	.navbar-nav.responsive a { float: none; display: block; text-align: left; padding:10px; }
	.navbar-nav.responsive .dropdown {float: none;}
	.navbar-nav.responsive .dropdown-content {position: relative;}
	.navbar-nav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }
	
	.data-entry-manage-status ul{ border-bottom: 1px solid #ccc;}
	.data-entry-manage-status ul li{ width:100%; border:none; padding-bottom: 0; float: left;}
	.data-entry-manage-status ul li .btn{ float: left !important;}
	.scroll-table-scroll{ position: relative;}
	.manage-data-entry-companies, .manage-data-entry-companies ul{ width: 100%; float: left;}
	.manage-data-entry-companies ul li:nth-child(1), .manage-data-entry-companies ul li:nth-child(2){ width: 45%; float: left;}
	.manage-data-entry-companies ul li:nth-child(3){ width: 10%; float: left;}
	.manage-data-entry-companies ul.table-header li:nth-child(1), .manage-data-entry-companies ul.table-header li:nth-child(2){ width: 45%; float: left;}
	.manage-data-entry-companies .table-wrapper{ width: 100%; float: left;}
	
	.modal { width: 80%; left: 0; right: 0; height: 80%; margin-left: 10%; top: 10% !important; border-radius: 10px;}
	
	.inbox-title{ margin: 10px 0 0;}
	.inbox-date, .inbox-user-details{ text-align: left; margin: 0; width: 85%;}
	.inbox-wrapper{ border-bottom: 2px solid #ccc;}
	.inbox-details, .inbox-reply a{ width: 100%;}
	
	.dashboard_number_form_main{ height: auto; text-align: center;}
	#countdown, #countdown-1{ width: 65%; margin: 10px auto; overflow: hidden;}
	.carousel-inner .btn-default{ margin:5px 36% 10px !important;}
	
	.stats-details{ display: none;}
	.jqplot-target{ font-size: 12px;}
	.or-text{ width: 100%; margin: 0; float: left;}
}