
/*
    custom styles
*/
body {
    font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding-top: 40px;
}
.custom-top-navbar {max-height: 44px; !important;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .custom-top-navbar {max-height: 100%; !important;} }
.container-md {
	max-width: 1165px;
}
.mt-40 {
	margin-top: 40px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.well-bg-gray { background: #eeeeee }
.bg-dark-blue {
    background-color: #1B4761 !important;
}
.bg-blue-dark {
	background-color: #0b0d0f;
}

.bg-snow-white {
	background-color: #f8f8ff;
}

.bg-snow-white-transparent {
	background-color: #f8f8ffed;
}

/*#main_content { margin-top: 40px }*/
/*#main_content_page { margin-top: 60px; }*/
#main_content {
	padding-left: 3rem!important;
	padding-right: 3rem!important;
}
#main_content.full {
	padding-left: 0!important;
	padding-right: 0!important;
}
.mx-2-custom {
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.mx-3-custom {
	margin-left: 3%;
	margin-right: 3%;
}
#welcome_dashboard_icons div a img {
	max-width: 85%;
	vertical-align: middle;
	border: 0;
}
#servicePlansInDevelopmentHeader {
	max-width: 560px;
	background: #47A3DA 0 0 no-repeat padding-box;
	border-radius: 39px;
	opacity: 1;
}
#servicePlansInDevelopmentHeader .text1 {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 1px;
}
#servicePlansInDevelopmentHeader .text2 {
	color: #fff;
	font-size: 18px;
	font-weight: inherit;
	letter-spacing: 5.5px;
	margin-left: 15px;
}
@media (max-width: 1600px) {
	#servicePlansInDevelopmentHeader .text1 {
		font-size: 22px;
	}
	#servicePlansInDevelopmentHeader .text2 {
		font-size: 16px;
	}
}

#servicePlansInDevelopment {
	width: auto;
	max-height: inherit;
}
#servicePlansInDevelopment .count {
	color: #fff;
	font-size: 70px;
	font-weight: 800;
	letter-spacing: 1px;
	margin-top: 45px;
}
#servicePlansInDevelopment .text {
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1.5px;
	margin-top: 40px;
}
.attention {
	padding: 0;
	background: transparent;
}
.attention.good, .attention.watch, .attention.amber {
	background: transparent;
}
.attention.good.toggled, .attention.watch.toggled, .attention.watch.amber {
	background: transparent;
}
.attention .additional_information {
	margin-left: 0;
	display: block;
	height: auto;
	overflow: hidden;
	background: transparent;
}
.attention.good .additional_information, .attention.watch .additional_information, .attention.amber .additional_information {
	padding: 0;
	height: auto;
	background: transparent;
}
#service_dash_box {
	padding: 0;
	background-color: transparent;
	position: relative;
}
#servicePlanTableHome_wrapper th {
	background-color: #47A3DA;
}
#servicePlanTableHome_wrapper th:first-child {
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#servicePlanTableHome_wrapper td {
	background-color: #f8f8ff;
}
#servicePlanTableHome_wrapper td:first-child {
	padding-left: 5px;
}

