/* evictyride css */
::-webkit-scrollbar {
 width:8px;
 height:8px;
 background-color: #f2f2f2;
 border-radius:10px
}
::-webkit-scrollbar-thumb {
 cursor:pointer;
 background-color: #afafaf;
 border-radius:10px
}
::-moz-scrollbar {
 width:8px;
 height:8px;
 background-color: #f2f2f2;
 border-radius:10px
}
::-moz-scrollbar-thumb {
 cursor:pointer;
 background-color: #afafaf;
 background-color: #afafaf;
 border-radius:10px
}
.pagination {
	justify-content: flex-end;
}
a.btn.btn-table {
	appearance: none;
	-webkit-appearance: none;
}
.forgot-pwd {
	color: #194F90;
}
.dashboard-page {
	overflow: auto;
}
.trip-status {
	padding: 10px 35px;
	background: green;
	border-radius: 5px 0;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}
.or_button h6 {
	background-color: #009DA0;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 500;
	margin: 0 auto;
	margin-top: -2.6rem;
	margin-bottom: 3rem;
}
.or_button hr {
	margin-top: 4rem;
	margin-left: 1rem;
	margin-right: 1rem;
}
#keyboard {
/* margin-top: 8rem; */
}
.body .form-layout .form-group {
	margin-bottom: 15px;
}
.main-content .wizard > .actions > ul {
	float: none;
}
.main-content .wizard > .actions > ul > li:nth-child(2), .main-content .wizard > .actions > ul > li:nth-child(3) {
	float: right;
}
.main-content .wizard > .actions > ul > li > a {
	border-radius: 4px;
	padding: 7px 0;
	min-width: 140px;
	text-align: center;
}
.main-content .wizard > .content > .body {
	z-index: 0;
	position: relative;
}
.dashboard_total_score_button {
	padding: 0;
	background-color: transparent;
	margin: 0;
}
.table thead th {
	border-width: 1px;
	font-weight: 600;
}
.table tbody tr:first-child td {
	border-top: none;
}
.dashboard_total_score_button:focus {
	box-shadow: unset;
}
.table th, .table td {
	font-size: 15px;
}
.main-panel .switchery-toggle .row:last-child, .main-panel .common-table .row:last-child {
	justify-content: space-between;
}
.main-panel .common-table .row:last-child .col-md-7 {
	max-width: none;
	flex: 0;
}
.matches_detail_modal .card {
	margin-top: -2rem;
	box-shadow: unset;
	margin-bottom: 0;
}
.matches_detail_modal .card .card-title {
	text-align: center;
}
.border-bottom-none {
	border-bottom: unset;
}
.form-layout .form-group.choose-file label {
	position: relative;
	transform: none;
	top: auto;
	width: 100%;
	background-color: #fafafa;
	color: #222;
	height: 54px;
	line-height: 54px;
	border: 1px solid #D1D1D7;
	border-radius: 4px;
	font-weight: 500;
	z-index: 1;
	cursor: pointer;
}
.choose-file input {
	display: none;
}
.matches_detail_modal .media-body h4 {
	width: 288px;
}
.user_management_action_dropdown {
	width: 220px;
}
.user_management_action_dropdown .dropdown-item {
	padding-top: 10px;
	padding-bottom: 10px;
}
.user_management_action_dropdown .form-group {
	margin-bottom: 0px !important;
}
.user_management_action_dropdown .switchery-xsmall.switchery {
	float: right;
}
/*#user_detail_form .modal-dialog {
    width: 700px;
    max-width: 700px;
}

#user_detail_form .modal-dialog .modal-content {
    width: 700px;
}

#tournament_detail_form .modal-dialog {
    width: 1000px;
    max-width: 1000px;
}

#tournament_detail_form .modal-dialog .modal-content {
    width: 1000px;
}

#create_tournament .modal-dialog {
    width: 1000px;
    max-width: 1000px;
}

#create_tournament .modal-dialog .modal-content {
    width: 1000px;
}

#create_game .modal-dialog {
    width: 1000px;
    max-width: 1000px;
}

#create_game .modal-dialog .modal-content {
    width: 1000px;
}
*/


.user_management_action_dropdown .btn-outline-primary {
	border: unset;
	font-size: inherit;
	color: unset;
	margin-bottom: 0;
}
.user_management_action_dropdown .btn-outline-primary:hover {
	background-color: unset !important;
	color: black !important;
}
.user_management_action_dropdown button:active, .user_management_action_dropdown button:focus {
	color: unset !important;
	text-decoration: unset !important;
	background-color: white !important;
	outline: 0px !important;
}
.suspended {
	padding-bottom: 0px !important;
}
#user_detail_form .modal-body {
	margin-top: -2rem;
}
#user_list_filter {
/* display: none; */
}
/* .navbar .container-fluid::before {
    display: block;
    content: unset;
}

.navbar::before {
    display: block;
    content: unset;
} */

table.dataTable thead .sorting_asc:after {
	font-family: FontAwesome;
	content: "\f102";
}
table.dataTable thead .sorting_desc:after {
	font-family: FontAwesome;
	content: "\f103";
}
table.dataTable thead .sorting:after {
	font-family: FontAwesome;
	content: "\f103";
}
.clear-both {
	clear: both;
}
#total_matches .close {
	z-index: 1111;
}
.action_icon ul {
	display: flex;
	padding-left: 0;
}
.action_icon ul li {
	list-style: none;
	padding-right: 15px;
	padding-left: 10px;
}
.action_icon ul li:first-of-type {
	padding-left: 0;
}
.action_icon ul li i {
	font-size: 20px;
}
.action_icon ul li i.fa-trash {
	color: #FF586B !important
}
.view_button i {
	color: #009DA0;
}
.view_button {
	padding: 0;
}
.view_button:active, .view_button:hover {
	background-color: transparent;
}
#user_view_form strong, #user_view_form span {
	font-size: 18px;
}
#user_view_form strong {
	width: 150px;
	display: inline-block;
}
#tournament_view_form strong {
	width: 250px;
	display: inline-block;
}
#user_view_form .user_list, #tournament_view_form .user_list {
	border-bottom: 1px solid lightgray;
	padding-bottom: 10px;
	padding-top: 10px;
}
#user_view_form .user_list:last-child, #tournament_view_form .user_list:last-child {
	border-bottom: unset;
}
.suspended:hover, .suspended:active {
	background-color: transparent;
}
.bold {
	font-weight: bold;
}
#login .swiper-slide {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#login .display-table {
	display: table;
	height: 100vh;
}
#login .right-wrapper {
	padding: 0 40px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}
