html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 60px; /* Margin bottom by footer height */
	counter-reset: section;
	background-color: #fff !important;
}
.relative {
	position: relative;
}
button, a, li {
	transition: 0.5s ease-in-out all;
	cursor: pointer;
}
input, select, textarea {
	background: #fff !important;
	border: 1px solid #dbdbdb !important;
	border-radius: 5px 5px !important;
}
label {
	font-weight: 500;
	color: #000000;
	font-size: 1rem;
}/*1e3c79*/
/*signals*/
.signal_lblue {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #00cbfe;
	box-shadow: 0px 0px 0px 2px #00cbfe;
	vertical-align: inherit;
}
.signal_black {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #000000;
	box-shadow: 0px 0px 0px 2px #000000;
	vertical-align: inherit;
}
.signal_orange {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #ffa200;
	box-shadow: 0px 0px 0px 2px #ffa200;
	vertical-align: inherit;
}
.signal_green {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #00ff78;
	box-shadow: 0px 0px 0px 2px #00ff78;
	vertical-align: inherit;
}
.signal_red {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #ff3c00;
	box-shadow: 0px 0px 0px 2px #ff3c00;
	vertical-align: inherit;
}
.signal_white {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #FFF;
	background: #fff;
	box-shadow: 0px 0px 0px 2px #fff;
	vertical-align: inherit;
}
.signal_gary {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 2px solid #f0f0f0;
	background: #f0f0f0;
	box-shadow: 0px 0px 0px 2px #f0f0f0;
	vertical-align: inherit;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color: #f5f5f5;
	font-size: 0.8rem;
}
nav.footnav {
	text-align: right;
}
nav.footnav a {
	color: #284fa3;
	border-left: 1px solid;
	padding: 0 15px;
}
nav.footnav a:first-child, nav.footnav a:nth-child(3) {
	border-left: 0;
}
nav.footnav a:nth-child(3) {
	padding-left: 0;
}
.footlogo img {
	width: 25%;
}
#intervention_parts i {
	margin-left: 0;
}
.navbar-light .navbar-toggler-icon {
	background-image: url('../img/icons/icon_menu.svg');
}
.navbar-light .navbar-toggler {
	border-color: rgba(0, 0, 0, 0);
}
.form-control:disabled, .form-control[readonly] {
	background-color: #e0dfdf !important;
	opacity: 1;
}
.close i {
	margin-right: 0px;
}
.datepicker td, .datepicker th {
	padding: 5px 10px;
	font-size: 14px;
}
.input-group-text {
	background-color: #cdcdcd;
}
.mb-0 > a {
	display: block;
	position: relative;
}
.mb-0 > a:after {
	content: "\f078"; /* fa-chevron-down */
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
}
.mb-0 > a[aria-expanded="true"]:after {
	content: "\f077"; /* fa-chevron-up */
}
.asd {
	position: absolute;
	top: -18px;
	left: -9px;
	background: #9b9b9b;
	width: 25px;
	height: 25px;
	z-index: 999;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 25px
}
.note_span i {
	width: auto;
	height: auto
}
.factors .close_cover {
	position: relative
}
.factors .close_cover span.close {
	color: #000;
	position: absolute;
	right: -18px;
	top: -12px;
	opacity: 1;
	z-index: 1!important
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #ececec!important;
	padding: 0 5px!important;
	border-radius: 4px
}
.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 100%!important
}
.ebp_uploads {
	margin: 0;
	padding: 0
}
.ebp_uploads li {
	background: #5cb85c none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 8px;
	margin-right: 5px;
	padding: 2px 0 3px;
	text-align: center;
	width: 80px
}
.ebp_uploads li a, .report_info ul li span ul li a {
	color: #fff
}
.ebp_uploads li i {
	cursor: pointer;
	margin-right: 0;
	padding-top: 5px
}
.workb {
	background: #606571;
	padding: 12px 25px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	width: auto;
	display: inline-block;
	text-align: center;
	margin-left: 0;
	border-radius: 5px 5px 0 0;
}
.card1 .empty-notification {
	position: absolute;
	box-shadow: 0px 0px 0px 1px #FF1402 inset;
	padding: 0px 9px 0 5px;
	width: auto;
	height: 13px;
	top: 0;
	left: 0;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	background: #FF1402;
}
.card1 .empty-notification::before {
	content: "";
	position: absolute;
	right: -6px;
	top: 2px;
	box-shadow: 0 0 0px 1px #FF1402;
	width: 10px;
	background: #d1d1d1;
	height: 10px;
	transform: rotate;
	transform: rotate(45deg);
}
.notifi .empty-notification {
	position: absolute;
	box-shadow: 0px 0px 0px 1px #FF1402 inset;
	padding: 0px 9px 0 5px;
	width: auto;
	height: 13px;
	top: 0;
	left: 0;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	background: #FF1402;
}
.notifi .empty-notification::before {
	content: "";
	position: absolute;
	right: -6px;
	top: 2px;
	box-shadow: 0 0 0px 1px #666;
	width: 10px;
	background: #666;
	height: 10px;
	transform: rotate;
	transform: rotate(45deg);
}
.loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 105;
}
.loading img {
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
.select2-search input, select, textarea {
	background: #fff !important;
}
.imp {
	font-weight: 500;
	color: #007bff;
	font-size: 1rem;
	text-align: left;
	border-bottom: 1px solid #CDE;
	padding: 0.7rem 0.7rem;
	background-color: #fcfbfb !important;
}
.cost-footer-btu-new {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 93%;
	text-align: center;
}
 @media (min-width: 320px) and (max-width: 576px) {
.footer {
	padding-left: 60px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.footer {
	text-align: center;
	line-height: 30px;
}
nav.footnav {
	text-align: center;
}
.mar-t {
	margin-top: 10px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.fixrgt-dialog .modal-content .close{
	right: -45px !important;
}	
.fixrgt-dialog button svg#Layer_1 {
	width: 25px !important;
}
.footer {
	text-align: center;
	line-height: 30px;
}
nav.footnav {
	text-align: center;
}
}
 @media (min-width: 736px) and (max-width: 887px) {
.btn-bs-file.btn-block.btn.dk_blue_bg.text-white.t-12.f-s-15.m-t-0.p-t-1.p-b-1 {
	font-size: 12px !important;
}
.btn.dk_blue_bg.text-white.f-s-15.t-12.m-t-0.p-t-1.p-b-1 {
	font-size: 12px !important;
}
}
.body-content {
	padding: 65px 15px 0;
}
body {
	background: #fff;
	/*font-family: 'Montserrat', sans-serif;*/
	font-weight: 400;
}
/*common*/
a, a:hover {
	text-decoration: none;
}
/* H tags */
h3 {
	color: #284fa3;
	font-size: 1.35rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
}
h6 span {
	display: inline-block;
	vertical-align: text-top;
	margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 1024px) {
h3 {
	font-size: 1rem;
}
}
.nav-item button.dropdown-toggle::after, .action.dropdown-toggle::after {
	border: unset !important;
}
.nav-item button span {
	font-size: 0.9rem;
}
.nav-item button + .dropdown-menu {
	padding: 5px 10px;
}
.nav-item button + .dropdown-menu a {
	display: block;
	color: #000000;
	padding: 5px 0;
	border-top: 1px solid #EEEEEE;
	font-size: 0.8rem;
}
.nav-item button + .dropdown-menu a svg {
	width: 16px;
	margin-right: 5px;
}
.nav-item button + .dropdown-menu a:first-child {
	border: 0;
}
.sidefoot_nav .dropdown-menu, .sidefloat_nav .dropdown-menu {
	padding: 5px 10px;
	min-width: 12rem;
}
.sidefoot_nav .dropdown-menu a, .sidefloat_nav .dropdown-menu a {
	display: block;
	color: #000000;
	border-top: 1px solid #EEEEEE;
	font-size: 0.8rem;
	font-weight: 500;
	padding: 7px 0px;
	height: auto;
}
.sidefloat_nav .dropdown-menu a:first-child {
	border-top: 0px;
}
.sidefoot_nav a:first-child {
	border: 0;
}
.sidefoot_nav ul, .sidefloat_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidefoot_nav ul li, .sidefloat_nav ul li {
	margin-top: 30px;
}
.sidefoot_nav ul li:first-child, .sidefloat_nav ul li:first-child {
	margin-top: 0px;
}
.sidefloat_nav ul li .dropup .dropdown-toggle::after {
	vertical-align: 0.655em !important;
}/*.sidefoot_nav ul li .dropup .dropdown-toggle::after, */
/* background */
.dk-bg {
	background-color: #000000;
}
.dk_blue_bg {
	background-color: #22afe6;
    border-color: #22afe6;
	color: #fff;
}
.dk_grey_bg {
	background-color: #484747;
}
.lt_blue_bg {
	background-color: #f8f4f4;
}
.lt_grey_bg {
	background-color: #f8f4f4;
}
/* border */
.br-5, btn, .form-control {
	border-radius: 5px 5px;
}
/*shadow*/
.bx-shadow {
	box-shadow: 0 0 10px 0 #d1d1d150;
}
/*text*/
.text-white {
	color: #FFFFFF;
}
.text-dblue {
	color: #284fa3;
}
.text-green {
	color: #4ab54e;
}
.text-black {
	color: #000000;
}
.btn:focus, .btn.focus, input:focus, input.focus {
	outline: unset;
	box-shadow: unset;
}
textarea {
	resize: unset;
}

.comment-box .button {
	width: 90%;
	padding: 15px 0;
	font-size: 30px;
	color: #fff;
	border: 0;
}

.input-mb-15 .form-control {
	margin-bottom: 15px;
}
.input-group input[type='text'] {
	border-radius: 5px 0 0 5px !important;
}
/* button */
.btn-dgblue {
	color: #fff;
	background-color: #284fa3;
	border-color: #284fa3;
}
/*icons*/
/* .ecco_home { background-image: url(../img/icons/home.svg); fill: #ffffff; } */
i {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}
.icon_lblue {
	fill: #00cbfe;
}
.icon_dblue {
	fill: #284fa3;
}
.icon_dblack {
	fill: #000000;
}
.icon_white {
	fill: #ffffff;
}
/*badge*/
.badge-black {
	background-color: #000000;
}
/* checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #284FA3;
	background-color: #284FA3;
}
/*table*/
table .dd {
	background: #f4f4f4 !important;
	border: 1px solid #dbdbdb !important;
	border-radius: 5px 5px !important;
}
/* table.ecco th:first-child, table.ecco td:first-child { padding-left: 0; }
table.ecco th:last-child, table.ecco td:last-child { padding-right: 0; } */
ul.ip_boxlist3 {
	padding: 0 5px;
	list-style: none;
	margin-bottom: 0;
}
ul.ip_boxlist3 li {
	font-size: 0.7rem;
	padding: 8px;
	border: 1px solid #000;
	width: 33.3%;
	text-align: center;
	background: #fff;
}
ul.ip_boxlist3 li a svg {
	margin-bottom: 3px;
	width: 100%;
}
ul.ip_boxlist3 li a {
	color: #484747;
	font-weight: 600;
}
ul.ip_boxlist3 li:hover {
	background: #dfdfdf;
}
/* sidebar */
.fixed-side {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.sidebar {
	background-color: #284fa3;
	/*padding: 25px 0px;*//* 25px 5px*/
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 65px;
	z-index: 1031;
	color: #ffffff;
}
.sidebar nav a {
	background-position: center center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	display: inline-block;
	font-weight: 600;
	line-height: 14px;
	color: #FFF;
	vertical-align: middle;
	font-size: 0.7rem;
	padding: 0;
}
.sidefloat_nav a:first-child {
	margin-top: 0px;
}
.sidenav {
	text-align: center;
}
.sidenav svg {
	display: block;
	margin: 0 auto 5px;
}
.sidenav .dropdown-menu svg {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
}
.sidehead_nav, .sidefloat_navm, .sidefoot_nav {
	width: 100%;
}
.sidehead_nav a, .sidefloat_nav a, .sidefoot_nav a {
	position: relative;
	width: 100%;
	height: 11vh;
	display: flex !important;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #163986 !important;	
}
.sidefloat_nav {
    width: 100%;
}
.sidefloat_nav > a, .links {
	/*margin: 40% 0;*/
	position: relative;
}
.sidefloat_nav .badge {
	position: absolute;
	right: 3px;
	top: -10px;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border-radius: 20px;
	z-index: 1;
	border: 2px solid #FFF;
	text-align: center;
	padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
.sidebar {
	width: 65px;
}
}
/*web-container*/
.web-container {
	margin-left: 65px;
}
/* header */
header {
	background: #f8f8f8;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}
header.fixed-top {
	margin-left: 65px;
}
header {
	padding: 10px 0;
	box-shadow: 0 0 10px 0px #ccc;
}
header figure.logo {
	margin-bottom: 0px;
}
figure.logo img {
	width: 25%;
}
.stickyheader {
	padding: 0 0;
}
.header-nav .nav-link {
	white-space: nowrap;
}
.header-nav .nav-link a span {
	color: rgba(0, 0, 0, 0.5);
}
a.navbar-brand img {
	width: 150px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.web-container, header.fixed-top {
	margin-left: 0px;
}
.footer {
	padding-left: 0px;
}
header .navbar-nav svg {
	vertical-align: bottom;
	margin-right: 10px;
	width: 30px;
}
header .navbar-nav li {
	border-bottom: 1px solid #f5f5f5;
	padding: 5px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
header {
	padding: 0 0;
}
}
/* headernavigation */
.navbar-expand-lg {
	padding: 0;
}
.navbar-expand-lg ul li a span, .navbar-expand-lg ul li button {
	font-weight: 600;
	font-size: 15px;
	color: #000000 !important;
}
/*breadcrumb*/
ol.breadcrumb li {
	border-bottom: 3px solid #000000;
	font-weight: 600;
	color: #000000;
	margin-left: 20px;
}
ol.breadcrumb li.active {
	border-bottom: 3px solid #284fa3;
	font-weight: 600;
	color: #284fa3;
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '' !important;
	padding-right: 0 !important;
}
ol.breadcrumb li:first-child {
	margin-left: 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
ol.breadcrumb {
	padding: 10px 15px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
ol.breadcrumb {
	padding: 10px 30px !important;
}
}
/* dashboard grid */
.dash_grid ul li {
	list-style: none;
	font-size: 0.8rem;
	padding: 3px 0px;
	font-weight: 500;
}
.dash_grid ul li span {
	font-weight: 600;
}
.dash_grid a ul li {
	color: #000000;
}
/* cross sort */
.cross_sort input[type='text'] {
	font-size: 0.9rem;
}
.cross_sort input[type='text']::-webkit-input-placeholder {
text-align: center;
color: #284fa3;
}
.cross_sort input[type='text']:-moz-placeholder { /* Firefox 18- */
text-align: center;
color: #284fa3;
}
.cross_sort input[type='text']::-moz-placeholder {  /* Firefox 19+ */
text-align: center;
color: #284fa3;
}
.cross_sort input[type='text']:-ms-input-placeholder {
text-align: center;
color: #284fa3;
}
.order-btn { /*padding: 0 0;*/
}
@media (min-width: 320px) and (max-width: 767px) {
.order-btn {
	padding: 0 15px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.clr {
	padding-right: 5px;
}
.clr button {
	padding: 0.25rem 0rem;
}
.order-btn {
	padding: 0 0;
}/*max-width: 46%;*/
.swt {
	padding-left: 5px;
}
}
/*toggle switch*/
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 25px;
}
/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider */
.onoffswitch {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px 5px;
	box-shadow: 0 0 0px 1px#8ba0cc;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 28px;
	padding: 0;
	line-height: 30px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	box-sizing: border-box;
	font-weight: 700;
}
.onoffswitch-inner:before {
	content: "OFF";
	padding-left: 28px;
	background-color: #FFFFFF;
	color: #284fa3;
}
.onoffswitch-inner:after {
	content: "ON";
	padding-right: 32px;
	background-color: #EEEEEE;
	color: #284fa3;
	text-align: right;
}
.onoffswitch-switch {
	display: block;
	width: 23px;
	margin: 0px;
	background: #8ba0cc;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px 5px;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 38px;
}
.onoffswitch-checkbox1 {
	display: none;
}
.onoffswitch-inner1 {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner1:before, .onoffswitch-inner1:after {
	display: block;
	float: left;
	width: 50%;
	height: 28px;
	padding: 0;
	line-height: 30px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	box-sizing: border-box;
	font-weight: 700;
}
.onoffswitch-inner1:before {
	content: "ON";
	padding-left: 28px;
	background-color: #EEEEEE;
	color: #284fa3;
}
.onoffswitch-inner1:after {
	content: "OFF";
	padding-right: 28px;
	text-align: right;
	background-color: #FFFFFF;
	color: #284fa3;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner1 {
	margin-left: 0;
}
/*.onoffswitch-switch1 { display: block; width: 23px; margin: 0px; background: #8ba0cc; position: absolute; top: 0; bottom: 0; right: 0; border-radius: 5px 5px; transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox1:checked + .onoffswitch-label1 .onoffswitch-switch1 { right: 28px; }*/



/* scrollbar */
.horizontal-images.content ul, .vertical-images.content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.horizontal-images.content li {
	margin: 0 3px;
	float: left;
	width: 48%;
}
.horizontal-images.content li:first-child {
	margin-left: 0;
	
}
.snap-scrolling-example .content {
	height: auto;
	width: 100%;
}
.snap-scrolling-example .content figure img {
	height: 60px;
}
.snap-scrolling-example .content ul li {
	padding: 0 15px;
	border-bottom: 1px solid #c1c1c1;
}/* border-left: 1px solid #284fa3 !important; */
.snap-scrolling-example .content ul li:first-child {
	padding-left: 0 !important;
}/*border-left: 0px !important; */
.snap-scrolling-example .content .card {
	background-color: unset !important;
	box-shadow: none;
	border: unset !important;
}/*px solid #284fa3 */
.note_new i {
	width: auto !important;
	height: auto !important;
}
.snap-scrolling-example .content .card .card-body {
	padding: 5px 0 5px !important;
}
.snap-scrolling-example .content .card-title {
	font-size: 1rem;
	color: #284fa3;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.snap-scrolling-example .content a .card-text {
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	color: #000000;
}
.snap-scrolling-example .content .card-date {
	font-size: 0.8rem;
	font-style: italic;
	color: #284fa3;
	margin-bottom: 0;
}
/* .snap-scrolling-example .content img{ height: 160px; } */
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.snap-scrolling-example .horizontal-images.content li {
	width: 280px !important;
}
}
@media (min-width: 360px) and (max-width: 410px) and (orientation: portrait) {
.snap-scrolling-example .horizontal-images.content li {
	width: 340px !important;
}
}
@media (min-width: 411px) and (max-width: 479px) and (orientation: portrait) {
.snap-scrolling-example .horizontal-images.content li {
	width: 370px !important;
}
}
@media (min-width: 480px) and (max-width: 565px) and (orientation: portrait) {
.snap-scrolling-example .horizontal-images.content li {
	width: 440px !important;
}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
.snap-scrolling-example .content ul li:first-child {
	padding-left: 15px !important;
}
.snap-scrolling-example .content figure {
	text-align: center;
}
.snap-scrolling-example .content figure img {
	width: 20% !important;
}
/* padding */
.mp-0 {
	padding: 0;
}
.snap-scrolling-example .card-body .col-lg-9 {
	padding-left: 15px !important;
}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
.snap-scrolling-example .content figure img {
	width: 30% !important;
}
.snap-scrolling-example .horizontal-images.content li {
	width: 237px !important;
}
.snap-scrolling-example .card-body .col-lg-9 {
	padding-left: 15px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.snap-scrolling-example .card-body figure {
	text-align: center;
}
.snap-scrolling-example .card-body figure img {
	width: 20% !important;
	margin: 0 auto;
}
.snap-scrolling-example .card-body .col-lg-9 {
	padding-left: 15px !important;
}
.snap-scrolling-example .horizontal-images.content li {
	width: 313px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.snap-scrolling-example .card-body figure img {
	width: 100% !important;
}
.snap-scrolling-example .horizontal-images.content li {
	width: 320px !important;
}
}
@media (min-width: 1024px) and (max-width: 1040px) and (orientation: portrait) {
.snap-scrolling-example .card-body figure img {
	width: 100% !important;
	margin: 0 auto;
}
.snap-scrolling-example .horizontal-images.content li {
	width: 320px !important;
}
.swt {
	padding-left: 0;
}
}
@media (min-width: 1080px) and (max-width: 1194px) and (orientation: landscape) {
.swt {
	padding-left: 5px;
}
}
.orderby {
	height: 445px;
	margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.orderby {
	height: 325px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.orderby {
	height: 280px;
}
}
ul.sortby {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sortby li {
	padding-left: 30px;
	padding-bottom: 14px;
}
/*tta dashboard*/
.counter h6 {
	font-weight: 600;
}

.s2019 {
	float: right;
	width: auto;
	margin: 0px 30px 0px 0px;
	text-align: right;
}
.arrow {
	display: inline-block;
	font-size: 20px;
	margin-left: 20px;
	position: absolute;
	line-height: 20px;
	right: 11px;
}
.arrow  i{ margin-right: 0px;}

@media (min-width: 320px) and (max-width: 767px) {
.started, .finished {
	margin-bottom: 10px;
}
.fixrgt-dialog {
	max-width: 90% !important;
	margin: 0 auto;
}
.fixrgt-dialog .modal-content .close {
	right: 0px !important;
	padding: 2px 5px !important;
}
#Layer_1{width: 20px}

.chat_area .row.left-comment.text-left {
	flex-wrap: nowrap;
}
.chat_area .left-comment .profile-image, .chat_area .right-comment .profile-image {
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
	border: 3px solid #d3dced;
}
.chat_area .col-md-2.col-sm-2.col-xs-2{ width:15% !important;}
.chat_area {padding: 20px 0px 0 0px !important;}
}
ul.counter-btns {
	margin: 0;
	padding: 0;
}
ul.counter-btns li {
	list-style: none;
	margin-bottom: 11px;
}
ul.counter-btns li a {
	background-color: #284fa3;
	color: #FFF;
	display: block;
	padding: 6px 10px;
}
ul.counter-btns li:hover a {
	background-color: #e3e7ef;
	color: #284fa3;
}
.ttakey a {
	color: #000000;
	display: block;
}
.ttakey .card .card-body .row > div:nth-child(1) {
	text-align: left;
}
.ttakey .card .card-body .row > div:nth-child(2) {
	text-align: center;
}
.ttakey .card .card-body .row > div:nth-child(3) {
	text-align: right;
}
.ttakey .col a:hover {
	color: #284FA3;
}
@media (min-width: 320px) and (max-width: 768px) {
ul.counter-btns li {
	list-style: none;
	margin-bottom: 17px;
}
ul.counter-btns li a {
	padding: 6px 6px;
	font-size: 0.75rem;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.ttakey .card .card-body {
	padding: 10px 20px !important;
}
.ttakey .card .card-body .row > div {
	margin: 5px 0;
}
.ttakey .card .card-body .row > div:nth-child(1), .ttakey .card .card-body .row > div:nth-child(2), .ttakey .card .card-body .row > div:nth-child(3) {
	text-align: left;
}
}
.accordion h2 > button {
	padding: 0.75rem 1.25rem !important;
	color: #1e3c79;
	font-weight: 600;
	font-size: 1rem;
}
.accordion h2 > button, .accordion h2 > button:hover {
	text-decoration: unset;
	cursor: pointer;
}
.accordion h2 {
	background: #f0f0f0;
}
ul.parent-tab .nav-link {
	border-radius: 5px 5px;
	background: #000000;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 8px 15px;
	margin-right: 20px;
}
ul.parent-tab .nav-link.active {
	background: #FFFFFF;
	box-shadow: 0 4px 6px 0px #e1e1e1;
	color: #000000;
}
ul.child-tab .nav-link {
	border-radius: 5px 5px;
	background: #284fa3;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: 400;
	padding: 8px 15px;
	margin-left: 20px;
}
ul.child-tab li.nav-item:first-child .nav-link {
	margin-left: 0;
}
ul.child-tab .nav-link.active {
	background: #FFFFFF;
	box-shadow: 0 4px 6px 0px #e1e1e1;
	color: #284fa3;
}
ul.inchild-tab .nav-link {
	border-radius: 5px 5px;
	background: #000000;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: 400;
	padding: 8px 15px;
	margin-left: 20px;
}
ul.inchild-tab li.nav-item:first-child .nav-link {
	margin-left: 0;
}
ul.inchild-tab .nav-link.active {
	background: #FFFFFF;
	box-shadow: 0 4px 6px 0px #e1e1e1;
	color: #000000;
}
.tab-content h4 {
	font-weight: 500;
	color: #FFFFFF;
	font-size: 1rem;
	text-align: left;
	padding: 0.7rem 0.7rem;
	background-color: #80858B;
	margin-bottom: 2px;
	width: 100%;
float: left;
}
.report-box {
	background: #f3f3f3;
	padding: 15px;
	position: relative;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 30px;
	transition: all 0.4s ease-in;
}
.report-box span {
	font-size: 16px !important;
}
.report-box p {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px !important;
}
.close_cover1 span.close2 {
	color: #000;
	position: absolute;
	right: 5px;
	top: -6px;
	opacity: 1;
	z-index: 1 !important;
}
.report-box:hover {
	background: #226391;
	color: #fff;
}
.tab-content h4 a {
	color: #FFFFFF;
	display: block;
}
.all_chart {
	margin-bottom: 30px;
}
.toggle_section .badge {
	width: 30px;
	height: 30px;
	line-height: 24px;
	font-weight: 300;
	font-size: 0.8rem;
	border-radius: 15px;
}
/* filters */
.filters .card {
	position: relative;
}
.filters .card > .form-group {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
.filters .card > .form-group input[type="text"] {
	border-bottom: 1px solid #284fa3 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-radius: 0 !important;
	background-color: unset !important;
}
.filters .card > .form-group button {
	border: 0;
	background: #284FA3;
	color: #FFF;
}
@media (min-width: 320px) and (max-width: 768px) {
.filters .card > .form-group {
	position: relative;
	width: 100%;
}
}
ul.vsearch {
	padding: 0;
}
ul.vsearch > li {
	display: inline-block;
	list-style: none;
	border-left: 1px solid #f0f0f0;
}
ul.vsearch > li:first-child {
	border-left: 0px;
}
ul.vattach {
	padding: 0;
	font-size: 0.8rem;
}
ul.vattach li {
	display: block;
	padding: 5px 0 5px 25px;
	background-image: url('../img/icons/attach.svg');
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0px;
}
ul.vattach li a {
	color: #000000;
}
ul.vresource {
	padding: 0;
	font-size: 0.8rem;
}
ul.vresource li {
	display: block;
	padding: 5px 0 5px 25px;
	background-image: url('../img/icons/download.svg');
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0px;
}
ul.vresource li a {
	color: #000000;
}
@media (min-width: 320px) and (max-width: 767px) {
ul.vsearch > li {
	margin-bottom: 10px;
}
/* .dk-bg {font-size: 14px;margin-bottom: 10px;} */
}
/* push notificaion / send email */
.pushemail {
	background-color: #ebf1fc;
	border: 1px solid #dbdbdb;
	padding: 15px 15px;
}
ul.pushnotify {
	margin: 0;
	padding: 0;
}
ul.pushnotify li {
	padding-bottom: 10px;
}
ul.editsec li {
	margin-right: 20px;
}
ul.editsec li::before {
	counter-increment: section;
	content: counter(section);
}
ul.editsec li .nav-link {
	font-weight: 600;
	box-shadow: 0 10px 10px 0px #efefef;
	display: inline-block;
	background: #c7d5f1;
	color: #284fa3;
	padding-left: 55px;
}
ul.editsec li .nav-link.active {
	background: #FFFFFF;
	color: #000000;
}
ul.editsec li::before {
	counter-increment: section;
	content: counter(section);
	background: #284fa3;
	display: inline-block;
	padding: 8px 16px;
	text-align: center;
	position: absolute;
	border-radius: 5px 0 0 5px;
	color: #FFF;
	font-weight: 600;
}
@media (min-width: 320px) and (max-width: 768px) {
ul.editsec li .nav-link {
	width: 200px;
	margin-bottom: 10px;
}
}
/* progress circle */
.pg-bar {
	position: relative;
	height: 65px;
	width: 65px;
	margin: 15px auto 0;
}
.pg-bar div {
	position: absolute;
	height: 65px;
	width: 65px;
	border-radius: 50%;
}
.pg-bar div span {
	position: absolute;
	font-family: Arial;
	font-size: 25px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	left: 6.5px;
	top: 6.5px;
	text-align: center;
	border-radius: 50%;
	color: #627ebb;
	background-color: #e3e7ef;
}
.pg-bar .background {
	background-color: #e9ecf2;
}
.pg-bar .rotate {
	clip: rect(0 30px 100px 0);
	background-color: #627ebb;
}
.pg-bar .left {
	clip: rect(0 30px 100px 0);
	opacity: 1;
	background-color: #e9ecf2;
}
.pg-bar .right {
	clip: rect(0 50px 100px 0);
	transform: rotate(180deg);
	opacity: 0;
	background-color: #627ebb;
}

.tab-content .card-group {
    flex-flow: column;
}
.dark_bluebg {
	background: #226391 !important;
}

@keyframes toggle {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@media (min-width: 320px) and (max-width:767px) and (orientation: portrait) {
ul.tta li {
	margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width:1024px) and (orientation: portrait) {
ul.tta li {
	margin-bottom: 15px;
}
}
.toggle_title {
	line-height: 50px;
	font-size: 0.9rem;
}
.toggle_section .tog_sec_det {
	line-height: 48px;
}
@media (min-width: 768px) and (max-width: 980px) {
.toggle_title {
	font-size: 0.7rem;
}
.toggle_section > .lt_blue_bg {
	font-size: 0.8rem !important;
	line-height: 20px;
	padding-top: 0.5rem !important;
}
}
@media (min-width: 1024px) and (max-width: 1080px) and (orientation: portrait) {
.toggle_title {
	font-size: 0.8rem;
}
.toggle_section > .lt_blue_bg {
	font-size: 0.8rem !important;
	line-height: 20px;
	padding-top: 0.5rem !important;
}
.toggle_section > .lt_blue_bg button {
	font-size: 0.8rem !important;
}
}
@media (min-width: 1024px) and (max-width: 1080px) {
.toggle_section .tog_sec_det {
	line-height: 22px;
	padding-top: 10px;
	font-size: 0.8rem;
}
}
/* site much wider */
@media (min-width: 1190px) { /*1200*/
.container {
	max-width: 1220px;
}/*1280px*/
}
@media (min-width: 1025px) and (max-width: 1194px) { /*1200*/
.container {
	max-width: 1100px;
}/*1280px*/
}
/*briefcase*/
.card-header h5 {
	    font-weight: 500;
    font-size: 1rem;
    line-height: 32px;
    text-transform: uppercase;
}
.card-header h5 .btn-group {
	float: right;
}
.card-header .dropdown-menu a {
	font-size: 12px;
	display: block;
	font-weight: 400;
	padding: 0 10px;
	color: #627ebb;
}
/* table with scrollbar  */
table.bfc tbody {
	display: block;
	height: 260px;
	overflow-x: hidden;
	overflow-y: auto;
}
table.bfc thead, table.bfc tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
table.bfc tbody::-webkit-scrollbar {
width: 10px;
}
table.bfc thead th:nth-child(1) {
	width: 15%;
}
table.bfc thead th:nth-child(2) {
	width: 50%;
}
table.bfc thead th:nth-child(3) {
	width: 35%;
}
table.bfc tbody tr td:nth-child(1) {
	width: 15%;
}
table.bfc tbody tr td:nth-child(2) {
	width: 50%;
}
table.bfc tbody tr td:nth-child(3) {
	width: 25%;
}
table.bfc tbody tr td:nth-child(4) {
	width: 10%;
}
@media (min-width: 320px) and (max-width: 980px) {
.brief-deck .card {
	flex: unset;
}
}
@media (min-width: 320px) and (max-width: 560px) {
.brief-deck .card table th button.dd {
	padding: 0.375rem 0.05rem;
}
}

/* Track */
table.bfc tbody::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
table.bfc tbody::-webkit-scrollbar-thumb {
background: rgba(40,79,163,0.4);
transition: 0.4s all ease-in-out;
}
/* Handle on hover */
table.bfc tbody::-webkit-scrollbar-thumb:hover {
background: rgba(40,79,163,1);
border-radius: 10px;
}
/*chart*/
#chartdiv, #chartdiv1, #chartdiv2, #chartdiv3, #chartdiv4, #chartdiv5, #chartdiv6, #chartdiv7 {
	width: 100%;
	height: 500px;
}
/*process evaluation dashboard*/
.ped {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.ped-dialog {
	max-width: 90%;
	margin: 0 auto;
} /* position: absolute; top: 0; bottom: 0; left: 0; right: 0;*/
.ped-dialog .modal-content {
	border-radius: 0px;
	height: 100%;
	max-height: none;
	overflow: unset;
	border: 0;
}
.ped-dialog .modal-content .close {
	position: absolute;
	right: -60px;
	padding: 10px;
	background-color: #284FA3;
}
.ped-dialog .modal-body {
	padding: 0 1rem;
}
ul.child-tab {
	border-bottom: none !important;
}
/* Track */
.ped-dialog > .modal-body::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.ped-dialog > .modal-body::-webkit-scrollbar-thumb {
background: rgba(40,79,163,0.4);
transition: 0.4s all ease-in-out;
}
/* Handle on hover */
.ped-dialog > .modal-body::-webkit-scrollbar-thumb:hover {
background: rgba(40,79,163,1);
border-radius: 10px;
}
.modal-footer {
	justify-content: center !important;
	padding: 0.5rem !important;
}
/* fixed rightside modal */
.fixrgt {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.fixrgt-dialog {
	max-width: 60%;
	margin: 0 auto;
} /* position: absolute; top: 0; bottom: 0; left: 0; right: 0;*/
.fixrgt-dialog .modal-content {
	border-radius: 0px;
	height: 100%;
	max-height: none;
	overflow: unset;
	border: 0;
}
.fixrgt-dialog .modal-content .close {
	position: absolute;
	right: -60px;
	padding: 10px;
	background-color: #284FA3;
	z-index: 999;
}
.fixrgt-dialog .modal-body {
	padding: 0 1rem;
}
ul.child-tab {
	border-bottom: none !important;
}
/* Track */
.fixrgt-dialog > .modal-body::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.fixrgt-dialog > .modal-body::-webkit-scrollbar-thumb {
background: rgba(40,79,163,0.4);
transition: 0.4s all ease-in-out;
}
/* Handle on hover */
.fixrgt-dialog > .modal-body::-webkit-scrollbar-thumb:hover {
background: rgba(40,79,163,1);
border-radius: 10px;
}
/*counter*/
.counter-form .cg::before {
	counter-increment: section;
	content: counter(section) ": ";
}
.counter-form .cg label {
	display: inline;
}
ul#pedTab li {
	display: contents;
}
.action-counter::before { /*counter-increment: section; content: counter(section) " ";*/
	position: absolute;
	z-index: 1;
	left: -10px;
	border-radius: 20px;
	padding: 1px 7px;
	font-size: 12px;
	top: -10px;
	font-weight: 600;
	background: rgba(40,79,163,1);
	color: #FFFFFF;
}
.remove {
	position: absolute;
	right: -11px;
	z-index: 1;
	top: -13px;
	background-color: #dc3545;
	padding: 3px 5px 1px;
	width: 23px;
	border-radius: 4px;
	font-size: 15px;
}
.add {
	position: absolute;
	right: -11px;
	z-index: 1;
	bottom: -13px;
	background-color: #284FA3;
	padding: 3px 5px 1px;
	width: 23px;
	border-radius: 4px;
	font-size: 15px;
}
/*Ip Dashboard*/
ul.ip_list {
	margin: 0;
	padding: 0;
	text-align: right;
	margin-bottom: 20px;
}
ul.ip_list li {
	display: inline-block;
}
ul.ip_keys {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9rem;
}
ul.ip_keys li {
	padding: 10px 0 10px 0px;
}
/*steps*/
ul.steps {
	list-style: none;
	padding: 0;
}
ul.steps li {
}
ul.steps li .card {
	border: 0px;
}
ul.steps li .card-header {
	color: #284FA3;
	font-weight: 600;
}
ul.steps li .card-footer {
	background-color: #284FA3;
	color: #FFF;
	font-weight: 600;
}
ul.vsst li {
	margin-bottom: 15px;
}
ul.iap_list {
	margin: 0;
	padding: 0;
	text-align: right;
	margin-bottom: 20px;
}
ul.iap_list li {
	display: inline-block;
}
ul.iap_list li a {
	font-weight: 600;
	font-size: 0.8rem;
}
ul.iap_list li:hover a {
	background-color: #fda700;
}
ul.ip_boxlist {
	padding: 0 0px;
	list-style: none;
	background: #fff;
	margin: 0;
}
ul.ip_boxlist li {
	font-size: 0.6rem;
	padding: 0px;
	border: 1px solid #000;
	text-align: center;
}
ul.ip_boxlist li a svg {
	margin-right: 5px;
}
ul.ip_boxlist li a {
	color: #484747;
	background: #FFFFFF;
	font-weight: 600;
	display: block;
	padding: 10px;
}
ul.ip_boxlist li a:hover {
	background: #dfdfdf;
}
/* fine uploader */
#trigger-upload {
	color: white;
	background-color: #00ABC7;
	font-size: 14px;
	padding: 7px 20px;
	background-image: none;
}
#fine-uploader-manual-trigger .qq-upload-button {
	margin-right: 15px;
}
#fine-uploader-manual-trigger .buttons {
	width: 36%;
}
#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
	width: 60%;
}
/*toogle section*/
.toggle_content {
	display: none;
}
/*intervention profile*/
ul.inter_profile {
	padding: 0;
}
ul.inter_profile li {
	margin: 0;
	list-style: none;
	text-align: left;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 20px;
}
ul.inter_profile li > div {
	width: 100%;
	border-radius: 5px;
	margin: 0 auto;
	line-height: 50px;
	padding: 0 10px;
}/* height: 50px;*/
ul.inter_profile li > div small {
	font-size: 0.8rem;
	line-height: 20px;
	padding-bottom: 10px;
	display: block;
}
ul.inter_profile li div.agency {
	background: #DE4B84;
}
ul.inter_profile li div.location {
	background: #D48F2D;
}
ul.inter_profile li div.listuser {
	background: #1898CD;
}
ul.inter_list {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
ul.inter_list li {
	margin: 0 0 30px 0;
	position: relative;
}
ul.inter_list li .close {
	position: absolute;
	right: 5px;
	top: -10px;
	z-index: 1;
	background: #284FA3;
	padding: 3px;
	border-radius: 25px;
	line-height: 12px;
}
ul.inter_list li .form-control {
	font-size: 0.8rem !important;
}
ul.inter_btn {
	padding: 0;
	list-style: none;
	width: 100%;
	margin: 0 auto;
}
ul.inter_btn li {
	margin: 0;
	font-size: 0.65rem;
	font-weight: 600;
	text-align: center;
}
ul.inter_btn li a {
	color: #000;
	width: 100%;
	padding: 5px;
	float: left;
}
ul.inter_btn li svg {
	display: block;
	height: 25px;
	margin: 0 auto 6px;
}
ul.inter_btn li a.active {
	background: #ccc;
}
.nav-pills .nav-link {
	background-color: #e3e7ef;
	color: #284FA3;
	border-radius: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.interventionlists .nav-pills .nav-link.active, .interventionlists .nav-pills .show > .nav-link {
	background-color: #284FA3;
	color: #FFFFFF;
}
.interventionlists .nav-pills .nav-link {
	background-color: #e3e7ef;
	color: #284FA3;
	border-radius: 0px;
	font-weight: 600;
	margin-bottom: 20px;
}
/*contract community box*/
ul.community_box {
	padding: 0;
	margin-top: 30px;
	position: relative;
}
ul.community_box li {
	margin: 0;
	list-style: none;
}
ul.community_box li p {
	font-size: 0.9rem;
	color: #000;
	font-weight: 400;
}
ul.community_box li input, ul.community_box li select {
	font-size: 0.8rem;
}
ul.community_box li .input-group-text {
	line-height: inherit;
}
ul.community_box li .card-header {
	position: relative;
}
ul.community_box li .card-header .close {
	position: absolute;
	right: -13px;
	top: -13px;
	background: #284FA3;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	line-height: 15px;
}
ul.community_box li .close {
	position: absolute;
	right: 5px;
	top: -10px;
	z-index: 1;
	background: #284FA3;
	padding: 3px;
	border-radius: 25px;
	line-height: 12px;
}
.report-box .close {
	position: absolute;
	right: 5px;
	top: -10px;
	z-index: 1;
	background: #284FA3;
	padding: 3px;
	border-radius: 25px;
	line-height: 12px;
}
/* risk questio 7 */
.risk-set {
	position: relative;
}
.risk-set .close {
	position: absolute;
	right: -11px;
	top: 7px;
	background: #dc3545;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	line-height: 15px;
}
/* toast */
.toast-body {
	position: relative;
}
.toast-body .close {
	position: absolute;
	right: 4px;
	top: 0px;
}
/* supporting_docs */
ul.supporting_docs {
	padding: 0;
}
ul.supporting_docs li {
	list-style: none;
	margin-bottom: 30px;
	float: left;
}
table.dtable thead tr th {
	color: #FFFFFF;
	font-weight: 500;
}
table.dtable tbody tr td {
	padding: 0.55rem 0.75rem;
	font-size: 0.8rem;
}
/* user approval */
ul.userapproval_buttons li {
	list-style: none;
}
.userapproval .card-deck > .card {
	margin-bottom: 30px;
}
@media (max-width: 768px) {
.userapproval .card-deck > .card {
	flex: auto !important;
}
}
/* assignements */
ul.assign_btns {
	padding: 0;
	margin-bottom: 0;
}
ul.assign_btns li {
	list-style: none;
}
ul.assignment_list {
	padding: 0;
}
ul.assignment_list li {
	list-style: none;
	text-align: center;
}
ul.assignment_list li figure img {
	width: 85px;
	height: 85px;
	background: rgba(40,79,163,0.05);
	padding: 5px;
}
ul.assignment_list li {
	list-style: none;
	text-align: center;
}
ul.assignment_list li figure svg {
	width: 100%;
	height: 100px;
	background: rgba(40,79,163,0.05);
	padding: 5px;
	border-radius: 50% !important;
}
ul.assignment_list li span {
	position: relative;
	height: 85px;
	display: inherit;
}
ul.assignment_list li span > i {
	transition: 0.4s ease-in-out all;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: inherit;
	height: inherit;
	border-radius: 45px;
	color: white;
	font-size: 30px;
	bottom: 0;
	line-height: 85px;
}
.assign_user_list li figure i {
	display: none;
}
.assign_user_list li figure.selected i {
	display: block;
}/*position: absolute; top: 18px; left: 18px; font-size: 50px; color: #fff; z-index: 1;*/
/* @media (max-width: 767px) {
    ul.assignment_list li figure img { height: 65px; }
} */

#chart_div > div {
	width: 100% !important;
}
/*settings page*/
.settings .tab-content {
	padding: 20px 0;
}
.hcol3 i {
	margin: 40px 0 0 0;
}
.cmtemail + awesomplete {
	display: block;
}
div#reporting_pdf_cover table tr td {
	padding: 5px 5px;
	border: 1px solid #ececec;
}
#intervention_pdf_quickview .fixrgt-dialog, #reports-quickviewd .modal-dialog {
	max-width: 90%;
}
.top-title {
    background: #7f8184;
    padding: 10px 15px;
    color: #fff;
    margin: 0;
}

table {
    border: 1px solid #ddd;
    font-weight: 500;
    color: #000;
    font-size: 14px;
}


.top-title.title-head {
    font-size: 26px;
    font-weight: 400;
}
ul.upload_cover_slimscroll li {
	list-style: none;
}
ul.upload_cover_slimscroll li > .upcover {
	/*box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);*/
	padding: 5px;
	/*border: 1px solid #dcdcdc;*/
}

ul.dot-color {
	padding: 0;
	list-style: none;
}
ul.ersa {
	padding: 0;
	margin: 0;
}
.student_cover {
	position: relative;
}
.student_cover span.close1 {
	position: absolute;
	right: 0;
	top: 0;
}
/*awanish*/
ul.ip_boxlist4 {
	padding: 0 5px;
	list-style: none;
	margin-bottom: 0;
}
ul.ip_boxlist4 li {
	font-size: 0.7rem;
	padding: 8px;
	border: 1px solid #000;
	width: 25%;
	text-align: center;
	background: #fff;
}
ul.ip_boxlist4 li a svg {
	margin-bottom: 3px;
	width: 100%;
}
ul.ip_boxlist4 li a {
	color: #484747;
	font-weight: 600;
}
ul.ip_boxlist4 li:hover {
	background: #dfdfdf;
}
ul.ip_boxlist2 {
	padding: 0 5px;
	list-style: none;
	margin-bottom: 0;
}
ul.ip_boxlist2 li {
	font-size: 0.6rem;
	padding: 0px;
	border: 1px solid #000;
	width: 50%;
	background: #dfdfdf;
}
ul.ip_boxlist2 li a svg {
	margin-right: 3px;
}
ul.ip_boxlist2 li a {
	color: #484747;
	font-weight: 600;
	display: block;
	padding: 10px;
}
ul.ip_boxlist2 li a:hover {
	background: #fff;
}
ul.ip_boxlist2 span {
	color: #000;
	font-weight: 600;
}
ul.ip_boxlist5 {
	padding: 0 5px;
	list-style: none;
	margin-bottom: 0;
}
ul.ip_boxlist5 li {
	font-size: 0.7rem;
	padding: 8px 3px;
	border: 1px solid #000;
	width: 20%;
	text-align: center;
	background: #fff;
}
ul.ip_boxlist5 li a svg {
	margin-bottom: 3px;
	width: 100%;
}
ul.ip_boxlist5 li a {
	color: #484747;
	font-weight: 600;
}
ul.ip_boxlist5 li:hover {
	background: #dfdfdf;
}
.impbox1 {
	border: 0px solid #eee;
	background: #373b42;
	padding-bottom: 10px;
}
.impbox1 h3 {
	text-align: left;
	color: #fff;
	font-size: 18px;
	background: #25272b;
	padding: 15px 10px;
	margin: 0;
	border-bottom: 0px solid #eee;
}
.impbox1 .qwe {
	padding-right: 20px;
	background: transparent;
}
.impbox1 .panel p {
	margin: 0;
	font-weight: 300;
	font-size: 18px;
}
.impbox1 .button {
	padding: 5px 10px;
	background: transparent;
	z-index: 4;
	color: #fff;
	border-radius: 3px !important;
	border: 1px solid #FFF !important;
	font-size: 18px;
}
.text_white {
	color: #fff;
}
.text_light_blue {
	color: #34a8fa;
}
.mar_t20 {
	margin-top: 20px !important;
}
.ft_20_new {
	font-size: 20px;
	color: #fff;
}
.int_graph {
	height: 350px;
	width: 50%;
	float: left;
}
.legends {
	height: 275px;
	position: relative;
	width: 50%;
	margin-top: 75px;
	float: left;
}
.select2-container .select2-search--inline .select2-search__field {
	border: 0 !important;
}
.pl-5 {
	padding: 5px 15px
}
.steps-new {
	position: relative;
	height: 450px;
}
ul.steps li .card-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.form-control {
	height: calc(1.5em + 0.75rem + 2px);
}
.delate_btn {
	position: absolute;
	left: -5px;
	top: -12px;
	font-size: 22px;
}
.add_btn {
	position: absolute;
	right: -5px;
	bottom: -12px;
	font-size: 22px;
}
.add_btn i{ margin-right:0;}
.delate_btn i{ margin-right:0;}
.class_cover {
	background: #c0c0c0;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	margin: 10px;
}
 @media (min-width: 768px) and (max-width: 1200px)and (orientation: landscape) {
.steps-new {
	position: relative;
	height: 550px
}
ul.steps li .card-footer {
	position: absolute;
	bottom: 0;
	width: 100%
}
}
 @media (min-width: 768px) and (max-width: 1200px)and (orientation: portrait) {
.steps-new {
	position: relative;
	height: 550px
}
ul.steps li .card-footer {
	position: absolute;
	bottom: 0;
	width: 100%
}
.card-text {
	font-size: 14px;
	line-height: 20px
}
.card-title {
margin-bottom:.75rem;
	font-size: 17px
}
}
.announcement h3 {
	color: #284fa3;
	font-size: 1rem;
	font-weight: 600;
margin-bottom:.25rem
}
.cross_sort h3 {
	color: #284fa3;
	font-size: 1rem;
	font-weight: 600;
margin-bottom:.25rem
}
.card-title {
	color: #284fa3;
	font-size: 1rem;
	font-weight: 600;
margin-bottom:.75rem
}
.sortby .custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
	font-size: 14px
}
.modal-dialog-slideout {
	min-height: 100%;
	margin: 0 0 0 auto;
	background: #fff;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(100%, 0)scale(1);
	transform: translate(100%, 0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	display: flex;
	align-items: stretch;
	-webkit-box-align: stretch;
	height: 100%;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-dialog-slideout .modal-content {
	border: 0;
}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
	height: 69px;
	display: block;
}
.modal-dialog-slideout .modal-header h5 {
	float: left;
	line-height: 22px;
}
.modal-open .modal {
	padding-right: 0 !important;
}
.attachment_list {
	padding-left: 0;
}
#fine-uploader-manual-trigger_TTAREQ-88638235 {
	width: 100%;
}
/*announcements start*/
.chat_area {
	padding: 20px 20px 0 20px;
}
.chat_area ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.date_divider {
	line-height: 0px;
	border-bottom: 1px solid #c5d2ec;
	margin: 15px 0 30px;
	text-align: center;
}
.date_divider span {
	background: #284fa3;
	padding: 2px 6px;
	border-radius: 5px;
}
.chat_area .left-comment .profile-image, .chat_area .right-comment .profile-image {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 3px solid #d3dced;
}
.pad_l20 {
	padding-left: 20px;
}
.chat_area .comment-info {
	border-radius: 0;
	background: #fff;
	padding: 5px 10px;
	margin-bottom: 15px;
}
.left-comment .comment-info::before {
	border-right: 18px solid #fff;
	left: -15px;
	z-index: 1;
}
/* .comment-info .chat-username {font-weight: 500;font-size: 15px;color: #284fa3;}
.comment-info .chat-datelocation {font-weight: 500;font-size: 11px;color: #707070;float: right;position: relative;bottom: -3px;} */
.chat-datelocation i {
	width: auto;
}
.left-comment .comment-info::before {
	border-right: 18px solid #fff;
	left: -15px;
	z-index: 1;
}
.comment-info .chat-content {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #111111 !important;
	word-wrap: break-word !important;
}
.left-comment .comment-info::after, .left-comment .comment-info::before {
	content: "";
	border-right: 16px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: 5px;
	top: 10px;
}

.select2-container .select2-search--inline .select2-search__field {
	background: transparent !important;
}

.comment-box .custom-fileupload label {
	padding: 20px;
	background: none;
	color: #284fa3;
	border-radius: 3px;
	margin-bottom: 0;
}
.comment-box {
	padding-top: 15px;
}
.hidden {
	display: none !important;
}
.fa-paperclip::before {
	content: "";
	background: url('data:image/svg+xml;utf8,<svg height="48" viewBox="0 0 48 48" width="25" xmlns="http://www.w3.org/2000/svg"><path  d="M33 12v23c0 4.42-3.58 8-8 8s-8-3.58-8-8v-25c0-2.76 2.24-5 5-5s5 2.24 5 5v21c0 1.1-.89 2-2 2-1.11 0-2-.9-2-2v-19h-3v19c0 2.76 2.24 5 5 5s5-2.24 5-5v-21c0-4.42-3.58-8-8-8s-8 3.58-8 8v25c0 6.08 4.93 11 11 11s11-4.92 11-11v-23h-3z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>') center center no-repeat;
	padding: 12px;
}
.msg_upload_icon label i {
	font-size: 21px !important;
}
.chat_box .comment-box i {
	margin-left: 6px;
	font-size: 25px;
	cursor: pointer;
}

.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	border-radius: 0 !important;
	font-size: 30px;
	color: #fff;
	border: 0;
}
.emojiPicker {
	top: 320px !important;
}
.shortcode {
	display: none;
}
label.myLabel input[type="file"] {
	position: fixed;
	top: -1000px;
}
.myLabel {
	display: inline-block;
	padding: 20px 0;
}
#uploadFile {
	margin: 5px;
	display: none;
	padding-left: 5px;
}
.emojiPickerIcon {
	width: 30px !important;
	height: 30px !important;
	background-color: #cdcdcd !important;
	top: 0px !important;
	left: 1px !important;
	padding: 39px;
}
.emojiPickerIconWrap textarea {
	padding-left: 90px;
}

.msg_upload_icon label i {
	font-size: 21px !important;
}


.pad_l0 {
	padding-left: 0;
	margin-top: 15px;
}
.announcement_box .chat_userlist {
	background: #ececec;
	position: relative;
	height: 398px;
}
.announcement_box .chat_userlist h3 {
	text-align: center;
	background: #284fa3;
	color: #fff;
	padding: 10px 0;
}
.announcement_box .chat_userlist p {
	width: 300px;
	text-align: center;
	padding: 0px 10px;
	line-height: 35px;
	font-size: 20px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
}
.emojiPickerIconWrap {
	width: 95%;
}
.btn-as {
	font-size: 14px;
	float: left;
	margin-left: 4px;
}
.btn-qa {
	font-size: 14px;
	width: auto;
	float: left;
	margin-left: 5px;
}
.pad_l {
	padding-left: 4%
}
.add_participant_icon {
	display: inline-block;
	cursor: pointer;
}
.group_participant_list {
	background: #fff;
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 30px;
	border-radius: 6px;
}
.chatuser_list {
	position: absolute;
	right: 30px;
	top: 88px;
	z-index: 2;
	width: 300px;
	background: #fff;
	box-shadow: -1px 0 8px 1px rgba(0, 0, 0, 0.2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px 20px 0 20px;
	text-align: center;
}
.group_participant_list ul {
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	text-align: left;
	padding-top: 10px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1);
	padding: 0;
	font-size: 12px;
}
.group_participant_list ul li:last-child {
	border-bottom: 0;
}
.group_participant_list ul li {
	padding: 5px 8px;
	border-bottom: 1px solid #e1e1e1;
	list-style: none;
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: portrait) {
.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	font-size: 19px;
}
.comment-box .custom-fileupload label {
	padding: 13px 20px;
}
.emojiPickerIcon {
	padding: 31px;
}
.emojiPickerIconWrap {
	width: 95%;
}
.pad_l {
	padding-left: 5%
}
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: landscape) {
.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	font-size: 19px;
}
.comment-box .custom-fileupload label {
	padding: 13px 20px;
}
.emojiPickerIcon {
	padding: 31px;
}
.emojiPickerIconWrap {
	width: 95%;
}
.announcement_box .chat_userlist {
	height: 382px;
}
.announcement_box .chat_userlist p {
	font-size: 20px;
	height: 285px;
}
.announcement_box .chat_userlist h3 {
	font-size: 18px;
}
.btn-as {
	font-size: 12px;
	float: left;
	margin-left: 4px;
}
.btn-qa {
	font-size: 12px;
	width: auto;
	float: left;
	margin-left: 5px;
}
.pad_l {
	padding-left: 4.5%
}
}
@media (min-width: 320px) and (max-width:736px) {
.emojiPickerIcon {
	padding: 31px;
}
.comment-box .custom-fileupload label {
	padding: 10px;
}
.msg_upload_icon {
	right: 0;
}
.pad_l0 {
	padding-left: 15px;
} 
.comment-box .button1 {
	width: 100%;
	padding: 13px 0;
	font-size: 22px;
}
#usercomments-quickview .modal-dialog {
	width: 90% !important;
	max-width: 100%;
}
}
/*announcements end*/

table.dtable thead tr th {
	color: #FFFFFF;
	font-weight: 500;
}
table.dtable tbody tr td {
	padding: 0.55rem 0.75rem;
	font-size: 0.8rem;
}
/*Process Data*/
#reports-quickview .site_tabs {
	background: #fff;
	padding: 20px 15px;
	min-height: 710px;
}
#reports-quickview .modal-dialog {
	width: 90%;
	max-width: 100%;/*margin-right: 0;*/
}
#reports-quickview .modal-content {
	background: #284fa3 !important;
}
.footer-btu-new {
	background: #777;
	position: fixed;
	width: 95%;
	bottom: 0;
	z-index: 999;
	padding: 10px 15px 10px 0px;
	margin-top: 10px;
	float: left;
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.site_tabs .nav-tabs li a {
	background: #f6f6f6;
	padding: 10px 20px;
	border: 0;
	border-radius: 0;
	color: #000;
	font-size: 18px;
	font-weight: 400;
}
.site_tabs .nav-tabs {
	border-bottom: 1px solid #ddd;
}
.site_tabs .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.site_tabs .nav-tabs li.active a {
	background: #284fa3;
	color: #fff;
	border: 0;
}
.site_tabs .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #fff;
	background-color: #284fa3;
	border-color: #284fa3 #284fa3 #fff;
}
.text_white {
	color: #fff
}
.save_edit_button1 li {
	float: left
}
.save_edit_button1 {
	display: flex;
	flex-direction: row;
	justify-content: center
}
.dark_bluebg_new1 {
	background: #226391!important;
	text-align: center;
	margin-bottom: 5px
}
.darkgrey_bg_new1 {
	background: #949494!important;
	text-align: center;
	margin-bottom: 5px
}
.footer-btu-restrict {
	background: #777;
	position: fixed;
	width: 98.7%;
	bottom: 0;
	z-index: 999;
	padding: 0 15px 0 0;
	margin-top: 10px;
	float: left;
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
/* .tab-content #tray_accordion1 h4{font-weight:500;color:#fff;font-size:1rem;text-align:left;padding:.7rem .7rem;background-color:#fcfbfb!important;margin-bottom:0}
#tray_accordion1 .down_arrow1{font-size:22px!important;width:20px;position:relative;top:12px!important;line-height:0!important;color:#337ab7}
#tray_accordion1 .panel-heading{margin-bottom:0;background:#fcfbfb!important;line-height:0!important;padding:0!important;border-bottom:1px solid #cde;border-top-left-radius:3px;border-top-right-radius:3px}
.tab-content h4{font-weight:500;color:#fff;font-size:1rem;text-align:left;padding:.7rem .7rem;background-color:#fcfbfb!important;margin-bottom:0}#tray_accordion_m0 .down_arrow1{font-size:22px!important;width:20px;position:relative;top:12px!important;line-height:0!important;color:#337ab7} */
#tray_accordion_m0 .panel-heading {
	margin-bottom: 0;
	background: #fcfbfb!important;
	line-height: 0!important;
	padding: 0!important;
	border-bottom: 1px solid #cde;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
#reports-quickview form {
	width: 100%
}
.mar_tb15 {
	margin: 15px 0
}
.fade.in {
	opacity: 1
}
.pad_tb20 {
	padding-top: 20px;
	padding-bottom: 20px
}
#charts {
	/*margin-top: 30px;*/
	margin-bottom: 50px;
}
.main-box {
	background: #73787e;
	padding: 20px;
	height: auto;
	width: 100%
}
.mar_t20 {
	margin-top: 20px!important
}
.bar-heading {
	background: #26272b;
	font-size: 17px;
	color: #fff;
	font-family: roboto;
	padding: 10px
}
.clearfix {
	clear: both
}
.bar-bg1 {
	background: #373c42;
	height: 320px;
	padding-top: 20px
}
.main-top-box {
	max-width: 600px;
	margin: 0 auto;
	padding: 25px;
	overflow: hidden
}
.top-bar-hor {
	width: 400px;
	margin: 20px;
	padding: 25px;
	float: left;
	overflow: hidden
}
.progress-bar-new {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	border: 1px solid #e1e1e1
}
.horizontal .progress-bar-new {
	float: left;
	height: 37px;
	width: 100%;
	padding: 5px;
	margin-bottom: 8px
}
.horizontal .progress-track {
	position: relative;
	width: 100%;
	height: 25px
}
.horizontal .progress-fill {
	position: relative;
	background: #05d1e3;
	height: 25px;
	width: 50%;
	color: #fff;
	text-align: center;
	font-family: Lato, Verdana, sans-serif;
	font-size: 12px;
	line-height: 25px;
	border: 1px solid #e1e1e1
}
.horizontal .progress-fill-3 {
	position: relative;
	background: #959595;
	height: 25px;
	width: 50%;
	color: #fff;
	text-align: center;
	font-family: Lato, Verdana, sans-serif;
	font-size: 12px;
	line-height: 25px;
	border: 1px solid #e1e1e1
}
.horizontal .progress-fill-2 {
	position: relative;
	background: #eb3e76;
	height: 25px;
	width: 50%;
	color: #fff;
	text-align: center;
	font-family: Lato, Verdana, sans-serif;
	font-size: 12px;
	line-height: 25px;
	border: 1px solid #e1e1e1
}
.right-lable {
	float: left;
	width: 105px;
	position: relative;
	height: 185px
}
.right-lable ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0
}
.right-lable ul li {
	list-style: none;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	border: none
}
.color-male {
	padding: 6px;
	background: #05d1e3;
	float: left;
	margin-right: 10px;
	margin-top: 4px
}
.color-female {
	padding: 6px;
	background: #eb3e76;
	float: left;
	margin-right: 10px;
	margin-top: 4px
}
.color-other {
	padding: 6px;
	background: #959595;
	float: left;
	margin-right: 10px;
	margin-top: 4px
}
.pad-b30 {
	padding-bottom: 30px
}
.bar-bg {
	background: #373c42;
	height: 320px;
	padding-top: 20px
}
.bar-heading {
	background: #26272b;
	font-size: 17px;
	color: #fff;
	font-family: roboto;
	padding: 10px
}
/*.form .button,.form button{padding:7px 0;margin-top:15px;width:100px;background:#284fa3;z-index:4;color:#fff;border-radius:3px!important;border-color:transparent;font-size:18px;outline:0*/}
.form .form-group>label {
	color: #000;
	font-size: 17px
}
.pdf_agency_details, .pdf_agency_details td {
	background: #f3f3f3 none repeat scroll 0 0;
	padding: 10px
}
.top-agency-title {
	background: #f3f3f3;
	color: #000;
	margin: 0;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	width: 100%;
	float: left;
	font-size: 18px
}
#view_pdf .top-title {
	background: #878787;
	padding: 10px 15px;
	color: #fff;
	margin: 0;
	font-size: 26px;
	font-weight: 400
}
label span.radio-icon {
	width: 20px;
	height: 20px;
	background-position: -73px -216px;
	top: 5px;
	margin-right: 5px
}
.help_box label input[type=checkbox], label input[type=radio] {
	display: none
}
.custom-icon {
	display: inline-block;
	position: relative;
	background: url(../images/sprite.png) no-repeat
}
label input[type="radio"]:checked + span.radio-icon {
	background-position: -73px -240px;
}
.mar0 {
	margin: 0 !important;
}
.save_edit_button1 {
	text-align: center;
	width: 100%;
}
.save_edit_button1 ul {
	list-style: none;
	display: block;
	width: auto;
	margin: 0 auto;
}
.button {
	padding: 5px 10px;
	background: #284fa3;
	z-index: 4;
	color: #fff;
	border-radius: 3px !important;
	border-color: transparent;
	font-size: 18px;
}
#reports-quickview .ped-dialog .modal-content .close {
	position: absolute;
	right: 0px;
	padding: 10px;
	background-color: #284FA3;
	z-index: 999;
}
#reports-quickview .ped-dialog .modal-body {
	padding: 0 0rem;
}
.rep_title {
	color: #fff;
	font-size: 1.1rem;
}
.pad0 {
	padding: 0;
}
.qq-upload-button {
	background: #284fa3 none repeat scroll 0 0 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	font-weight: bold;
	padding: 10px 0 !important;
}
.jkl input {
	width: 50px;
	padding: 5px 5px;
	border-color: #ececec;
	font-size: 14px;
	height: auto !important;
	box-shadow: none;
	outline: 0;
	line-height: 18px;
	border: 0;
	background: #fff;
}
.mnb {
	float: left;
	margin-right: 10px;
	width: auto;
}
.awe p {
	margin-bottom: 5px;
	font-size: 14px;
}
/*announcements start*/
.chat_area {
	padding: 20px 20px 0 20px;
}
.chat_area ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.date_divider {
	line-height: 0px;
	border-bottom: 1px solid #c5d2ec;
	margin: 15px 0 30px;
	text-align: center;
}
.date_divider span {
	background: #284fa3;
	padding: 2px 6px;
	border-radius: 5px;
}
.chat_area .left-comment .profile-image, .chat_area .right-comment .profile-image {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 3px solid #d3dced;
}
.pad_l20 {
	padding-left: 20px;
}
.chat_area .comment-info {
	border-radius: 10px;
    background: #fff;
    padding: 15px 25px;
    margin-bottom: 15px;
}
.left-comment .comment-info::before {
	border-right: 18px solid #fff;
	left: -15px;
	z-index: 1;
}
.comment-info .chat-username {
	font-weight: 500;
	font-size: 15px;
	color: #284fa3;
}
.comment-info .chat-datelocation {
	font-weight: 500;
	font-size: 11px;
	color: #707070;
	float: right;
	position: relative;
	bottom: -3px;
}
.chat-datelocation i {
	width: auto;
}
.left-comment .comment-info::before {
	border-right: 18px solid #fff;
	left: -15px;
	z-index: 1;
}
.comment-info .chat-content {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #111111 !important;
	word-wrap: break-word !important;
}
.left-comment .comment-info::after, .left-comment .comment-info::before {
	content: "";
	border-right: 16px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: 5px;
    top: 30px;
}