fieldset {
    border: 0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.legend {
	padding: 5px !important;
}
.page-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.page-title, .page-header h3 {
	margin: 20px 0 10px;
}
.help-inline {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
/*.label {
	padding: 1px 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.label, .badge {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	white-space: nowrap;
	vertical-align: baseline;
}*/
.label,
.badge {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #999999;
}
.label {
	font-size: 11px;
	padding: 2px 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.badge {
	font-size: 11px;
	padding: 2px 10px 2px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
a.label:hover,
a.badge:hover {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
.label-important,
.badge-important {
	background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
	background-color: #953b39;
}
.label-warning,
.badge-warning {
	background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
	background-color: #c67605;
}
.label-success,
.badge-success {
	background-color: #468847;
}
.label-success[href],
.badge-success[href] {
	background-color: #356635;
}
.label-info,
.badge-info {
	background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
	background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
	background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
	background-color: #1a1a1a;
}
.label:empty, .badge:empty {
	background-color: transparent;
}
.SumoSelect {
	line-height: 17px;
}
.SumoSelect .form-control:disabled, .form-control[readonly] {
	/*opacity: 0;*/
}
.SumoSelect .select-all {
	padding: 0px 0px 3px 35px !important;
}
.SumoSelect label {
	margin-bottom: 0 !important;
}
.pagination > ul {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 4px;
}
.pagination>li>a, .pagination ul>li>span {
	text-decoration: none !important;
}
.custom-navbar {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 4px rgb(0 0 0 / 7%);
}

.navbar {
	padding: 0 0;
	/*line-height: 16px;*/
}
.navbar-wrapper {
	display: flex;
	margin-left: 2.5%;
	margin-right: 2.5%;
	width: 100%;
}
.nav-header {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999;
	text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
	text-transform: uppercase;
}
.navbar-nav {
	position: relative;
	left: 0;
	float: left;
	/*margin: 0 40px 0 0;*/
}

.navbar .nav {
	/*margin: 0 10px 0 7px;*/
}

.navbar .nav > li >.dropdown-menu:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #fff;
    border-left: 1px solid #f2f2f2;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.show > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active >.dropdown-toggle {
	color: #fff;
	/*background-color: #111;*/
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #999;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: 1.5rem;
}
.navbar .nav > li > a {
	float: none;
	font-size: 12px;
	padding: 10px 15px 10px !important;
	color: #777;
	text-decoration: none;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a, .nav-pills>li>a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
}
.nav-tabs.nav-stacked>li>a {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}
.nav-tabs.nav-stacked>li>a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-stacked>li>a {
	margin-right: 0;
}
.navigation_stepped nav {
	padding: 12px 20px 10px 20px;
}
.nav-tabs .nav-item.show .nav-link {
	background-color: #999;
}
.nav .divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}
#reportsTable .nav>li>a:hover {
	text-decoration: none;
	background-color: #eee;
}
.existingServices.nav-item.show .nav-link {
	background-color: #fff;
}
#secondary_menu .nav-tabs .nav-link.active {
	background-color: #545b62;
}
a.svg {
	position: relative;
	display: inline-block;
}
a.svg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}
.collapsing {
	height: auto !important;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	color: #fff;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	/*z-index: 1000;*/
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.dropdown-submenu{
	position: relative;
}
.dropdown-toggle::after {
	/*margin-left: .2em;
	vertical-align: .255em;
	border-top: .355em solid;
	border-right: .355em solid transparent;
	border-bottom: 0;
	border-left: .355em solid transparent;*/
}
.dropdown-menu a {
	display: block;
	padding: 8px 14px;
	clear: both;
	font-weight: normal;
	/*line-height: 20px;*/
	color: #333;
	white-space: nowrap;
}
.dropdown-submenu a::after{
	transform: rotate(-90deg);
	position: absolute;
	right: 10px;
	top: 47%;
}
.dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
	display: flex;
	flex-direction: column;
	position: absolute !important;
	margin-top: -30px;
	left: 100%;
}
@media (max-width: 992px) {
	.dropdown-menu{
		width: 50%;
	}
	.dropdown-menu .dropdown-submenu{
		width: auto;
	}
}
.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.progress {
	font-size: 12px;
    height: 1.5rem;
}
.form-control {
	font-size: 11px !important;
	height: calc(1.5em + 1rem + 2px);
	line-height: 1.5;
	border-radius: .3rem;
}
.form-control:focus {
	box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%);
}
.form-control.invalid {
	border: 1px solid red;
}
select.form-control[multiple], select.form-control[size] {
	height: calc(1.5em + 1rem + 2px);
}
.col-form-label { /*font-weight: bold;*/ }
.col-form-label.required:after {
	content:"*";
	color:red;
	padding: 2px;
}
.input-group.col-sm-6 {
	padding-left: 0rem;
}
.input-group {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.input-group-prepend > .input-group-text:empty, .input-group-append > .input-group-text:empty { display: none }
.input-group-prepend > .input-group-text > a.hide, .input-group-append > .input-group-text > a.hide {
	display: none;
}
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}
.input-mini {
    width: 45px !important;
}
.input-small {
	width: 65px !important;
}
.input-small-x1 {
	width: 80px !important;
}
.input-medium {
	width: 150px !important;
}
.input-medium2 {
	width: 175px !important;
}
.input-large {
	width: 210px !important;
}
.input-xlarge {
	width: 270px;
}
.input-xlarge2 {
	width: 362px;
}
.input-xxlarge {
	width: 390px !important;
}
.input-xxxlarge {
	width: 790px !important;
}
.input-bg-warning {
	background-color: #fff2cc !important;
}
.input-bg-danger {
	background-color: #ffd0d0 !important;
}
.onoffswitch-switch {
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
}
.multiselect-container>li>a>label {
	padding: 3px 10px 3px 10px;
}
.modal-custom-xl {
	max-width: 94%;
	/*margin: auto;*/
}
.modal-custom-lg {
	max-width: 74%;
	/*margin: auto;*/
}
.modal-content {
	border: 1px solid rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
	box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
}
.dataTables_filter .form-control, .modTables_filter .form-control {
	font-size: 11px;
	height: calc(0.75em + 1rem + 2px);
}
.dataTables_wrapper select.form-control.input-page-limit {
	font-size: 11px;
	height: calc(0.75em + 1rem + 2px);
}
div.dataTables_wrapper div.dataTables_filter {
	float: right;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}