#errorblock {
	color: red;
	margin: 6px 0;
}
#login .right-wrapper .right-inner-wrapper, #login .right-wrapper .otp-login {
	max-width: 65%;
}
#login .right-wrapper .form-layout {
	margin-top: 40px;
}
#login .right-wrapper .otp-login .form-layout .form-group {
	margin-bottom: 35px;
}
#login .right-wrapper .otp-login .form-layout {
	margin-top: 20px;
}
.right-wrapper h3 {
	margin: 0 0 5px;
}
#login .col-md-7, #login .col-md-5 {
	padding: 0;
}
#login .swiper-button-next, #login .swiper-button-prev {
	background-color: rgba(0,0,0,0.8);
}
#login .swiper-button-next {
	right: 15px;
}
#login .swiper-button-prev {
	left: 30px;
}
.primary-color {
	color: #292c7d;
	text-decoration: none;
}
.form-layout .form-group {
	position: relative;
	margin-bottom: 25px;
}
.input-field {
	background-color: transparent;
	display: block;
	outline: none;
	border-radius: 4px;
	color: #202124;
	font-size: 17px;
	height: 54px;
	width: 100%;
	padding: 13px 15px;
	z-index: 1;
	border: 1px solid #D1D1D7;
	padding-right: 20px;
	transition: all 0.3s ease-in-out;
}
.form-layout .form-group label {
	position: absolute;
	top: 0;
	font-size: 14px;
	transform: translateY(15px);
	padding: 0 16px;
	cursor: text;
	z-index: -1;
	letter-spacing: 0.4;
	text-transform: capitalize;
	font-weight: 400;
	-webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.form-layout .form-group .input-field:focus + label {
	transform: translateY(-12px) scale(.8);
	background-color: #fff;
	color: #194F90;
	padding: 0 8px;
	z-index: 1;
}
.form-layout .form-group .input-field:focus {
	border-color: #194F90;
	border-width: 2px;
	transition: all 0.3s ease-in-out;
}
.form-layout .form-group .input-field::-webkit-input-placeholder, .form-layout .form-group .input-field::-moz-input-placeholder, .form-layout .form-group textarea.input-field::-webkit-input-placeholder {
 color: transparent;
}
.form-layout .form-group .input-field::placeholder {
 color: transparent;
}
.form-layout .form-group .input-field:not(:placeholder-shown) + label, .form-layout .form-group.focused label {
	transform: translateY(-12px) scale(.8);
	background-color: #fff;
	/*color: #194F90;*/
	padding: 0 8px;
	z-index: 1;
	left: 0;
}
.form-layout .form-group.password-input .input-field:not(:placeholder-shown) + label, .form-layout .form-group.password-input .input-field:focus + label {
	left: 0;
}
.form-layout .form-group .input-field:-webkit-autofill, .form-layout .form-group .input-field:-webkit-autofill:focus, .form-layout .form-group .input-field:-webkit-autofill:hover, .form-layout .form-group .input-field:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 100px #fff inset;
 box-shadow: 0 0 0 100px #fff inset;
 -webkit-text-fill-color: #202124;
 transition: background-color 5000s ease-in-out 0s;
 -webkit-transition-delay: 99999s;
}
.form-layout .custom-control {
	padding: 0;
	color: #222;
}
#login .form-layout .form-group {
	margin-bottom: 35px;
}
#login .form-layout .form-group.pass {
	margin-bottom: 20px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #194F90;
	border-color: #194F90 !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: none;
}
td .custom-checkbox {
	padding-left: 0;
}
select.input-field {
	background-color: #fff;
}
.form-layout .btn-primary, .btn-primary {
	outline: none;
	letter-spacing: 0;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #194F90;
	color: #fff;
	max-width: none;
	cursor: pointer;
	font-size: 18px;
	border-radius: 4px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	padding: 0 40px;
}
.form-layout .btn-primary:not(:disabled):not(.disabled):active {
	background-color: #194F90;
}
.form-layout .btn-primary:focus {
	outline: none;
	border: none;
	box-shadow: none;
}
.ripple {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.ripple::after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	display: block;
	pointer-events: none;
	background-image: -webkit-radial-gradient(circle, #000 10%, transparent 15%);
	background-image: -o-radial-gradient(circle, #000 10%, transparent 15%);
	background-image: radial-gradient(circle, #000 10%, transparent 15%);
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	opacity: 0;
	-webkit-transition: opacity 1s, -webkit-transform .5s;
	transition: opacity 1s, -webkit-transform .5s;
	-o-transition: transform .5s, opacity 1s;
	transition: transform .5s, opacity 1s;
	transition: transform .5s, opacity 1s, -webkit-transform .5s
}
.ripple:active::after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: .2;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s
}
.form-layout .toggle-password {
	position: absolute;
	top: 15px;
	cursor: pointer;
	right: 20px;
	width: 24px;
	opacity: 0.7;
}
.form-layout .toggle-password .show-eye, .form-layout .form-group.tog-password .hide-eye {
	display: none;
}
.form-layout .form-group.tog-password .show-eye {
	display: block;
}
.form-layout .form-group.has-error .input-field {
	border-color: red;
}
.form-layout .form-group.has-error label, .form-layout .form-group.has-error .help-block {
	color: red;
}
.loader {
	display: none;
}
.loader .circle {
	width: 10px;
	height: 10px;
	background-color: #fff;
	margin-right: 3px;
	display: inline-block;
	border-radius: 50px;
	-webkit-animation: dot-keyframes .7s infinite ease-in-out;
	animation: dot-keyframes .7s infinite ease-in-out;
}
.logo a {
	color: #448bff;
	text-decoration: underline;
	margin-left: 10px;
	display: inline-block;
}
.loader .circle:nth-child(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.loader .circle:nth-child(3) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.form-layout .btn-primary:disabled {
	cursor: not-allowed;
}
.app-sidebar .logo a {
	text-decoration: none;
}
.app-sidebar .logo .logo-text {
	margin: 0;
}
.app-sidebar .logo .logo-text span img {
	max-width: 45%;
}
.sidebar-header a.nav-toggle {
	top: 30px;
}
.app-sidebar .logo-img {
	margin-right: 0;
	width: 38px;
}
.sidebar-header .text {
	margin-left: -3px;
}
.select2-container .select2-selection--single {
	height: 54px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 12px;
	right: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 54px;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #CED4DA;
	border-radius: 0.25rem;
}
#login {
	background-color: #fff;
	overflow: hidden;
}
.wrapper .content-header {
	margin-top: 0;
}
@keyframes dot-keyframes {
 0% {
 opacity: 1;
}
100%, 50% {
 opacity: .4;
}
}
.form .form-actions {
	margin-top: 0;
}
.action_icon .td-trash i {
	color: red;
}
.card .card-block {
	padding-top: 25px;
}
.modal-header {
	border-bottom: 1px solid #ddd;
}
.btn-success:focus, .btn-primary:focus {
	box-shadow: none;
	color: #fff;
}
.page-item.active .page-link {
	background-color: #222;
	border-color: #222;
	box-shadow: none;
	outline: none;
}
.modal-body .form-group {
	margin-bottom: 35px;
}
.modal-body label {
	color: #5d5d5d;
	margin-bottom: 3px;
}
.modal-body, .modal-header {
	padding: 1rem 30px;
}
.modal-title {
	font-size: 20px;
	font-weight: 500;
}
.modal-dialog .form-group a {
	display: block;
}
/*.modal-dialog .col-md-12:last-of-type .form-group {
	margin-bottom: 0;
}*/
.tournament-dialog .modal-header {
	padding: 0;
}
.tournament-dialog .modal-header .art-name {
	width: 100%;
	height: 35vh;
	position: relative;
}
.input-field[disabled], .form-layout .form-group .input-field[disabled]:not(:placeholder-shown) + label {
	background-color: #fafafa;
}
.tournament-dialog .modal-header .art-name .art-bg {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}
.actions ul {
	padding: 0;
}
.table td:last-of-type ul {
	padding: 0;
}
.swal2-confirm.btn.btn-success {
	margin-right: 15px;
}
.swal2-icon-text {
	font-size: 50px;
}
.actions .dropdown-item.active, .dropdown-item:active {
	color: #222 !important;
}
.actions .dropdown-toggle i {
	color: #222;
}
.actions .dropdown .dropdown-menu {
	padding: 0;
	margin-left: -67px;
}
.actions .dropdown .dropdown-menu .dropdown-item {
	padding: 5px 20px;
}
.actions .dropdown-toggle::after {
	content: none;
}
td ul, td ul li {
	list-style: none;
}
.match-notification .form-actions {
	z-index: 1;
}
.match-notification .modal-body {
	z-index: 0;
}
#tournament_view_form.max-dialog {
	max-width: 1000px;
	margin: 0 auto;
}
.tournament-dialog .modal-header .art-name .modal-title {
	position: absolute;
	bottom: 10px;
	color: #fff;
	left: 20px;
}
.tournament-dialog .modal-header .close {
	position: absolute;
	top: 10px;
	opacity: 1;
	color: #fff;
	right: 20px;
}
.tournament-dialog .modal-body {
	height: 50vh;
	overflow: auto;
}
.filters {
	margin-top: 5px;
}
.table thead th {
	white-space: pre-wrap;
	font-size: 14px;
}
.tournament-table .card {
	margin-top: 0;
}
.daterangepicker .ranges li, .form-control.daterange {
	cursor: pointer;
}
.page-link {
	color: #222;
}
.max-dialog .modal-dialog {
	max-width: 900px;
}
.back-button {
	position: relative;
}
.back-button img {
	width: 22px;
	margin-right: 10px;
}
div.dataTables_wrapper div.dataTables_info {
	font-size: 15px;
}
.daterangepicker .ranges ul {
	margin: 0;
}
.daterangepicker .ranges li {
	padding: 0 12px;
}
.create-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 54px;
}
.create-form .select2-container .select2-selection--multiple {
	line-height: 45px;
}
.create-form .select2-container .select2-selection--single {
	height: 54px;
}
.create-form .select2-container--default .select2-selection--multiple {
	border: 1px solid #D1D1D7;
}
.create-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 11px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 15px;
}
.form-layout .form-group.select-opt label {
	left: 8px;
	top: -28px;
	background: #fff;
	padding: 0 8px;
	font-size: 12px;
	z-index: 1;
}
.create-form .card {
	position: relative;
	z-index: 1;
}
.z-zero {
	position: relative;
	z-index: 0;
}
.create-form .input-field {
	padding-right: 15px;
}
.max-width .btn[class*='btn-'] {
	margin-bottom: 0;
}
.form-actions .max-width {
	max-width: 200px;
}
.notification_tabs .tab-content {
	padding: 0;
}
.notification_tabs .nav-justified .nav-item {
	flex-grow: 0;
}
.plr-zero {
	padding: 0;
}
.notification_tabs .nav-tabs .nav-link {
	white-space: nowrap;
	border: none;
	color: #5d5d5d;
	text-align: left;
	padding: .5rem 0;
	border-radius: 0;
	margin-right: 20px;
}
.nav-tabs .nav-link.active {
	color: #194F90;
	font-weight: 500;
	border-bottom: 2px solid #194F90;
}
.switch a {
	padding: 0;
}
.page-title .btn.btn-success {
	margin-bottom: 0;
}
.form-layout.filters {
	width: 80%;
}
.form-layout.filters .form-group {
	margin-bottom: 0;
}
.info-block {
	margin-bottom: 20px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 margin: 0;
}
#add {
	color: #0f9aee;
}
.checkbox {
	padding: 7px 0;
	min-height: auto;
}
.checkbox input[type=checkbox] {
	margin: 0;
	display: none;
	width: 22px;
}
.checkbox input[type=checkbox] + label {
	padding-left: 0;
	z-index: 9;
}
.checkbox label {
	cursor: pointer;
}
.checkbox input[type=checkbox] + label:before {
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	border: 2px solid #ddd;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 15px;
	font-family: feather;
	font-weight: 400;
	line-height: 19px;
	vertical-align: bottom;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
}
.checkbox input[type=checkbox]:checked + label:before {
	content: "\e926";
	color: #fff;
	background-color: #194F90;
	border-color: #194F90 !important;
	font-weight: bold;
}
.add-more-btn {
	position: relative;
	margin-bottom: 20px;
}
.add-more-btn span {
	padding-left: 8px;
	font-size: 16px;
	vertical-align: middle;
}
.match-result .nav-tabs .nav-link {
	color: #5d5d5d;
	flex-grow: 0;
	white-space: nowrap;
}
.match-result .modal-body {
	height: 60vh;
	overflow: auto;
}
.match-result .nav-tabs .nav-link.active, .match-result .nav-tabs .nav-link.active:hover, .match-result .nav-tabs .nav-link:hover {
	border: none;
	font-weight: bold;
	border-bottom: 2px solid #194F90;
}
.match-result .table thead th {
	border-top: none;
}
.card-block.form-layout {
	position: relative;
	z-index: 1;
}
form .form-section {
	border-bottom-color: #ddd;
	font-weight: bold;
	margin-bottom: 30px;
}
form .form-section i {
	font-weight: bold;
}
form {
	margin: 0;
}
.input-field.error {
	border-color: red;
}
.error {
	color: red;
	margin-top: 5px;
	margin-bottom: 0;
}
.form-layout .label-block .form-group label {
	position: relative;
	transform: none;
	left: auto;
	color: #000;
	padding: 0;
	font-size: 16px;
}
.checkbox .custom-control input[type=checkbox] + label {
	position: relative;
	top: auto;
	padding: 0;
	z-index: 1;
	padding-left: 25px;
	transform: none;
	left: auto;
	cursor: pointer;
	padding-left: 35px;
	font-size: 16px;
}
.form-layout .custom-control label:before {
	top: 0;
}
.right-inner-wrapper .form-layout .form-group .custom-control label {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	padding-left: 25px;
	font-size: 16px;
	z-index: 1;
	cursor: pointer;
}
.right-inner-wrapper .form-layout .form-group .custom-control label:before {
	top: 4px;
}
.form-wrapper {
	margin: 0 -25px;
	height: 70vh;
	overflow: hidden;
}
.form-wrapper .form-scroller {
	overflow: auto;
	padding: 15px 25px 160px;
	height: 100%;
}
.agency-select2 .select2-container {
	width: 100% !important;
}
form .form-actions {
	padding: 20px 0 0;
}
form .form-actions .btn-primary {
	margin: 0;
}
.form-wrapper .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: none;
}
.image-preview {
	height: 220px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.add_more_field, .add_more_field:hover, .add_more_field:focus, .add_more_field:active {
	color: #0675ff;
}
.add-more-btn span {
	padding-left: 8px;
	font-size: 16px;
	vertical-align: middle;
}
.btn_remove {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	height: 54px;
	cursor: pointer;
	margin-left: -5px;
}
.btn_remove img {
	max-width: 16px;
	opacity: 0.65;
}
.upload-slide input[type="file"] {
	display: none;
}
.form-layout .label-block .form-group.upload-slide {
	position: initial;
}
.form-layout .label-block .form-group.upload-slide label.choose-file {
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	padding: 15px;
	border-color: #ddd;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	z-index: 9;
}
.form-layout .label-block .form-group.upload-slide label.choose-file:hover {
	background-color: rgba(236,236,236,0.5);
	transition: all 0.3s ease-in-out;
}
.form-layout .label-block .form-group.upload-slide label.choose-file:after {
	content: '';
	background: url(../images/upload-file.svg) no-repeat;
	width: 30px;
	height: 20px;
	opacity: 0.7;
	display: inline-block;
	top: 18px;
	right: 5px;
	right: 0;
	transition: all 0.3s ease-in-out;
	position: absolute;
}
.app-sidebar .navigation li.has-sub .menu-content li>a:before, .off-canvas-sidebar .navigation li.has-sub .menu-content li>a:before {
	border-right: none;
}
.swal2-container.swal2-center {
	background: rgba(0,0,0,.4);
}
.app-sidebar .navigation a svg {
	vertical-align: middle;
	padding-right: 5px;
	margin-right: 5px;
}
.btn svg {
	color: #222;
	width: 22px;
}
.table tbody tr td:last-child, .ui-sortable-placeholder td:last-child {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	padding-top: 4px;
}
a.btn.btn-table {
	margin-right: 5px;
}
.btn.btn-table {
	padding: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	vertical-align: initial;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	cursor: pointer;
}
.btn.btn-table i {
	font-size: 20px;
	color: #222;
	font-weight: 600;
}
.form-section svg {
	vertical-align: middle;
	margin-right: 5px;
}
.btn.btn-table:hover {
	background-color: #F2F2F7;
	transition: all 0.3s ease-in-out;
}
.switchery {
	width: 30px;
}
.model-row {
	margin-top: 25px;
}
.form-layout .form-group.show-placeholder .input-field::-webkit-input-placeholder, .form-layout .form-group.show-placeholder .input-field::-moz-input-placeholder, .form-layout .form-group.show-placeholder textarea.input-field::-webkit-input-placeholder {
 color: #75787D;
 font-size: 14px;
}
.form-layout .form-group.show-placeholder .input-field::placeholder {
 color: #75787D;
 font-size: 14px;
}
#login .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.btn-actions {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	justify-content: flex-end;
}
.btn-actions.more-action {
	width: 40%;
}
.form-group.append-input .input-group-append {
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: 54px;
}
.form-group.append-input .input-group-append .input-group-text {
	padding: 0;
	width: 100%;
	justify-content: center;
}
.horizontal-form .form-group {
	margin-bottom: 0;
}
.close:hover, .close:focus {
	outline: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover {
	background-color: #194F90;
	box-shadow: none;
}
.btn:focus, .fc button:focus, .btn.focus, .fc button.focus {
	box-shadow: none;
}
#login .form-layout .btn-primary {
	width: 100%;
}
.modal .modal-body {
	height: 60vh;
	overflow: auto;
}
.dropdown-divider {
	margin: 2px 0;
}
.fare-modal-body {
	padding: 0;
}
.fare-modal-body .row {
	margin: 0;
}
.fare-modal-body p {
	padding: 0 20px;
}
.fare-modal .modal-content {
	border: none;
	outline: none;
}
.fare-modal .modal-dialog {
	max-width: 650px;
}
.right-block .input-field {
	background-color: #fff;
}
.booking-container .right-side {
	width: 75%;
}
.booking-filters {
	justify-content: flex-end;
	margin: 20px -15px;
	flex-wrap: nowrap;
	width: 100%;
}
.booking-filters .right-block:last-of-type {
	padding-right: 0;
}
.m-left {
	margin-left: 20px;
}
form .form-body {
	overflow: initial;
}
.booking-filters .btn-primary {
	padding: 0 30px;
}
.right-block .input-field {
	padding-right: 15px;
}
.tabs-and-filters .right .white-bg {
	background: #fff;
	z-index: 0;
	position: relative;
}
.tabs-and-filters .nav-tabs {
	border-bottom: 1px solid #dee2e6;
}
.tabs-and-filters .nav-tabs li .nav-link.active {
	color: #194F90;
}
.tabs-and-filters .nav-tabs li .nav-link.active:before {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	bottom: 0;
	content: '';
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	background-color: #194F90;
}
.tabs-and-filters .nav-tabs li .nav-link {
	padding: 8px 0;
	border: none;
	margin-right: 24px;
	color: #666666;
	height: auto;
	border-color: transparent;
	position: relative;
}
.tabs-and-filters p {
	margin: 0;
}
.tabs-and-filters .right .select2-container--default .select2-selection--single {
	padding: 0 20px 0 0;
}
.booking-management-body .card-body {
	padding: 0 20px 15px;
}
.entries p {
	padding: 0 5px;
}
.booking-page .booking-management-body {
	margin: 10px -30px;
	overflow: auto;
	padding: 0 30px 60px;
	height: calc(100% - 220px);
}
.booking-management-body .imp-row {
	margin-bottom: 24px;
}
.booking-management-body .imp-row [class*="col-"] {
	background-color: #EDF1F7;
	padding: 7px 24px;
	border: 1px dashed #194F90;
	color: #194F90;
	border-top: none;
	font-weight: 700;
	font-size: 16px;
	margin-right: 15px;
	max-width: initial;
	flex: 0;
	flex-shrink: 1;
	white-space: nowrap;
	align-items: center;
	display: flex;
}
.booking-management-body .imp-row .col-md-1 {
	background-color: transparent;
	border: none;
	padding: 10px 20px;
	color: #222;
	margin-right: 0;
}
.booking-management-body .imp-row p {
	margin: 0;
}
.booking-management-body .imp-row .status {
	color: #FF8A00;
	background-color: #FFF6EB;
	border-color: #FF8A00;
}
.booking-management-body .header-title {
	text-transform: uppercase;
	font-size: 15px;
	color: #3A3A3A;
	font-weight: bold;
}
.booking-management-body .card {
	margin-bottom: 24px;
}
.booking-management-body .trip-details {
	margin: 0 -20px 15px;
	border-bottom: 1px solid #d1d1d7;
	padding-bottom: 40px;
}
.agency-name-addreess h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
}
.agency-name-addreess p {
	margin: 0 0 5px;
	color: #5d5d5d;
	font-size: 15px;
}
.agency-email-mobile a {
	display: block;
	padding: 3px 0;
}
.agency-email-mobile a span {
	color: #222;
}
.agency-email-mobile a:hover span:last-of-type {
	color: #194F90;
	text-decoration: underline;
}
.agency-email-mobile a span:first-of-type, .agency-email-mobile p span:first-of-type {
	color: #5d5d5d;
}
.trip-source-dest .left-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 15px;
}
.trip-source-dest .left-section .dot-container {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(25, 79, 144, 0.2);
	opacity: 1;
	z-index: 1;
}
.trip-source-dest .left-section .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #194F90;
	opacity: 1;
	z-index: 999;
}
.trip-source-dest .left-section .line {
	width: 0px;
	height: 75px;
	border-left: 1px dashed #194F90;
}
.trip-source-dest .right-line {
	height: calc(100% - 70px);
	opacity: 0;
	height: auto;
	margin: 20px 0 0;
}
.trip-source-dest .trip-destination span {
	display: block;
}
.trip-source-dest .trip-source, .trip-source-dest .trip-destination {
	display: flex;
	flex-direction: column;
}
.trip-source-dest .trip-source span:last-of-type, .trip-source-dest .trip-destination span:last-of-type {
	color: #5d5d5d;
	font-size: 15px;
	margin-top: 2px;
}
.trip-source-dest .trip-destination span:last-of-type {
	text-transform: none;
}
.trip-source-dest .right span {
	font-size: 17px;
	text-transform: capitalize;
}
.not-assigned {
	color: #5d5d5d;
	margin: 0 0 6px;
}
.agency-email-mobile.passenger-info p {
	margin-bottom: 5px;
}
.agency-email-mobile.passenger-info p span:last-of-type {
	text-transform: capitalize;
}
.btn-wrapper {
	padding: 0 15px;
	display: flex;
}
.btn-wrapper button:first-of-type {
	margin-right: 15px;
}
.btn-wrapper .edit-btn {
	margin-left: 15px;
	background-color: #4CA585;
}
.btn-wrapper .btn-primary.btn-danger {
	background-color: #D24D4B;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-danger.dropdown-toggle:focus {
	box-shadow: none;
	outline: none;
}
.booking-management-body .trip-details .col-md-4 {
	padding-right: 0;
}
#Driver-Request .modal-dialog {
	max-width: 900px;
}
#Driver-Request .modal-body {
	padding: 0;
}
#Driver-Request .modal-body .table thead th {
	border-top: none;
}
#Driver-Request .modal-body .btn-primary {
	padding: 0 20px;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	margin: 4px 0 0;
}
.plan-basic-info span {
	padding: 0 4px;
	position: relative;
	z-index: 9;
}
.right-inner-wrapper .logo img, .otp-login .logo img {
	max-width: 240px;
	margin-bottom: 20px;
}
/*== start of code for tooltips ==*/
.tool {
	cursor: pointer;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
}
.tool i {
	font-size: 18px;
}
/*== common styles for both parts of tool tip ==*/
.tool::before, .tool::after {
	left: 50%;
	opacity: 0;
	position: absolute;
	z-index: -100;
}
.tool:hover::before, .tool:focus::before, .tool:hover::after, .tool:focus::after {
	opacity: 1;
	transform: scale(1) translateY(0);
	z-index: 100;
}
/*== pointer tip ==*/
.tool::before {
	border-style: solid;
	border-width: 1em 0.75em 0 0.75em;
	border-color: #3E474F transparent transparent transparent;
	bottom: 100%;
	content: "";
	margin-left: -0.5em;
	transition: all .3s cubic-bezier(.84, -0.18, .31, 1.26);
	transform: scale(.6) translateY(-90%);
}
.tool:hover::before, .tool:focus::before {
	transition: all .3s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}