.num_serial {
	position: absolute;
	font-size: 12px;
	background: #000;
	width: 20px;
	height: 20px;
	left: 12px;
	border-radius: 50%;
	color: #fff;
	z-index: 99;
	text-align: center;
	font-weight: 700;
	top: -8px;
}
.qw-main {
	width: 100%;
	float: left;
	height: auto;
	border-bottom: 1px solid #ccc;
	position: relative;
	background: #c0c0c0;
}
.qw {
	width: 3%;
	float: left;
	height: auto;
	/* margin-left: 5px; */
	border-right: 1px solid #ccc;
	height: 245px;
	padding-right: 5px;
	padding-top: 20px;
	/* background: #ddd; */
	padding-left: 5px;
	text-align: center;
}
.qw1 {
	width: 25%;
	float: left;
	height: 245px;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}
.qw2 {
	width: 25%;
	float: left;
	height: auto;
	border-right: 1px solid #ccc;
	height: 245px;
	padding-right: 5px;
	padding-top: 10px;
}
.qw3 {
	width: 12%;
	float: left;
	height: auto;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	height: 245px;
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
	/* background: #ddd; */
}
.qw4 {
	width: 33%;
	float: left;
	height: auto;
	padding-top: 10px;
}
.right-comment .comment-info::before {
	border-left: 18px solid #fff;
	right: -15px;
	z-index: 1;
}
.right-comment .comment-info {
	background: #fff;
}
.right-comment .comment-info::after, .right-comment .comment-info::before {
	content: "";
	border-left: 16px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: 0px;
	top: 10px;
}