.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
	border-top: 0;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:after {
    display: none;
}
table.dataTable > thead > tr > th:not(.sorting_disabled),
table.dataTable > thead > tr > td:not(.sorting_disabled) {
	/* padding-right: 30px; */
	padding-right: 0;
}
table.dataTable tr.odd { background-color: #f9f9f9 }
table.dataTable tr.even{ background-color: #ecececa3 }

table.dataTable tr.alert-warning { background-color: #fff3cd }
.table {margin-bottom: 0;}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	/*text-align: center;
	vertical-align:middle ;*/
}
.table thead th {
	border-bottom: 1px solid #dee2e6;
}
table.table thead .sorting {
	background: url('img/sort_both.png') no-repeat center right;
}
table.table thead .sorting_asc {
	background: url(img/sort_asc.png) no-repeat center right;
}
table.table thead .sorting_desc {
	background: url(img/sort_desc.png) no-repeat center right;
}
table.table thead .sorting_disabled {
	background: none;
}
.table-bordered {
	/*border: 1px solid #ddd;
	border-collapse: separate;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}
.table-condensed th, .table-condensed td {
	padding: 2px 2px 2px 2px;
	line-height: 20px;
}
.table-body-lh.table-condensed th,
.table-body-lh.table-condensed td,
.modal-body-lh .table-condensed th,
.modal-body-lh .table-condensed td {
	line-height: 20px;
}
.table-condensed input[type=checkbox], .table-condensed input[type=radio] {
	/*margin-top: 5px;*/
}
.table tbody tr.success td {
	background-color: #dff0d8;
}
.table tbody tr.error td {
	background-color: #f2dede;
}
.table tbody tr.warning td {
	background-color: #fcf8e3;
}
.table tbody tr.info td {
	background-color: #d9edf7;
}
.table-hover tbody tr.success:hover td {
	background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
	background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
	background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
	background-color: #c4e3f3;
}

.table td, .table th {
	/*padding: .25rem;*/
	vertical-align: middle;
}
th.centerAlign, td.centerAlign {
	text-align: center !important;
}
.table .form-control {
	/*display: inline-block !important;*/
}
a.paginate_button {
	padding: 5px;
	cursor: pointer;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

.glyphicon {
    /*color: #000;*/
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	/*width: 14px;
	height: 14px;
	margin-top: -2px;
	margin-right: .1em;
	line-height: 14px;
	vertical-align: text-top;
	background-position: 14px 14px;
	background-repeat: no-repeat;
	top: -1px;*/
}
.glyphicon.icon-white {
	color: #fff;
}
.glyphicon.glyphicon-calendar { font-size: 12.5px !important; top: 0; }
.glyphicon.glyphicon-th-large { font-size: 14px !important; top: -1px;}
.show {
    display: block;
}
.hide {
    display: none;
}
.hidden {
	/*display: block;*/
	visibility: hidden;
}
.input-group-prepend, .input-group-append {
	background-color: #eee;
	/*border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: -3px !important;
	text-align: center;
	white-space: nowrap;*/
}
.custom-mt-5 {
    margin-top: 5px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h3 {
	font-family: 'Montserrat' !important;
	font-size: 24px;
}
h5, .h5 {
    font-size: 11px;
	line-height: 20px;
}
p {
	margin: 0 0 10px;
}
.badge {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 1px 9px 2px;
	vertical-align: baseline;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
 .badge-default {
	 color: #fff;
	 text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	 white-space: nowrap;
	 vertical-align: baseline;
	 background-color: #999;
 }

.btn {
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
}
.btn-default {
	color: #333;
	background-color: #f5f5f5;
	border-color: rgba(0,0,0,0.1);
}
.btn-default:hover {
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
}
.btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 17px;
}
.btn-small {
	padding: 3px 9px;
	font-size: 11px;
	line-height: 18px;
}
#files_search_button {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
	border-radius: 0;
	margin-left: 0 !important;
	width: 45px;
	height: 28px;
}
#uploadEmailNotificationLink.btn-success {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
	box-shadow: none;
}
#uploadEmailNotificationLink.btn-danger {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
	box-shadow: none;
}

#create_folder_container > .input-group-append {
	border-radius: 0;
	margin-left: 0 !important;
	height: 28px;
}
#create_folder_container > .input-group-append:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.attention .number {
  /*top: -10px;*/
}