/*== speech bubble ==*/
.tool::after {
	background: #3E474F;
	border-radius: .25em;
	bottom: 180%;
	font-size: 21px;
	color: #EDEFF0;
	content: attr(data-tip);
	white-space: normal;
	margin-left: -8.75em;
	padding: 1em;
	transition: all .3s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
	transform: scale(.6) translateY(50%);
	width: 17.5em;
}
.tool:hover::after, .tool:focus::after {
	transition: all .3s cubic-bezier(.84, -0.18, .31, 1.26);
}
.booking-management-body .card-body:first-of-type .tool::after {
	bottom: 0;
	transform: scale(.6) translateY(150%);
}
.booking-management-body .card-body:first-of-type .tool::before {
	bottom: 0px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid black;
	border-top: 15px solid transparent;
	content: "";
	margin-left: -15px;
	transition: all .3s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
	transform: scale(.6) translateY(110%);
}
/* Dashboard Booking cards */
.dashboard-card {
	border-radius: 8px;
	z-index: unset;
	overflow: visible;
}
.source-destination-horizontal, .source-destination-verticle {
	display: flex;
}
.source-destination-horizontal .source, .source-destination-verticle .source {
	display: flex;
	align-items: center;
}
.source-destination-horizontal .path, .source-destination-verticle .path {
	display: flex;
	align-items: center;
	flex-grow: 1;
	margin: 0 15px;
}
.source-destination-horizontal p {
	margin: 0;
}
.source-destination-horizontal .dot-container, .source-destination-horizontal .dot, .source-destination-verticle .dot-container, .source-destination-verticle .dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(65, 105, 225, 0.5);
	opacity: 1;
	z-index: 1;
}
.source-destination-horizontal .dot-container .dot, .source-destination-horizontal .dot .dot, .source-destination-verticle .dot-container .dot, .source-destination-verticle .dot .dot {
	width: 8px;
	height: 8px;
	background-color: royalblue;
	z-index: 999;
}
.source-destination-horizontal .line, .source-destination-verticle .line {
	display: flex;
	flex-grow: 1;
	height: 1px;
	border-top: 1px dashed royalblue;
}
.line {
	width: 0px;
	height: 60px;
	border-left: 1px dashed royalblue;
}
.btn-group, .btn-group-vertical {
	margin-left: calc(100% - 70px);
}
.dashboard-page .card .card-body {
	padding: 15px 20px;
}
#AssignAttribute .modal-dialog {
	max-width: 800px;
}
/* Billing and Invoice */
.bill-invoice-page .right {
	width: 68%;
}
.bill-invoice-page .right form {
	width: 100%;
}
.bill-invoice-page .right .row {
	justify-content: flex-end;
}
.bill-invoice-page .right .form-group, .bill-invoice-page .right .btn-primary {
	margin: 0;
}
.bill-invoice-page .header {
	margin-bottom: 30px;
	align-items: center;
}
.bill-invoice-page .input-field[type="date"] {
	padding-right: 20px;
}
.white-bg {
	background-color: #fff;
}
.bill-invoice-page .billing-pane {
	height: calc(100vh - 200px);
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #d1d1d7;
	border-radius: 4px;
}
.bill-invoice-page .billing-pane .no-data {
	font-size: 20px;
	padding: 40px 20px;
	font-weight: 500;
}
.bill-invoice-page .billing-pane .row.max-height, .bill-invoice-page .billing-pane .col-sm-3.first-pane, .bill-invoice-page .billing-pane .col-sm-3.second-pane {
	height: 100%;
	padding: 0;
	margin: 0;
}
.bill-invoice-page .billing-pane .card {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	border: none;
}
.bill-invoice-page .billing-pane .card-view:last-of-type {
	border-bottom: none;
}
.bill-invoice-page .billing-pane .first-pane, .bill-invoice-page .billing-pane .second-pane {
	border-right: 1px solid #d1d1d7;
}
.bill-invoice-page .billing-pane .first-pane .card-view, .bill-invoice-page .billing-pane .second-pane .card-view {
	margin: 0;
	padding: 20px;
	cursor: pointer;
	border-bottom: 1px solid #d1d1d7;
	min-height: 118px;
	display: flex;
	align-items: center;
}
.bill-invoice-page .billing-pane .first-pane .card-view .clip-address {
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	height: 42px;
}
.bill-invoice-page .billing-pane .first-pane .card h3, .bill-invoice-page .billing-pane .second-pane .card h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px;
}
.bill-invoice-page .billing-pane .first-pane .card p, .bill-invoice-page .billing-pane .first-pane .second-pane p {
	margin: 0;
	font-size: 14px;
}
.bill-invoice-page .billing-pane .second-pane .card p {
	font-size: 14px;
}
.bill-invoice-page .billing-pane .first-pane .second-pane .card-body p:last-of-type {
	margin-bottom: 0;
}
.bill-invoice-page .billing-pane .first-pane .card .card-body {
	overflow: auto;
	overflow-x: hidden;
}
.bill-invoice-page .billing-pane .first-pane .card-view.active, .bill-invoice-page .billing-pane .second-pane .card-view.active {
	background-color: #F8F9FB;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body {
	padding: 25px 15px 0;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body [class*="col-"] {
	padding: 0 15px;
	height: auto;
}
.bill-invoice-page .billing-pane .third-pane .trip-source-dest {
	display: flex;
	padding-bottom: 30px;
}
.bill-invoice-page .billing-pane .third-pane .trip-source-dest p {
	margin: 0;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body h3.medium {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}
.card-scroller {
	height: calc(100vh - 400px);
	overflow: auto;
	margin: 0 -20px;
	padding: 0 20px;
}
.card-body.card-wrapper {
	height: 100%;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body p.light {
	color: #5d5d5d;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body p {
	font-weight: 500;
}
.bill-invoice-page .billing-pane .third-pane .trip-source-dest-details, .bill-invoice-page .billing-pane .third-pane .passenger-details, .bill-invoice-page .billing-pane .third-pane .trip-details {
	padding: 15px 0 0;
}
.bill-invoice-page .billing-pane .third-pane .btn {
	padding: 15px 40px;
	font-weight: 600;
}
.bill-invoice-page .billing-pane .col-sm-3.second-pane #trips {
	height: 100%;
	overflow: auto;
}
.bill-invoice-page .billing-pane .col-sm-3.second-pane .card-body {
	overflow: hidden;
}
.bill-invoice-page .billing-pane .second-pane .card-view:last-of-type {
	border-bottom: none;
}
.booking-container .right-side .form .form-actions {
	display: flex;
}
.booking-container .right-side .form .form-actions .dropdown {
	margin-left: 15px;
}
.plan-wrapper {
	margin-bottom: 25px;
}
.plan-list {
	margin-bottom: 15px;
}
.booking-container .dataTables_wrapper .row .dataTables_scrollBody{
	max-height: 50vh !important;
	height: 50vh;
}
.plan-list .plan-right label {
	padding: 15px 25px;
	border: 1px solid #d1d1d7;
	border-radius: 5px;
	margin: 0;
	width: 100%;
	cursor: pointer;
	position: relative;
}
.plan-list .plan-left {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9;
}
.plan-list .plan-left .plan-info {
	flex-basis: 75%;
}
.plan-list .plan-left .plan-info h5 {
	color: #101418;
	margin-bottom: 5px;
	font-size: 16px;
}
.plan-list .plan-left .plan-info p {
	margin: 0;
	text-transform: initial;
}
.radio input[type=radio] {
	margin: 0;
	display: none;
	width: 22px;
}
.radio input[type=radio] + label:before {
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	border: 2px solid #ddd;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 15px;
	font-family: feather;
	font-weight: 400;
	line-height: 19px;
	vertical-align: bottom;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
}
.plan-list .radio input[type=radio] + label:before {
	border-radius: 50px;
	width: 24px;
	height: 24px;
	line-height: 21px;
	position: absolute;
	right: 24px;
	top: 0;
	bottom: 0;
	z-index: 9;
	margin: auto;
}
.radio input[type=radio]:checked + label:before {
	content: "\e926";
	color: #fff;
	background-color: #194F90;
	border-color: #194F90 !important;
	font-weight: bold;
}
.plan-list .plan-right .radio input[type="radio"]:checked ~ label:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: #F1F9FF;
	z-index: 1;
}
.payment-details label {
	text-transform: initial;
	color: #000;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
}
.payment-details .form-check-inline {
	margin-right: 20px;
}
.form-group.mobile_number label {
	left: 70px;
}
.iti.iti--allow-dropdown {
	width: 100%;
}
.form-group.data label {
	position: relative;
	transform: none;
	top: auto;
	left: auto;
	padding: 0;
}
.row.column-view {
	flex-direction: column;
	margin: 0;
}
.fare-wrapper.form-wrapper .form-scroller {
	padding-top: 0;
}
.fare-wrapper.form-wrapper .form-scroller .car-details .column-view {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d1d1d7;
}
.bill-invoice-page .billing-pane .third-pane .two-btn {
	padding: 0 15px;
	margin: 0;
}
.bill-invoice-page .billing-pane .third-pane .two-btn button:first-of-type {
	margin-right: 20px;
}
.bill-invoice-page .billing-pane .third-pane .btn {
	border-radius: 5px;
	padding: 15px 0;
	font-size: 15px;
	min-width: 220px;
	margin-right: 20px;
}
.col-sm-6.third-pane {
	padding-right: 0;
	padding-bottom: 40px;
	height: 100%;
	overflow: auto;
}
.col-sm-6.third-pane .card, .col-sm-6.third-pane .card .card-body {
	overflow: auto;
}
#resend-otp {
	background: transparent;
	color: #000;
	text-align: right;
	border: none;
	margin: 15px 0;
}
.trip-assign.disabled {
	display: none;
}
.view.btn.btn-primary.btn-danger {
	background-color: #D24D4B;
}
.fare-wrapper .car-details {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #d1d1d7;
}
.qr-wrapper {
	width: 25%;
	padding: 0 15px;
}
.qr-wrapper .row {
	flex-direction: column;
}
.form-layout .qr-wrapper .form-group label {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
}
#pan_card_number {
	text-transform: uppercase;
}
.pan-validation {
	display: none;
	color: red;
}
.image-preview img {
	max-width: 100%;
	height: 220px;
	width: 220px;
	object-fit: cover;
}
#vehicle_registration_number {
	text-transform: uppercase;
}
.user-img {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	background-color: #194F90;
}
.iti__country-list {
	z-index: 999;
}
.input-group .input-field {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.billing-pane.show-customer-pane .second-pane {
	display: none;
}
.bill-invoice-page .billing-pane.show-customer-pane .first-pane .card-view {
	min-height: 78px;
}
.billing-pane.show-customer-pane .thrid-pane {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
/*.customer-pane,.show-customer-pane .agency-pane{
	display: none;
}*/
.show-customer-pane .customer-pane {
	display: block;
}
.dashboard-page .card h3.card-title {
	text-transform: capitalize;
}
.dashboard-page .card .card-body .title-wrapper {
	display: flex;
	justify-content: space-between;
}
.dashboard-page .card .card-body .title-wrapper input {
	border: none;
	outline: none;
}
.dashboard-page .card .card-body .title-wrapper .date-range {
	display: flex;
	cursor: pointer;
}
.daterangepicker .drp-buttons .btn.btn-primary {
	height: initial;
	line-height: initial;
	display: inline-block;
	padding: 7px 8px;
	margin-left: 8px;
}
.daterangepicker .drp-buttons .btn {
	margin: 0 0 8px;
}
.note {
	color: #000;
	margin: 5px 0 0;
}
.dashboard-page .media-right i {
	font-size: 30px;
}
.dashboard-page .card .card-body .title-wrapper {
	align-items: center;
}
.dashboard-page .card h3.card-title {
	font-size: 16px;
	margin: 0;
}
.dashboard .source-destination-horizontal {
	margin: 0 !important;
}
.dashboard-page .card .card-body {
	padding: 10px;
}
.dashboard-page .source-destination-horizontal p {
	font-size: 15px;
	font-weight: 500 !important;
	margin: 0 !important;
	line-height: initial;
}
.card-scroller {
	height: 92%;
	padding: 0 10px;
	margin: 0 -10px;
}
.card.quick-card {
	height: calc(100vh - 265px);
	overflow: hidden;
}
.dashboard-page .dashboard-card .left p:last-of-type {
	margin-bottom: 0 !important;
}
.bootstrap-datetimepicker-widget .btn-primary {
	height: auto;
	line-height: initial;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td i.active {
	background-color: #194F90;
	color: #fff;
}
.bootstrap-datetimepicker-widget table td a:hover {
	background: #e9ecef;
}
.bootstrap-datetimepicker-widget table td a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	border-radius: 0.25rem;
}
.bootstrap-datetimepicker-widget .row {
	align-items: center;
}
.bootstrap-datetimepicker-widget table td.day {
	height: 20px;
	line-height: 20px;
	width: 20px;
}
.bootstrap-datetimepicker-widget .table tbody tr td:last-child {
	display: table-cell;
	padding: .5em;
}
.display_end_date {
	display: none;
}
.display_end_date.show-date {
	display: block;
}
.booking-container .tabs-and-filters {
	margin: 25px 0 0;
}
.filters {
	margin: 0 15px 0 0;
}
.filters a {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	border-radius: 4px;
	background-color: #194F90;
}
.filters a img {
	max-width: 28px;
}
.booking-container table td button.btn{
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
}
.booking-container table td button.btn label{
	color: #fff !important;
	padding: 3px 10px;
	border-radius: 4px;
	margin: 0;
	width: 100%;
}
.booking-container table td button.btn .light-blue{
	background-color: #03A9F4;
}
.booking-container table td button.btn .yellow{
	background-color: #FFEB3B;
	color: #000 !important;
}
.booking-container table td button.btn .green{
	background-color: #4CAF50;
}
.drawer {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 30%;
	background-color: #fff;
	display: block;
	transform: translateX(110%);
	transition: transform .3s linear;
	z-index: 99;
	margin: 0;
}
.drawer.drawer-open {
	transform: translateX(0);
	transition: transform .3s linear;
}
.drawer .filter-inner-block {
	position: relative;
	height: 100%;
	background-color: #fff;
	z-index: 99;
	padding: 30px 20px;
}
.drawer .filter-actions{
	display: flex;
}
.drawer .filter-actions a{
	width: 100%;
}
.drawer .filter-actions .clear-all{
	background-color: transparent;
	color: #5d5d5d;
	text-align: center;
	display: block !important;
	text-align: center;
}
.drawer .filter-inner-block .filter-title {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
.drawer .filter-inner-block .filter-title a {
	color: #fff;
	position: relative;
	left: -125px;
}
.drawer .filter-inner-block .filter-title a svg {
	width: 32px;
	height: 32px;
}
.drawer .filter-inner-block .filter-title h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
.drawer .filter-inner-block .filter-wrapper {
	position: relative;
	height: calc(100% - 120px);
}
.drawer .filter-inner-block .right-block {
	margin-bottom: 28px;
}
.drawer .filter-actions {
	padding: 20px;
	margin: 0 -20px;
	border-top: 1px solid #d1d1d7;
}
.drawer-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 9;
}
.bill-invoice-page .billing-pane .first-pane .card .customer-card-body h3 {
	text-transform: capitalize;
	margin: 0;
	font-size: 15px;
}
.trip-source-dest .destination {
	padding-top: 20px;
}
.bill-invoice-page .billing-pane .first-pane .card-view.customer-card-view {
	min-height: 80px;
}
.billing-pane.show-customer-pane .col-sm-6.third-pane {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.form-layout .form-group.prepend label {
	left: 40px;
}
.form-layout .form-group.prepend .input-field:not(:placeholder-shown) + label, .form-layout .form-group.prepend.focused label {
	transform: translateY(-12px) scale(.8);
	background-color: #fff;
	/* color: #194F90; */
	padding: 0 8px;
	z-index: 1;
	left: 40px;
}
.row.selected .with-driver, .row.d-selected .without-driver {
	display: flex;
}
.with-driver, .without-driver {
	display: none;
}
.z-one {
	z-index: 1;
}
.w-full {
	width: 100%;
}
button.Reject {
	margin-left: 15px;
}
#Driver-change .modal-dialog {
	max-width: 900px;
}
/* Notification */
#navbarSupportedContent .dropdown.nav-item #dropdownBasic2 {
	position: relative;
	top: 6px;
}
.navbar .notification {
	top: 4px;
}
.notification-dropdown .noti-footer {
	color: #194F90;
}
.noti-wrapper .noti-title {
	white-space: initial;
	line-height: 22px;
}
.notification-dropdown .noti-list {
	height: auto;
}
.notification-dropdown .noti-list .noti-title {
	white-space: initial;
}
.mb-20 {
	margin-bottom: 35px;
}
.column-view.add-block {
	padding: 20px;
	border: 1px solid #d1d1d7;
	margin: 20px 0;
	position: relative;
	border-radius: 4px;
}
.close-column {
	position: absolute;
	top: 20px;
	right: -20px;
}
.card .card-body.admin-notification-list {
	height: 70vh;
	overflow: auto;
	margin: 0 0 20px;
}
.admin-notification-list p {
	color: #222;
}
.admin-notification-list small {
	color: #5d5d5d;
}
.notification-page .pagination {
	margin-left: 20px;
}
.booking-popup .modal-dialog {
	max-width: 86%;
}
.booking-popup .modal-body {
	height: auto;
	padding: 0;
}
.booking-popup .modal-body .card {
	border: none;
	margin-top: 0;
}
.booking-popup .booking-management-body .row.m-0 {
	margin: 0;
}
.drawer .filter-inner-block .right-block.date-range{
	position: relative;
}
.drawer .filter-inner-block .right-block.date-range a{
	position: absolute;
    right: 20px;
    margin: 0;
	top: 0;
	bottom: 0;
	height: 100%;
    padding: 14px;
	color: #194F90;
	transition: all 0.3s ease-in-out;
}
.drawer .filter-inner-block .right-block.date-range a:hover{
	text-decoration: underline;
}
.trip-status.yellow {
	background-color: #FFEB3B;
	color: #222 !important;
}
.trip-status.green {
	background: green;
	color: #fff !important;
}
.trip-status.light-blue {
	background: #03A9F4;
	color: #fff !important;
}
.mt-15 {
	margin-top: 15px;
}
.booking-container .dataTables_wrapper .row:nth-last-of-type(2) {
	margin-right: -25px;
}
.booking-container .dataTables_wrapper .row:nth-last-of-type(2) .col-sm-12 {
	padding-right: 0;
}
.box{
	border: 1px solid #d1d1d7;
}
.modal-dialog.expand{
	max-width: 75%;
}
/* Customer Booking */
.customer-detail-modal.modal .modal-body{
	height: auto;
}
.customer-detail-modal.modal .modal-body p{
	display: inline-block;
	padding-left: 5px;
	margin: 0;
}

.customer-detail-modal.modal .modal-body .form-group{
	margin-bottom: 10px;
}
.form-actions.space-between{
	justify-content: space-between;
	padding: 20px 15px;
}
.form-actions.space-between .right-actions{
	display: flex;
}
.form-group.category{
	border: 1px solid #d1d1d7;
	padding: 60px 30px;
	border-radius: 4px;
	text-align: center;
}
.form-actions.space-between .right-actions .btn-secondary{
	margin-right: 15px;
	height: 50px;
	padding: 0 40px;
	line-height: 50px;
	border: none;
}
.form-group.with-search .input-group-append{
	position: absolute;
	top: 0;
	right: 0;
}
.form-group.with-search .input-group-append a{
	display: block;
	padding: 0 20px;
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 54px;
	line-height: 54px;
	background-color: #194F90;
}
.booking_view_detail .card form{
	position: relative;
	z-index: 1;
}
.booking_view_detail .card{
	border: none;
}
.booking_view_detail  .modal-dialog  .form-group{
	margin-bottom: 30px;
}
a:not([href]):not([tabindex]).btn-primary{
	color: #fff;
}
.btn-label, .btn-label:hover, .btn-label:focus{
	color: #194F90;
}
#dataTableBuilder_filter{
	display: inline-block;
	float: right;
}
.dataTables_info{
	display: inline-block;
	padding-left: 30px;
}
.dataTables_length{
	display: inline-block;
}
.wrapper{
	overflow: auto;
	height: auto;
}
.main-panel{
	max-height: initial;
	min-height: initial;
	height: auto;
}
.dataTables_scrollBody{
	max-height: none !important;
}
.booking-container .dropdown-menu{
	width: 100%;
}
.mb-15{
	margin-bottom: 15px;
}
.bookingShow_button.add_more_field{
	padding: 15px 25px;
    border: 1px solid #d1d1d7;
    border-radius: 5px;
	margin: 5px 0 0;
	display: inline-block;
}
@media(max-width: 1600px) {
#login .right-wrapper .right-inner-wrapper, #login .right-wrapper .otp-login {
	max-width: 70%;
}
	.booking-form .col-sm-4{
	max-width: 33.333333%;
	flex: 0 0 33.333333%;
}
	.booking-form .col-sm-5{
	max-width: 41.66667%;
	flex: 0 0 41.66667%;
}
	.booking-form .col-sm-3{
	max-width: 25%;
	flex: 0 0 25%;
}
.booking-container .dataTables_wrapper .row .dataTables_scrollBody {
	height: 40vh;
	max-height: 40vh !important;
}
.form-wrapper {
	height: 62vh;
}
.error {
	font-size: 14px;
}
.booking-management-body .imp-row [class*="col-"] {
	padding: 7px 18px;
}
.wrapper .content-header {
	font-size: 22px;
	margin: 0;
}
.booking-filters .btn-primary {
	padding: 0 15px;
}
.dashboard-page .dashboard-card .left p, .note {
	font-size: 14px;
}
.dashboard-page .media-body.text-left span {
	font-size: 13px;
}
.dashboard-page .card .card-body .title-wrapper input {
	font-size: 14px;
}
.booking-container .right-side {
	width: 85%;
}
.booking-management-body .trip-details .col-md-2 {
	-webkit-flex: 0 0 21%;
	-ms-flex: 0 0 21%;
	flex: 0 0 21%;
	max-width: 21%;
}
.booking-management-body .trip-details .col-md-3 {
	-webkit-flex: 0 0 28%;
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}
.booking-management-body .trip-details .col-md-4 {
	-webkit-flex: 0 0 28%;
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}
.bill-invoice-page .billing-pane .first-pane .card h3, .bill-invoice-page .billing-pane .second-pane .card h3 {
	font-size: 15px;
}
.bill-invoice-page .billing-pane .first-pane .card-view, .bill-invoice-page .billing-pane .second-pane .card-view {
	padding: 8px 14px;
}
.bill-invoice-page .billing-pane .first-pane .card-view, .bill-invoice-page .billing-pane .second-pane .card-view {
	min-height: 114px;
}
.bill-invoice-page .right {
	width: 89%;
}
.bill-invoice-page .billing-pane .third-pane .booking-type-title {
	font-size: 22px;
}
.vehicle-number.col-md-3 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
}