.comment-box .custom-fileupload label {
	padding: 20px;
	background: none;
	color: #284fa3;
	border-radius: 3px;
	margin-bottom: 0;
}
.comment-info p:first-child {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
}
.comment-box {
	padding-top: 15px;
}
.hidden {
	display: none !important;
}
.fa-paperclip::before {
	content: "";
	background: url('data:image/svg+xml;utf8,<svg height="48" viewBox="0 0 48 48" width="25" xmlns="http://www.w3.org/2000/svg"><path  d="M33 12v23c0 4.42-3.58 8-8 8s-8-3.58-8-8v-25c0-2.76 2.24-5 5-5s5 2.24 5 5v21c0 1.1-.89 2-2 2-1.11 0-2-.9-2-2v-19h-3v19c0 2.76 2.24 5 5 5s5-2.24 5-5v-21c0-4.42-3.58-8-8-8s-8 3.58-8 8v25c0 6.08 4.93 11 11 11s11-4.92 11-11v-23h-3z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>') center center no-repeat;
	padding: 12px;
}
.paperclip::before {
	content: "";
	background: url('data:image/svg+xml;utf8,<svg height="48" viewBox="0 0 48 48" width="25" xmlns="http://www.w3.org/2000/svg"><path  d="M33 12v23c0 4.42-3.58 8-8 8s-8-3.58-8-8v-25c0-2.76 2.24-5 5-5s5 2.24 5 5v21c0 1.1-.89 2-2 2-1.11 0-2-.9-2-2v-19h-3v19c0 2.76 2.24 5 5 5s5-2.24 5-5v-21c0-4.42-3.58-8-8-8s-8 3.58-8 8v25c0 6.08 4.93 11 11 11s11-4.92 11-11v-23h-3z"/><path d="M0 0h48v48h-48z" fill="none"/></svg>') center center no-repeat;
	padding: 12px;
}
.msg_upload_icon label i {
	font-size: 21px !important;
}
.chat_box .comment-box i {
	margin-left: 6px;
	font-size: 25px;
	cursor: pointer;
}