.close {
	float: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
}
.popover {
	max-width: 500px;
	font-size: 11px;
	background: transparent;
	border:0;
}
.popover-header {
	padding: 8px 14px;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	background-color: #455a64;
	color: #ffffff;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-body, .modal-body {
	padding: 10px 12px;
	max-height: 500px;
	overflow: auto;
	background: #fff;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-bottom-left-radius: .3em;
	border-bottom-right-radius: .3em;
}
.toast {
	font-size: 11px !important;
}

.calendar .calendar-header table th.disabled,
.calendar .calendar-header table th.disabled:hover,
.calendar .calendar-header .year-title.disabled {
	color: #000 !important;
	cursor: pointer !important;
}

/*RK*/
.welcome-txt{font-size:48px;color:#0C3959;/* font-family: Calibri;*/ font-weight: bold;}
.welcome-txt.pt-40{padding-top: 40px;}
.welcome-content{color: #a0a9b4;font-size: 20px; line-height: 30px;}
.icon-square-box {
	/*width: 168px;*/
	background-color: #f8f8ffed;
	display: inline-block;
	border-radius: 2.5rem!important;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	transition: 0.3ms ease-in;
	padding: 20px;
	margin: 20px 44px 20px 0;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.icon-square-box {
		/*width: 133px;
		height: 144px;*/
		margin: 15px 10px 15px 10px;
	}
}
.icon-square-box:hover {
	box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
	transition: 0.3ms ease-out;
}
.icon-square-box a:hover {
	text-decoration: none;
	color: inherit;
}
.icon-text {
	color: black;
	font-size: 14px;
	font-weight: 600;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.icon-text {
		font-size: 12px;
	}
}
.service-plans-square-box {
	width: 155px;
	height: 160px;
	background-color: #f8f8ffed;
	display: inline-block;
	border-radius: 3.5rem!important;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	transition: 0.3ms ease-in;
	padding: 15px;
	margin: 20px 30px 20px 0;
}
@media (max-width: 1600px) {
	.service-plans-square-box {
		width: 133px;
		height: 138px;
		padding: 15px;
		margin: 20px 30px 20px 0;
	}
	#servicePlansInDevelopment .count {
		font-size: 64px;
		margin-top: 35px;
	}
	#servicePlansInDevelopment .text {
		font-size: 12px;
		margin-top: 35px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.service-plans-square-box {
		/*width: 130px;
		height: 138px;*/
		padding: 18px;
		margin: 15px 10px 15px 10px;
	}
	#servicePlansInDevelopment .count {
		font-size: 56px;
		margin-top: 30px;
	}
	#servicePlansInDevelopment .text {
		font-size: 11px;
		margin-top: 28px;
	}
}
.service-plans-square-box:hover {
	box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
	transition: 0.3ms ease-out;
}
.service-plans-square-box a:hover {
	text-decoration: none;
	color: inherit;
}
.table-scroll{overflow: auto;}
.DTFC_LeftHeadWrapper{height: 57px;}
.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper {
	background-color: #fff;
}
.DTFC_LeftBodyLiner table.dataTable {
	margin-top: 0 !important;
}
div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer {
	border-bottom: 1px solid #dee2e6;
}