@media(max-width: 1390px) {
	
.booking-management-body .imp-row [class*="col-"] {
	font-size: 14px;
	padding: 7px 8px;
}
.booking-container .dataTables_wrapper .row .dataTables_scrollBody {
	height: 40vh;
	max-height: 40vh !important;
}
.booking-management-body .header-title {
	font-size: 14px;
}
.booking-management-body .imp-row p {
	font-size: 14px;
}
.booking-page .booking-management-body {
	height: calc(100vh - 280px);
	padding-bottom: 80px;
}
.trip-source-dest .right span {
	font-size: 15px;
}
.booking-management-body .trip-details .col-md-2:last-of-type {
	margin-top: 15px;
}
.booking-management-body .trip-details {
	padding-bottom: 0;
}
.bill-invoice-page .billing-pane .third-pane .pane-card-body p {
	font-size: 15px;
}
.plan-wrapper .col-md-4 {
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.plan-list .plan-left .plan-info p {
	font-size: 14px;
}
.create-booking-container .form-wrapper .col-md-3 {
	-webkit-flex: 0 0 33.3333%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.create-booking-container .form-wrapper .form-scroller {
	padding-bottom: 60px;
}
.drawer {
	width: 28%;
}
}

@media(max-width: 1400px) {
.form-wrapper {
	height: 62vh;
}
.form-layout .label-block .form-group.upload-slide label.choose-file {
	font-size: 12px;
}
}

@media (max-width: 760px) {
.tool::after {
	font-size: .75em;
	margin-left: -5em;
	width: 10em;
}
.collapse.navbar-collapse {
	display: block;
}
.main-panel {
	overflow: auto;
}
.booking-container .page-title {
	display: block !important;
}
.form-layout .btn-primary, .btn-primary {
	font-size: 15px;
	padding: 0 20px;
}
.wrapper .booking-container .content-header {
	margin-bottom: 15px;
}
.filters a {
	height: 40px;
	padding: 0 12px;
}
.wrapper .content-header {
	font-size: 20px;
}
.booking-container .filters {
	position: absolute;
	top: -10px;
	right: 0;
}
.booking-container .d-flex .form-actions, .booking-container .d-flex .dropdown {
	width: 50%;
}
.main-content {
	margin-top: 15px;
	margin-bottom: 120px;
}
.drawer .filter-inner-block .filter-title a {
	left: 0;
}
.drawer.drawer-open .filter-inner-block .filter-title a {
	left: -125px;
}
.drawer {
	width: 85%;
}
.bill-invoice-page .page-title {
	display: block !important;
}
.wrapper .bill-invoice-page .content-header {
	margin-bottom: 15px;
}
.bill-invoice-page .right {
	width: 100%;
}
.bill-invoice-page .right .form .col-sm-3 {
	margin-bottom: 12px;
}
.billing-pane .mob-header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	padding: 15px;
	background: #fff;
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #d1d1d7;
}
.billing-pane .mob-header svg path {
	fill: #000;
}
.billing-pane .mob-header h3 {
	margin: 0;
	color: #000;
}
.billing-pane.first-pane-active .card-body {
	margin-top: 48px;
}
.billing-pane.first-pane-active.second-pane-active .first-pane, .billing-pane.first-pane-active.second-pane-active .second-pane {
	display: none;
}
.billing-pane.first-pane-active.second-pane-active .second-pane {
	display: none !important;
}
.billing-pane.first-pane-active .first-pane {
	display: none;
}
.col-sm-6.third-pane {
	padding-left: 0;
}
.billing-pane.show-customer-pane.second-pane-active .first-pane {
	display: none;
}
.billing-pane .third-pane .card-body {
	margin-top: 50px;
}
.billing-pane.show-customer-pane .col-sm-6.third-pane {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.booking-container .tabs-and-filters .tabs-mobile {
	display: block !important;
	margin: 0 -15px;
	overflow: hidden;
	padding: 0 15px;
}
.booking-container .tabs-and-filters .tabs-mobile .left {
	overflow: hidden;
	margin: 0 0 15px;
}
.booking-container .tabs-and-filters .tabs-mobile .left .nav-tabs {
	padding-left: 15px;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
 .booking-container .tabs-and-filters .tabs-mobile .left .nav-tabs::-webkit-scrollbar {
 display: none;
}
.booking-container .tabs-and-filters {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: #F5f5f5;
}
 .booking-container .tabs-and-filters .tabs-mobile .left .nav-tabs::scrollbar {
 display: none;
}
#login .right-wrapper .right-inner-wrapper, #login .right-wrapper .otp-login {
	max-width: 100%;
}
.booking-container .tabs-and-filters .tabs-mobile .right .searchbar {
	width: 75%;
}
.booking-container .tabs-and-filters .tabs-mobile .right .searchbar .form-group {
	width: 100%;
}
.booking-page .booking-management-body {
	height: auto;
	margin: 10px 0;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.booking-container .tabs-and-filters .tabs-mobile .entries p {
	display: none;
}
.booking-management-body .trip-details .col-md-2, .booking-management-body .trip-details .col-md-3 {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width: 100%;
}
.booking-management-body .trip-details .col-md-3 {
	margin-top: 15px;
}
.booking-management-body .imp-row [class*="col-"] {
	width: max-content;
}
.booking-management-body .scroll-x {
	flex-wrap: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}
 .booking-management-body .scroll-x::-webkit-scrollbar {
 display: none;
}
.booking-management-body .btn-wrapper {
	padding: 0 10px;
}
.btn-wrapper button:first-of-type {
	margin-right: 10px;
}
 .booking-management-body .scroll-x::scrollbar {
 display: none;
}
.agency-name-addreess h4 {
	font-size: 16px;
}
.btn-wrapper .edit-btn {
	margin-left: 10px;
}
.notification-dropdown {
	width: 400px;
}
.notification-dropdown .noti-list {
	position: relative;/* min-height: 290px; */
}
.notification-dropdown.dropdown-menu {
	padding: 0;
}
.notification-dropdown .noti-text {
	color: #6C757D;
	font-size: 90%;
}
.notification-dropdown .dropdown-item:focus i, .notification-dropdown .dropdown-item:hover i {
	color: #FDA33C !important;
}
.notification-dropdown .dropdown-item.active i, .notification-dropdown .dropdown-item.active .noti-title, .notification-dropdown .dropdown-item.active .noti-text, .notification-dropdown .dropdown-item:active i, .notification-dropdown .dropdown-item:active .noti-title, .notification-dropdown .dropdown-item:active .noti-text {
	color: white !important;
}
.content-wrapper {
	padding: 0 15px;
}
.dataTables_wrapper .dataTables_info {
    clear:none;
    margin-left:10px;
    padding-top:0;
}
}