/**************************************************************************/
/* Custom CSS */
/* Chrome, Safari, Edge, Opera */
/* @font-face {
	fontFamily: FontAwesome;
	embed-as-cff: true;
	src: url("../fonts/FontAwesome.otf");
	fontStyle: normal;
}

@font-face {
	fontFamily: FontAwesomeNonCff;
	embed-as-cff: false;
	src: url("../fonts/FontAwesome.otf");
	fontStyle: normal;
}
.fa{
	font-family:"FontAwesome";
} */
.search-block label.error{
	width: 100%;
    text-align: right;
}
.modal-content{
	overflow: auto;
}
#clients_access_multiSelect,#taxi_partners_access_multiSelect, #multi_client_login_multiSelect {
	width: 100%;
}
#clients_access_itemList ul li label, #taxi_partners_access_itemList ul li label, #multi_client_login_itemList ul li label,{
	white-space: nowrap;
  	overflow: hidden;
 	text-overflow: ellipsis;
}

.multiselect-list hr{
	display:none!important
}
.multiselect-list{
	width:96.1%;
}
.multiselect-wrapper ul li.active {
    background-color: unset!important;
    color: unset!important;
}
.#filterCollapsibleBtn.active{
	background: #2599d1;
    border: #2599d1;
}
.search-block{
	display:none;
}
.search-block input, .search-block label, .search-block select {
	font-size:12px;
}
.search-block{
	margin-top: 2rem;
}
.search-block label{
	padding-left:0px;
}
.contact-menu, .contact-menu:hover{
	background: #2c5e7b;
    color: #fff;
    border: 0px;
}
.notificationDetail{
	color:grey;
	cursor:pointer;
}
.notification-parent-block {
	position: fixed;
    bottom: 35px;
    right: 0px;
	z-index: 1;
	width: 25%;
}
.notification-block{
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    font-size: 16px;
    border-left: 5px solid green;
    color: #000;
    background-color: #d8e5d9;
    padding: 10px 5px;
    border-radius: 2%;
}
.notification{
	width: 85%;
    display: inline-block;
	margin-left:10%;
}
.notification-block span.dismiss {
    padding: 0 5px;
    cursor: pointer;
    top: 20%;
    right: 2%;
    color: grey;
    font-size: 25px;
    position: absolute;
}
.notification-block span.info-icon {
    padding: 0 5px;
    cursor: pointer;
    top: 20%;
    left: 0%;
    color: green;
    font-size: 26px;
    position: absolute;
}
.iframePreview iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



.notification-block span.dismiss .fa{
	-webkit-text-stroke: 2px #d8e5d9;
}
.filter-title{
	font-size: 12px;
    padding-left: 1.5em;
    color: #6a6a6a;
    padding-right: 1.5em;
}
.disabled-option{
	cursor:not-allowed;
    background: #e7e7e7;
    color: #000;
}
.filterBookingsBtn, #clearFilterBtn, #filterCollapsibleBtn{
	border-radius: 9%!important;
}
button:disabled{
	cursor:not-allowed;
}
.fa-filter-active{
	color:#00bcd4;
}
.font-filter{
	font-size: 1.05rem;
}
.fa-filter-close{
	font-size: 0.48rem;
    margin-left: -3px;
}
#filterBookingsForm input{
	font-size:18px!important;
}
#filterBookingsForm button{
	border: none;
    font-size: 26px;
    background: none;
	outline: none;
	color: #000;
}
.login-form2 .no-bottom-border{
	border-bottom: none !important;
}
.text-black{
	color:#000;
}
#smsTemplateForm #cke_1_top{
	display:none;
}
#smsTemplateForm #cke_1_contents{
	height:100px!important;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.copyToClipboard {
	display: inline !important;
	float: right;
	cursor: pointer;
}

.copyToClipboard:hover {
	font-size: 14px;
	opacity: 0.6;
}

#modal-view .modal-dialog {
	margin-top: 10px;
}

.input-bordered {
	border: 1px solid #e1e6ef !important;
}

.dynamicFieldsBlock {
	width: 100%;
	border-radius: 2px;
	border: 1px solid #bbb;
	color: #333;
	padding: 3px;
	background: white;
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	box-sizing: border-box;
	align-items: center;
	cursor: default;
	-webkit-rtl-ordering: logical;
	margin: 0em;
	font: 400 13.3333px Arial;
	height: 90%;
	overflow-y: scroll;
	max-height: 304px;
}

.dynamicFieldsBlock span {
	width: 100%;
	padding: 3px;
	font-size: 12px;
	display: inline-block;
}

.dynamicFieldsBlock span.active {
	width: 100%;
	display: inline-block;
	background-color: #4899c6;
	color: #fff;
	font-weight: 400;
}

.only-mobile {
	display: none;
}