.arrivalselect{
	width:20% !important;
}
.bg-warning {
	background-color: #fbb450!important;
}

.input-group-text{font-size:11px !important;}
.existingUsers.table>thead>tr>th, .existingUsers.table>tbody>tr>th, .existingUsers.table>tfoot>tr>th,
.existingUsers.table>thead>tr>td, .existingUsers.table>tbody>tr>td, .existingUsers.table>tfoot>tr>td{width: 19% !important;}
.existingUsers.table>thead>tr>th:first-child, .existingUsers.table>tbody>tr>td:first-child{width: 5% !important;}
.reducecol{
    flex: 0 0 10.666667%;
    max-width: 10.666667%;
}
.reducesupplier{
	 flex: 0 0 14.666667%;
	 max-width: 14.666667%;
 }
.reducedate{
	flex: 0 0 15.066667%;
	max-width: 15.066667%;
}
tbody.checkdate tr td{
	white-space: nowrap;
}
.microModal__container.w-1200{min-width: 1200px;}
@media screen and (max-width: 767px){
    body, .container-fluid{padding-left: 0; padding-right: 0;}
	.microModal__container.w-1200{min-width: 100%;}
}
#facilityPermissionsTable .label {
	white-space: break-spaces;
}
.ttable th{width: 200px;}
.input-medium.w-90{width:90px !important;}
.input-medium.w-130{width:130px !important;}
.input-large.w-250{width:250px !important;}
.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-3 { width: 3% !important; }
.w-4 { width: 4% !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-13 { width: 13% !important; }
.w-14 { width: 14% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }

.h-5 { height: 5% !important; }
.h-10 { height: 10% !important; }
.h-15 { height: 15% !important; }
.h-20 { height: 20% !important; }

#item_master_modal {
	left : auto !important;
}

.m_departure_country_selector .ms-drop,.m_arrival_country_selector .ms-drop,.m_departure_selector .ms-drop{
	/*width: auto;*/
}
/*
table.dataTable{margin-top: 5px !important;}
*/
/*.DTFC_LeftBodyLiner{top: 4px;}*/
/*RK*/

.tooltip { pointer-events: none; }
.tooltip-inner {
	max-width: 750px;
	font-size: 11px;
}
#allergens_nutritions_modal .microModal__container{
	 max-width: 85% !important;
	 max-height: 500px;
}

#imc_allergens_modal .microModal__container{
	 max-width: 85% !important;
	 max-height: 500px;
}

#item-images-table-wrapper, #imc-item-images-table-wrapper {
	height: 360px;
	overflow: auto;
}

#item-images-table-wrapper .item-image-link, #imc-item-images-table-wrapper .item-image-link {
	margin: 4px;
	border: 1px solid #fff;
	cursor: pointer;
}

#item-images-table-wrapper .item-image-link:hover, #imc-item-images-table-wrapper .item-image-link:hover {
	border: 1px solid #000;
}

#item-images-table-wrapper .item-image, #imc-item-images-table-wrapper .item-image {
	max-width: 80px !important;
	max-height: 80px !important;
	background-size: cover;
	background-position: center;
	background-color: #fff;
}