.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	border-radius: 0 !important;
	font-size: 30px;
	color: #fff;
	border: 0;
}
.emojiPicker {
	top: 320px !important;
}
.shortcode {
	display: none;
}
label.myLabel input[type="file"] {
	position: fixed;
	top: -1000px;
}
.myLabel {
	display: inline-block;
	padding: 20px 0;
}
#uploadFile {
	margin: 5px;
	display: none;
	padding-left: 5px;
}
.emojiPickerIcon {
	width: 30px !important;
	height: 30px !important;
	background-color: #cdcdcd !important;
	top: 0px !important;
	left: 1px !important;
	padding: 39px;
}
.emojiPickerIconWrap textarea {
	padding-left: 90px;
}

.msg_upload_icon label i {
	font-size: 21px !important;
}


.pad_l0 {
	padding-left: 0;
	margin-top: 2px;
}
.announcement_box .chat_userlist {
	background: #ececec;
	position: relative;
	height: 398px;
}
.announcement_box .chat_userlist h3 {
	text-align: center;
	background: #284fa3;
	color: #fff;
	padding: 10px 0;
}
.announcement_box .chat_userlist p {
	width: 300px;
	text-align: center;
	padding: 0px 10px;
	line-height: 35px;
	font-size: 20px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
}
.emojiPickerIconWrap {
	width: 100%;
}
.btn-as {
	font-size: 14px;
	float: left;
	margin-left: 4px;
}
.btn-qa {
	font-size: 14px;
	width: auto;
	float: left;
	margin-left: 5px;
}
.pad_l {
	padding-left: 4%
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: portrait) {
.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	font-size: 19px;
}
.comment-box .custom-fileupload label {
	padding: 13px 20px;
}
.emojiPickerIcon {
	padding: 31px;
}
.emojiPickerIconWrap {
	width: 100%;
}
.pad_l {
	padding-left: 5%
}
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: landscape) {
.comment-box .button1 {
	width: 90%;
	padding: 16px 0;
	font-size: 19px;
}
.comment-box .custom-fileupload label {
	padding: 13px 20px;
}
.emojiPickerIcon {
	padding: 31px;
}
.emojiPickerIconWrap {
	width: 100%;
}
.announcement_box .chat_userlist {
	height: 382px;
}
.announcement_box .chat_userlist p {
	font-size: 20px;
	height: 285px;
}
.announcement_box .chat_userlist h3 {
	font-size: 18px;
}
.btn-as {
	font-size: 12px;
	float: left;
	margin-left: 4px;
}
.btn-qa {
	font-size: 12px;
	width: auto;
	float: left;
	margin-left: 5px;
}
.pad_l {
	padding-left: 4.5%
}
}
@media (min-width: 320px) and (max-width:736px) {
.emojiPickerIcon {
	padding: 31px;
}
.comment-box .custom-fileupload label {
	padding: 10px;
}
.msg_upload_icon {
	right: 0;
}
.pad_l0 {
	padding-left: 15px;
}
.comment-box .button1 {
	width: 100%;
	padding: 13px 0;
	font-size: 22px;
}
}
/*announcements end*/