#cover-spin {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 9999;
	display: none;
}

#cover-spin::after {
	content: '';
	background-image: url(../image/loader.gif);
	display: block;
	position: absolute;
	left: 48%;
	top: 40%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.allow-elipsis {
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-theme-sm {
	outline: none;
	color: #fff;
	border: 2px solid #6c747d;
	padding: 2px 10px;
	background-color: #2c5e7b;
}

#modal-view #smartwizard {
	min-height: 532px;
}

.pac-container {
	z-index: 10000 !important;
}

.addEmailBlock, .removeEmailBlock {
	display: block;
	padding: 2px 6px;
	margin-bottom: 6px;
	background-color: #2c5e7b;
	color: #fff;
	border: 2px solid #2c5e7b;
	font-size: 13px;
	cursor: pointer;
}

.viewEditAdd[data-type='activate'] {
	background-color: #008000;
	border-color: #008000;
	color: #fff;
}

.viewEditAdd[data-type='deactivate'] {
	background-color: #ff0000;
	border-color: #ff0000;
	color: #fff;
}

.viewEditAdd[data-type='refresh'] {
	background-color: #b6b8b9;
	border-color: #b6b8b9;
	color: #fff;
}

#operateBtn {
	padding: 2px 10px;
}

.btn-width {
	width: 72px !important;
}

.deactive-row {
	opacity: 0.8;
	background-color: #cececd !important;
}

.dynamic-form select[disabled] {
	color: unset;
	cursor: unset;
}

.dynamic-form input, .dynamic-form select, .dynamic-form label,
	.dynamic-form textarea {
	font-size: 0.875rem !important;
}

.cursor-pointer {
	cursor: pointer;
}

.close-btn {
	outline: none;
	color: #fff;
	border: 2px solid #6c747d;
	padding: 2px 10px;
}

.modal-header {
	padding: 7px 0px 7px 15px;
	margin: 2px;
}

.modal-header .close {
	margin: 0px;
	font-size: 30px;
	padding: 2px 10px;
}

.modal-header, .modal-header .close {
	background-color: #122f3e;
	color: #fff !important;
	outline: none;
}

.modal-header h4 {
	font-size: 1.35rem;
}

.login-screen input:focus {
	border: none;
}

.navbar .navbar-nav li a {
	line-height: 45px;
}

#cookie_consent {
	background: #9E9E9E;
	position: fixed;
	bottom: 0;
	float: left;
	z-index: 100000;
	width: 100%;
	color: #fff;
	padding: 20px;
}

#cookie_consent a.accept_cookies {
	margin: 0 5px;
	padding: 5px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background: #e1e1e1;
	border: 1px solid #e1e1e1;
	float: right;
}

.widget-body .table th {
	font-size: 14px;
	white-space: nowrap;
}

.widget-body .table td {
	font-size: 13px;
	padding-right: 3px !important;
	padding-left: 3px !important;
}

.toggle-btn {
	line-height: 45px;
}

.color-theme {
	color: #2c5e7b;
}

#menu-toggle-block {
	bottom: 115px;
	position: absolute;
	outline: none;
	border: none;
	cursor: pointer;
	padding-right: 0px;
	padding-left: 0px;
	background: #3c7a9e;
}

.width-5p {
	width: 5% !important;
}

.left-5p {
	left: 7% !important;
}

#frmSignin .form-group {
	margin-bottom: .5rem;
}

#frmSignin label.error {
	margin-bottom: 0px;
}

.footer {
	width: 100%;
	right: 0;
	bottom: 0;
	position: fixed;
	background-color: #b6b8b9;
	text-align: center;
	z-index: 100;
}

#smartwizard {
	padding-bottom: 1rem;
}

#smartwizard .disabled, #smartwizard button[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
}

.copyright {
	font-size: 10px;
}

.main-profile-pic {
	height: 20px;
	background: rgba(255, 255, 255, .8);
	width: 20px;
	border: 1px solid white;
}

::-webkit-scrollbar {
	width: 7px;
	height: 9px;
	background-color: white;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
	border-radius: 1px
}

::-webkit-scrollbar-thumb {
	border-radius: 1px;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
	background-color: silver
}

.col-form-label {
	padding-right: 0px;
}

.pull-right {
	float: right;
}

.navbar {
	position: fixed !important;
	top: 0px;
	width: 100%;
	z-index: 999;
}

.mobile-up-spacing {
	min-height: calc(100% - 300px);
	left: 15%;
	padding-top: .5rem;
	padding-bottom: 2rem;
}

.mobile-up-spacing-block {
	min-height: calc(100% - 300px);
}

input::-webkit-input-placeholder { /* Edge */
	color: #b5b5b5 !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b5b5b5 !important;
}

input::placeholder {
	color: #b5b5b5 !important;
}