#item-images-table thead tr th, #imc-item-images-table thead tr th {
	position: sticky;top: 0;background-color: #455A64;z-index: 1;
}

.image-preview-container-td, .image-preview-container, .imc-image-preview-container-td, .imc-image-preview-container {
	height: 340px;
}

.image-preview-container, .imc-image-preview-container {
	position: fixed; top: 50%; left: 64.15%; transform: translate(50%, -32%); width: 380px; height: 340px; padding: 10px; background-color: white;
}
.image-preview-container .carousel-item img, .imc-image-preview-container .carousel-item img {cursor: pointer; background-size: cover; background-position: center; max-width: 340px; max-height: 320px;}
@media only screen and (max-width: 1680px) {
	#item-images-table-wrapper, #imc-item-images-table-wrapper {height: 320px;}
	.image-preview-container-td, .image-preview-container, .imc-image-preview-container-td, .imc-image-preview-container {height: 320px;}
	.image-preview-container, .imc-image-preview-container {
		transform: translate(50%, -30%); left: 65.5%; width: 300px; height: 300px;
	}
	.image-preview-container .carousel-item img, .imc-image-preview-container .carousel-item img { max-width: 300px; max-height: 280px; }
}
@media only screen and (max-width: 1366px) {
	#item-images-table-wrapper, #imc-item-images-table-wrapper {height: 300px;}
	.image-preview-container-td, .image-preview-container, .imc-image-preview-container-td, .imc-image-preview-container {height: 280px;}
	.image-preview-container, .imc-image-preview-container {
		transform: translate(50%, -28%); left: 63.5%; width: 280px; height: 280px;
	}
	.image-preview-container .carousel-item img, .imc-image-preview-container .carousel-item img { max-width: 280px; max-height: 265px; }
}

#toggle_approve_all_item_images:hover, #toggle_guide_all_item_images:hover {
	color: white;
}

#toggle_approve_all_imc_images:hover, #toggle_guide_all_imc_images:hover {
	color: white;
}
#showAttachedContainer {
	visibility: hidden;
	transition: visibility .5s, max-height .5s;
	max-height: 0;
	overflow: hidden;
	margin-top: -10px;
}

#showAttachedContainer.show {
	visibility: visible;
	max-height: 350px;
}
#componentAttachedTable_filter, #componentDetachingTable_filter { display: flex }
#componentAttachedTable_filter label, #componentDetachingTable_filter label {
	display: inline-flex !important;
	align-items: center;
	margin-left: auto;
	margin-right: 0;
}
#componentAttachedTable_wrapper thead th, #componentSelectedTable_wrapper thead th {
	background-color: rgb(69, 90, 100) !important; color: rgb(255, 255, 255) !important;
}

.title_subheading {
	font-family: 'Montserrat';
	background: #90A4AE;
	color: white;
	padding: 5px 10px;
	border-radius: 3px;
}

.enhanced-dropdown + .multiselect-container.standard {
	width: 1000px;
	left: -425px !important;
	grid-template-columns: repeat(3, 1fr);
}

.enhanced-dropdown + .multiselect-container.medium {
	width: 1200px;
	min-height: 400px;
	left: -515px !important;
	grid-template-columns: repeat(4, 1fr);
}

.enhanced-dropdown + .multiselect-container.standard {
	width: 1000px;
	left: -418px !important;
	grid-template-columns: repeat(3, 1fr);
}

.enhanced-dropdown + .multiselect-container.medium {
	width: 1300px;
	min-height: 400px;
	left: -565px !important;
	grid-template-columns: repeat(4, 1fr);
}

.multiselect-container li.multiselect-group-clickable > label {
	font-size: 12px;
	font-weight: 500;
	color: black;opacity: .55;
	white-space: nowrap;
}

.multiselect-container li > a:has(input[value="hidden"]) {
	display: none;
}
.multiselect-container input[value="hidden"] {
	display: none;
}