/*Community start*/

.userlist-scrol ul li {
	padding: 7px;
	border-bottom: 1px solid #ececec;
	position: relative;
}
.userlist-scrol ul {
	height: 100%;
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.userlist-scrol ul li span:first-child {
	width: 18%;
	display: inline-block;
	vertical-align: top;
}
.userlist-scrol ul li span:nth-child(2) {
	width: 80%;
	display: inline-block;
	padding-top: 10px;
	font-weight: 300;
	font-size: 16px;
	vertical-align: middle;
	color: #284fa3;
}
.userlist-scrol ul li p span {
	width: 98% !important;
	display: inline-block;
	vertical-align: top;
}
.pad5 {
	padding: 5px;
}
.userlist-scrol ul li span i {/*position: absolute; right: 20px; top:17px;*/
	position: absolute;
	right: 0;
	margin-right: 13px;
	color: #284FA3;
	font-size: 23px;
	z-index: 999;
	content: "";
}
.usercard-icon {
	background: url(../img/icons/userlist.svg) no-repeat center;
	background-size: 20px;
}
.search-icon {
	background: url(../img/icons/search-white.svg) no-repeat center;
	background-size: 20px;
	margin-right: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.user_status div span {
	display: block;
}
.user_status div small {
	position: relative;
	top: -9px;
	font-size: 12px;
}
.userlist-scrol ul li img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #d4dced;
}
.userlist-scrol .chatuser_sortinfo {
	display: none;
	font-family: 'Roboto', sans-serif;
	width: 215px;
	height: auto;
	position: absolute;
	transition: all 0.3s linear;
	z-index: 999;
	top: -15px;
	right: 120%;
	background: #cee2f9;
	color: #111;
	border-radius: 5px;
	border-right: 4px solid #284FA3;
	padding: 0px 0px 0 20px;
}
.userlist-scrol .chatuser_sortinfo img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 0;
	border: 0;
	position: relative;
}
.userlist-scrol .chatuser_sortinfo p {
	font-size: 12px;
	margin: 0;
	line-height: 18px;
}
.search_chatlistbox .chatuser_sortinfo span {
	width: 100% !important;
	color: #111;
	font-weight: 700;
}
.userlist-scrol .chatuser_sortinfo:after {
	content: "";
	position: absolute;
	border-left: 8px solid #284FA3;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	right: -8px;
	top: 16%;
}
.userlist-scrol ul li span i:hover .chatuser_sortinfo {
	display: block;
}
.userlist-scrol .u-date {
	font-size: 9px;
	margin-bottom: 0;
	color: #ff0909;
}
.user_status button i {
	margin-right: 10px;
}
.group_details {
	padding: 10px 20px;
	background: #3b4253;
	position: relative;
	z-index: 3;
}
.group_chat .group-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 15px;
	float: left;
}
.group_chat .group_name {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin-left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0;
}
.group_chat .group_name a {
	color: #fff;
}
.text_green i {
	width: auto;
	margin-right: 5px;/* top: 10px; */
	height: 17px;
}
.text_green {
	color: #5cb85c;
}
.custom-fileupload label {
	padding: 10px 25px;
	background: #284fa3;
	color: #fff !important;
	border-radius: 3px;
	cursor: pointer;
}
.custom-fileupload .fa-paperclip::before {
	content: "";
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: portrait) {
.userlist-scrol ul li span:first-child {
	width: 20%;
}
.userlist-scrol ul li span:nth-child(2) {
	width: 77%;
}
}
@media (min-width: 768px) and (max-width:1194px) and (orientation: landscape) {
.userlist-scrol ul li span:first-child {
	width: 20%;
}
.userlist-scrol ul li span:nth-child(2) {
	width: 77%;
}
}
/*Community start*/