.mandatory-field {
	color: red;
}

.reset-date {
	cursor: pointer;
	background-color: #2c5e7b;
	color: #FFF;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 18px;
	border: 1px solid #2c5e7b;
}

.datepicker table tr td.active {
	background: #2c5e7b !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover
	{
	color: #a8a6a6;
	opacity: 0.6;
}

.datepicker table tr td.old, .datepicker table tr td.new {
	color: #a8a6a6;
}

.pagination-block {
	text-align: center;
}

.pagination {
	display: inline-flex;
}

#exportToExcel, #searchRecords, .filterBookingsBtn, #clearFilterBtn, #viewSupportedFile, #filterCollapsibleBtn {
	background-color: #2c5e7b;
	color: #fff;
	border-radius: 5%;
	border: 2px solid #2c5e7b;
	padding-top: .375rem;
	padding-bottom: .375rem;
}

.allbooking-addnew {
	padding-top: .375rem;
	padding-bottom: .375rem;
}

.btn-theme {
	background-color: #2c5e7b;
	color: #fff;
	border: 2px solid #2c5e7b;
	border-radius: 5%;
}

.pagination li.active a, .pagination li.active span, .pagination li.active a:hover,
	.pagination li.active span:hover, .pagination li.active a:focus,
	.pagination li.active span:focus {
	background-color: #2c5e7b !important;
	border-color: #2c5e7b !important;
	color: #fff !important;
}

.page-link {
	color: #2c5e7b !important;
}

.address-heading {
	margin: 0.25rem 0rem;
	padding: 0rem 0.25rem;
}

.address-heading h3 {
	font-size: 16px;
	font-weight: bold;
}

.main-header {
	font-size: 29px;
	font-family: Kanit, sans-serif;
	font-stretch: extra-condensed;
	font-weight: 700;
	font-style: italic;
}

.navbar-toggler:focus {
	outline: none;
}

#menu-toggle {
	padding-top: 0px;
	color: #fff;
	font-size: 17px;
	outline: none;
	border: none;
	background: none;
	color: #fff;
}

#menu-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(44, 94, 123);
}

.hide-block {
	display: none !important;
}

.navbar-collapse {
	flex-grow: unset;
}

.nav-link:hover, .nav-link:active, .dropdown-toggle:active, .navbar .navbar-nav li .dropdown-toggle:active
	{
	background-color: #2c5e7b !important;
	opacity: 0.8;
}

.text-light {
	color: #fff;
}

.navbar {
	border-bottom: grey !important;
	background-color: #2c5e7b !important;
	color: #fff;
	border-bottom: 1px solid rgba(198, 211, 218, 0.94) !important;
}

html, body {
	height: 100%;
	min-height: 100%;
}

.login-body {
	background: #f5f5f5;
	height: 100%;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	scrollbar-base-color: #222;
	scrollbar-3dlight-color: #222;
	scrollbar-highlight-color: #222;
	scrollbar-track-color: #3e3e42;
	scrollbar-arrow-color: #111;
	scrollbar-shadow-color: #222;
	scrollbar-dark-shadow-color: #222;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.login-btn {
	background-color: #28A74A;
}

.signup-btn {
	border: 1px solid #43425D;
}

.login-screen input {
	border: none;
	border-bottom: 2px solid #E9E9F0 !important;
}

.login-screen-content {
	padding: 50px 100px;
	width: 100%;
}

.v-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.padding-x {
	padding: 0 3.5rem;
}

.white-bg {
	background-color: #fff;
	height: 100%;
}