.ms-drop ul > li label {
	position: relative;
	padding-left: 2.25rem !important;
	margin-bottom: 0;
	font-weight: normal;
	display: block;
	white-space: nowrap;
	cursor: pointer;
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
	position: absolute;
	margin-top: .3rem;
	margin-left: -18px !important;
}

.ms-drop span {
	padding-left: 3px
}

#aircraft_select input[type=checkbox],
#flights_select input[type=checkbox],
#class_select input[type=checkbox],
#route_region_select input[type=checkbox],
#supplier_select input[type=checkbox],
#facility_select input[type=checkbox],
#plan_status_select input[type=checkbox],
#crew_facility_select input[type=checkbox],
#departure_select input[type=checkbox],
#arrival_select input[type=checkbox]  {
	margin-bottom: 0px;
	vertical-align: middle;
}


#aircraft_select > div > ul,
#flights_select > div > ul,
#class_select > div > ul,
#route_region_select > div > ul,
#supplier_select > div > ul,
#facility_select > div > ul,
#plan_status_select > div > ul,
#crew_facility_select > div > ul,
#departure_select > div > ul,
#arrival_select > div > ul {
	min-width: 0px;
	width: 120px
}

#aircraft_select > div,
#flights_select > div,
#class_select > div,
#route_region_select > div,
#supplier_select > div,
#facility_select > div,
#plan_status_select > div,
#crew_facility_select > div,
#departure_select > div,
#arrival_select > div {
	display: block;
}


#aircraft_select > div > button,
#flights_select > div > button,
#class_select > div > button,
#route_region_select > div > button,
#supplier_select > div > button,
#facility_select > div > button,
#plan_status_select > div > button,
#crew_facility_select > div > button,
#departure_select > div > button,
#arrival_select > div > button  {
	height: 28px;
	border: 1px solid #ced4da !important;
}

.ms-choice>span.placeholder {
	color: #495057 !important;
}

/*#flights_select > div > button {
	border: 1px solid #ced4da !important;
	width: 120px !important;
	background-color: #FFF;
}*/

ul.multiselect-container.dropdown-menu {
	background-color: #FFF;
}

.aircraftCloneList
{
	width: 120px;
	height: 150px;
	overflow: hidden scroll;
}

#invoiceListTable_wrapper {
	max-height: 400px;
	overflow-y: auto;
}

#invoiceListTable thead {
	position: sticky;
	top: 0;
	background-color: #455a64;
}

.routeMealServiceTypeContainer {position: absolute;top: -8px;}
.routeMealServiceTypeContainer.left-200 {left: 200px;}
.routeMealServiceTypeContainer.left-400 {left: 405px;}

#comments_table_filter {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#serviceRowList .add_to_invoice {
	background: #4CAF50;
	color: white;
	border: 0;
	padding: 6px 12px;
	border-radius: 4px;
}

#serviceRowList .show_more_image {
	max-width: 40px;
	border-radius: 999px;
}

#serviceRowModalTable_filter {
	display: none;
}

.file_input_srg {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.file_input_srg + label {
	color: white;
	background-color: #607D8B;
	display: inline-block;
	cursor: pointer;
	padding: 5px 15px;
	border-radius: 3px;
	vertical-align: middle;
	/* display: inline-block; */
	justify-items: end;
	justify-content: flex-start;
	margin-top: 31px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
}

.file_input_srg:focus + label,
.file_input_srg + label:hover {
	background-color: #546E7A;
}

.show_more .show_more_container {
	transition: all .5s ease;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: 999;
	width: 200px;
	left: -50%;
	transform: translateX(-40%);
	background: white;
	border: 1px solid #cecece;
	padding: 10px;
	box-shadow: -1px 2px 13px 0px #7b7b7b;
}
.show_more {
	position: relative;
}
.show_more:hover .show_more_container {
	opacity: 1;

}
.has_image {
	color: #4CAF50!important;
}
.editUG-btn,
.closeEditUG-btn {
	cursor: pointer;
}
.editUG-btn:hover,
.closeEditUG-btn:hover {
	opacity: 0.7;
}