/*icc modal box*/
.icc-new-items {
	background: #f1f1f1;
	display: inline-block;
	padding: 10px 0;
	border: 1px solid transparent;
	margin-bottom: 15px;
	position: relative;
	float: left;
	width: 100%;
}
.icc-new-items:hover {
	border: 1px solid #e8e8e8;
	box-shadow: 1px 1px 5px 0.3px rgba(0, 0, 0, 0.2);
}
.icc-new-items .input-group-addon {
	cursor: pointer;
}
.icc-new-items .icc_sub_btn {
	display: none;
}
.icc-new-items .input-group-addon:first-child {
	border-right: 0;
}
.icc-new-items .input-group-addon:last-child {
	border-left: 0;
}
.icc-new-items .input-group-addon {
	padding: 10px 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.icc-new-items i {
	width: auto;
	height: auto;
	display: inline-block;
	margin-right: 0px;
	vertical-align: bottom;
}
.select2-container {
	width: 100% !important;
}
#comment-form form {
	width: 100%;
}
#comment-form .button {
	padding: 0px;
	background: #284fa3;
	z-index: 4;
	color: #fff;
	border-radius: 3px !important;
	border-color: transparent;
	font-size: 12px;
	float: right;
}
.icc-new-items .bundle_main .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fff;
	border: 1px solid #acacac;
	opacity: 1;
}
.icc-new-items .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
.ele_bl {
	display: block;
	position: relative;
}
.icc-new-items .button {
	padding: 8px 10px;
	background: #284fa3;
	z-index: 4;
	color: #fff;
	border-radius: 3px !important;
	border-color: transparent;
	font-size: 18px;
	line-height: 0;
}
.d-inblock {
	display: inline-block;
}
.text_blue {
	color: #284fa3;
}
.text_red {
	color: #fe4738;
}
#add_hours .modal-dialog-slideout .modal-header h5 {
	float: none;
	line-height: 22px;
	font-size: 14px;
}
.pull-right {
	float: right;
}
#add_hours .modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
	height: auto;
	display: block;
}
#intervention_divdd .dropdown-menu {
	width: 750px;
	left: -175px;
}
#worknode-dashboard .ped-dialog .modal-content .close {
	position: absolute;
	right: 0;
	padding: 10px;
	background-color: #284FA3;
	z-index: 999;
}
#worknode-dashboard .modal-dialog {
	width: 96%;
	max-width: 100%;
	margin-right: 0;
}
#worknode-dashboard .table {
	width: 99%;
	margin-bottom: 1rem;
	color: #212529;
}
.btn-block {
	display: block;
	width: 100% !important;
	/*padding: 4px !important;*/
}
.spann {
	position: absolute;
	top: -14px;
	background: rgba(40,79,163,1);
	padding: 5px 10px;
	border-radius: 29px;
	left: 4px;
	font-size: 10px;
	color: #fff;
}
.ip_total {
	font-size: 18px;
	font-weight: 500;
	color: #333;
}
.btn-tabt {
	margin-bottom: 15px;
	width: 97%;
	border-bottom: 2px solid #ccc;
	float: left;
	margin-left: 20px;
}
.ip_table {
	width: 96%;
	margin: 0 auto;
}
.pagination > li {
	display: inline;
}
.pagination a.active {
	background-color: #4CAF50;
	color: white;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.save_edit_button1 li {
	float: left;
	margin-right: 5px;
}
.slide-badge {
	width: 80px;
	height: auto;
	position: absolute !important;
	cursor: pointer;
	background: #ccc;
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	bottom: -25px;
	left: 47%;
	text-transform: capitalize;
	padding: 4px;
}
.slide-badge::after {
	content: '';
	display: block;
	position: absolute;
	left: 38%;
	bottom: -67%;
	width: 0;
	height: 0;
	border-top: 10px solid #ccc;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent
}
.filter-btn {
	margin-top: 30px;
}
@media (width: 768px) {
.filter-btn {
	margin-top: 15px;
}
}
 @media (width: 834px) {
 .filter-btn {
margin-top:0px;
}
}

.filters  h3{
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
}

.filters .form-group label{ 
	font-weight: 400;
	color: #000000;
	font-size: .9rem;
	}

.br-15 {
    border-radius: 15px !important;
}
.br-t-l {
    border-radius: 10px 10px 0 0 !important;
}


.pad_l0 {
	padding-left: 0;
}
.announcement_box .chat_userlist {
	background: #f8f4f4;
	position: relative;
	height: 425px;
	padding: 10px 25px;
    border-radius: 15px;
}
.chat-boxx {
    border-bottom: 2px solid #ccc;
}
.announcement_box .chat_userlist h3 {
	text-align: center;
    background: transparent;
    color: #000;
    font-size: 16px;
    padding: 10px 0;
}
.btn-blue {
    background-color: #30509E !important;
    border-color: #30509E !important;
}
.announcement_box .chat_userlist p {
	width: auto;
    text-align: center;
    padding: 15px 10px;
    line-height: 28px;
    font-size: 14px;
    height: 215px;
    vertical-align: middle;
    background: #fff;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    position: relative;
    word-break: break-word;
	overflow-y: auto;
overflow-x: hidden;
}

.pad_l20 {
    padding-left: 20px;
}

.dk_blue_bg:hover {
	color:#fff !important
}

/*Cost Workbook Customize Styles
*/
form .form-control {
	font-size: .9rem;
}
.dark_bluebg {
	background: #226391 !important;
	padding: 5px 5px !important;
	border-radius: 0 !important;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
	border-radius: 0 !important;
	/* border-bottom-right-radius: 0 !important; */
}
span.input-group-text.dark_bluebg.text_white {
	font-weight: 900 !important;
	font-size: 16px !important;
}