.login-bg {
	background-image: url(../image/login-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.login-image {
	height: 100vh;
	width: 50vw;
}

.login-buttons {
	padding: 0px;
	margin-left: 0px;
}

.login-buttons button {
	width: 100%;
}

.p-r-0 {
	padding-right: 0px
}

.p-l-0 {
	padding-left: 0px
}

.form-padding {
	padding: 1.25rem 0rem 1.25rem 1.25rem;
}

.max-100vh {
	max-height: 100vh;
}

.home-logo {
	padding-right: 10px;
	border-right: 1px solid #105e7c;
}

.home-logo img {
	height: 60px;
}

.home-logo+button {
	margin-left: 30px;
	background: none;
	border: none;
	color: #000;
}

.home-logo+button:hover {
	background: none;
	color: #000;
}

.home-logo+button:active, .home-logo+button.active {
	background: none !important;
}

.home-logo+button:focus {
	box-shadow: none;
	border: none;
}

ul.navbar-nav+form {
	line-height: 2;
	text-indent: 10px;
}

ul.navbar-nav+form input {
	text-indent: 6px;
	width: 100%;
	background: #e9eaec;
	border: none;
}

.flex-container {
	display: flex;
}

.sidebar-menu-block {
	background-color: #2c5e7b;
	border-radius: 0;
	width: 15%;
	height: 100%;
	position: fixed;
	z-index: 0;
}

.sidebar-menu {
	background-color: #2c5e7b;
	border: none;
	/* position:fixed; */
}

.sidebar-menu .list-group-item {
	background: none;
}

.sidebar-menu .list-group-item-action {
	color: #fff;
	border: none;
	padding-left: 1.25rem;
	padding-right: 0.25rem;
}

.sidebar-menu .list-group-item-action.active {
	color: #5ab8ed;
	border: none;
}

.section-full-height {
	/*    height:100%; */
	height: 100%;
	padding-top: 80px;
}
/*.section-full-height > div{
    height:var(--full-height);
}*/
.section-full-height>div  .sidebar-menu {
	/*  height:100%; */
	height: max-content;
}

.sidebar-menu .card-body {
	padding: 0;
}

.next-btn {
	letter-spacing: 4px;
}

/**************************************************************************/
/* OverRight Bootstrap CSS */
.navbar .navbar-brand {
	background: none;
	border: none;
	border-right: 1px solid #105e7c;
}

.navbar .navbar-brand img {
	opacity: 1;
}

.navbar {
	height: 80px;
}

.nav-tabs .nav-item a {
	color: #c2c6c9;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	/*
   color:#454545;
    background-color:transparent !important;
    border-color:transparent !important;
	
		Commented by Sharvan - AND added below properties
	*/
	color: #fff;
	background-color: #2e6082;
	border-color: transparent !important;
}

.card-body h2 {
	font-size: 20px;
	background-color: #2c5e7b;
	color: #fff;
	padding: 20px;
}

.table .thead-dark th {
	background: #2c5e7b !important;
	border: 1px solid #fff;
}

label.error {
	color: red;
	font-size: 14px;
	font-weight: 500;
}

label.warning {
	color: red;
	font-size: 14px;
	font-weight: 500;
	color: #b37905;
	background: #feefd2;
	border-color: #fabb3d;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 3px;
	display: none;
}

.m-t-20 {
	margin-top: 20px;
}

.add-btn {
	color: #1985ac;
	display: block;
	padding: .5rem 1rem;
}

.address-block {
	padding: 2px;
	margin: 0px 10px 20px 0px;
}

textarea.textarea-max-height {
	max-height: 60px;
	display: block;
	overflow-y: scroll;
	resize: none;
}

/**************************************************************************/
/* Media Queries*/
@media screen and (min-width: 768px) {
	a.navbar-brand {
		position: absolute;
		width: auto;
	}
}

@media screen and (max-width:1024px) {
	.width-5p {
		width: 6% !important;
	}
	.notification-parent-block {
		width: 30%;
	}
	.notification{
		margin-left:12%;
	}

}

@media screen and (max-width:420px) {
	.search-block label{
		text-align:right;
	}
	#modal-view.special-modal .modal-body {
		padding: 0px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#exportToExcel, #searchRecords, .allbooking-addnew {
		width: 45%;
	}
	.notification-parent-block {
		width: 55%;
	}
	.notification-block{
		font-size: 10px;
	}
	.notification-block span.dismiss {
		font-size: 18px;
	}
	.notification-block span.info-icon {
		font-size: 18px;
	}
}

@media ( min-width : 992px) { /* .copyToClipboard {
		display: none!important;
	} */
}

@media screen and (max-width:991px) {
	.dynamicFieldsBlock {
		max-height: 370px;
	}
	.only-mobile {
		display: block;
	}
	.section-full-height {
		padding-top: 0px;
	}
	.col-form-label {
		padding-right: 0px;
		padding-left: 3px;
	}
	.navbar .navbar-nav {
		display: none;
	}
	.login-screen-content {
		padding: 0px;
	}
	.login-body {
		padding-top: 0;
		height: auto;
	}
	.home-logo+button {
		display: none;
	}
	.navbar-expand-lg {
		position: fixed;
		z-index: 10;
		width: 100%;
		height: 90px;
	}
	.home-logo {
		border: none;
	}
	.mobile-up-spacing {
		padding-top: 100px;
		left: unset;
	}
	.mobile-up-spacing-block {
		padding-top: 100px;
	}
	.section-full-height {
		margin-left: 0px;
	}
	.home-logo {
		margin: 15px;
	}
	.navbar-toggler {
		margin: 15px;
	}
	ul.navbar-nav+form {
		text-indent: 0;
	}
	.navbar-collapse {
		box-shadow: rgb(179, 179, 179) 0px 2px 12px;
		background: #fff;
	}
	.list-group-item {
		padding: 0px 20px;
	}
	.modal-dialog {
		max-width: 730px !important;
	}
}
.contactUs{
	font-size:20px !important;
	color: white !important;
}