@import "fonts.css";

/*-------------------
    Scroll
-------------------*/
* {
	scrollbar-width: thin;
	scrollbar-color: #3b5181 #06090f;
}

	/* Targtes on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	*::-webkit-scrollbar-track {
		background: #06090f;
	}

	*::-webkit-scrollbar-thumb {
		background-color: #3b5181;
		border-radius: 20px;
		border: 2px solid #06090f;
	}

/*-----------------
	1. General
-----------------------*/
html {
	height: 100%;
}

body {
	font-family: 'Josefin Sans', sans-serif;
	font-size: .8rem;
	/*color: #1f1f1f;*/
	/*background-color: #f7f7f7;*/
	background-color: #141b2d;
	min-height: 100%;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Josefin Sans', sans-serif;
	margin-top: 0;
	font-weight: 500;
}

.min-h-100 {
	min-height: 100% !important;
}



.br-1 {
	width: 1px;
	border-right: 1px solid #434E6B;
	height: 24px;
}

.br-dashed {
	border-right: 1px dashed #434E6B;
}

.br {
	border-right: 1px solid #2A3555;
}

.bt-dashed {
	border-top: 1px dashed #434E6B;
}

.bt-dashed-5083A4 {
	border-bottom: 1px dashed #5083A4 !important;
}

hr,
.bc-2A3555 {
	border-color: #2A3555 !important;
}

.b-bottom {
	border-bottom: 1px solid #2A3555 !important;
}

.br-tr-radius {
	border-top-right-radius: 10px;
}

.br-tl-radius {
	border-top-left-radius: 10px;
}

.br-bl-radius {
	border-bottom-left-radius: 10px;
}

.br-br-radius {
	border-bottom-right-radius: 10px;
}

.min-w-800 {
	min-width: 800px;
}


@media (max-width: 1200px) {
	.br-xl-none {
		border-right: none;
	}
}

@media (max-width: 992px) {
	.br-lg-none {
		border-right: none;
	}
}

@media (max-width: 768px) {
	.br-md-none {
		border-right: none !important;
	}
}

@media (max-width: 576px) {
	.br-xs-none {
		border-right: none;
	}
}

.border {
	border-color: #425C96 !important;
}

.border-primary {
	border: 1px solid #434E6B !important;
}

.border-bottom-primary {
	border-bottom: 1px solid #434E6B !important;
}

.text-636E8B {
	color: #636E8B !important;
}


.sidebar-menu ul ul a {
	display: block;
	font-size: 13px;
	padding: 9px 10px 9px 50px;
	position: relative;
}


.sidebar-menu li a {
	color: #fff !important;
	display: block;
	font-size: 13px;
	height: auto;
	padding: 0 20px;
}

.btn-margin-start {
	margin: 20px 20px 20px 20px;
	width: 100px;
}

/*.small, small {
    font-size: 50%;
    font-weight: 400;
}*/

.form-table-size {
	width: 50%;
}

.containerx {
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
}

.button-wrapx {
	position: relative;
	text-align: center;
	top: 50%;
}

@media (max-width: 40em) {
	.button-wrapx {
		margin-top: -1.5em;
	}
}

.button-labelx {
	display: inline-block;
	padding: .8em 2em .5em;
	margin: 0.5em;
	cursor: pointer;
	color: #292929;
	border-radius: 0.25em;
	background: #efefef;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.button-labelx h1 {
		font-size: 1em;
		font-family: "Lato", sans-serif;
	}

	.button-labelx:hover {
		background: #d6d6d6;
		color: #101010;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
	}

	.button-labelx:active {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
	}

@media (max-width: 40em) {
	.button-labelx {
		padding: 0em 1em 3px;
		margin: 0.25em;
	}
}

#yes-button:checked + .button-labelx {
	background: #2ECC71;
	color: #efefef;
}

	#yes-button:checked + .button-labelx:hover {
		background: #29b765;
		color: #e2e2e2;
	}

#no-button:checked + .button-labelx {
	background: #D91E18;
	color: #efefef;
}

	#no-button:checked + .button-labelx:hover {
		background: #c21b15;
		color: #e2e2e2;
	}


.hidden {
	display: none;
}

.btn-pasif {
	color: #a2a2a2;
	background-color: #c5c5c5;
	border-color: #acafb3;
}

.btn-mt-10 {
	margin-top: 10px;
	width: 40px;
}

.btn-mt-w {
	width: 40px;
}

.btn-width-w-mb {
	margin-bottom: 10px;
	width: 100px;
}

.btn-width-w-mb-65 {
	margin-bottom: 10px;
	width: 65px;
}

.btn-width-w-mb-100 {
	margin-bottom: 10px;
	width: 100px;
}


.btn-width-w-mb-110 {
	margin-bottom: 10px;
	width: 110px;
}


.btn-width-w-mb-120 {
	margin-bottom: 10px;
	width: 120px;
}



.form-check-icon-red {
	color: #FF8B8B;
	font-size: 46px !important;
}

.form-check-icon-green {
	color: #86C379;
	font-size: 46px;
}

.form-check-icon-gray {
	color: #fff;
	font-size: 46px;
	opacity: .4;
}

.form-check-icon-warning {
	color: #ff771d;
	font-size: 46px !important;
}

.form-check-table {
	width: 75%;
}

.form-check-warning {
	/*background-color: #ffecee !important;*/
}

.form-prev-inactive {
	background-color: #efefef !important;
}

.form-check-table-25 {
	width: 25%;
}


.form-revision-table {
	letter-spacing: 0em !important;
	background-color: #d6d7e4;
}


.map-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lokasyon-icon {
	position: absolute;
	top: 230px;
	left: 330px;
}

.form-input-warn {
	border: 1px solid red !important;
}

.alert-dismissible-push {
	padding-right: 0rem;
}

.alert-dismissible .close {
	padding: 10px 20px;
	bottom: 0;
	text-shadow: none !important;
}

	.img-thumbnail-close .material-symbols-outlined,
	.alert-dismissible .close .material-symbols-outlined {
		font-size: 18px;
		line-height: 16px !important;
	}

.revision-font-small {
	font-size: 12px;
}


.height-auto {
	height: auto !important;
	overflow-y: auto;
}

.alert-secondary {
	color: #fff !important;
	background-color: #4E5F86 !important;
	border-color: #4E5F86 !important;
}
/*-----------------
  2. SEMI-PIE CHARTS STİLLERİ
-----------------------*/
.semi-pie-top {
	border: 1px solid #b6e0a9;
	background-color: #efffea;
	color: #688c5d;
}

.semi-pie-departing {
	border: 1px solid #6dbbf0;
	background-color: #d7ecfa;
	color: #4d88af;
}

.semi-pie-arriving {
	border: 1px solid #ff8ea5;
	background-color: #ffe0e6;
	color: #a06671;
}

.statistics .stats-box {
	border: none;
}

	.statistics .stats-box span {
		min-width: 80px;
		display: inline-block;
		margin: 5px 0;
	}

	.statistics .stats-box strong {
		display: inline-block;
		border-radius: 100px;
		color: #fff;
		padding: 5px 0;
		min-width: 80px;
		text-align: center;
	}

.statistics .spendTimeTxtColor h6 {
	color: #35A095 !important;
}

.statistics .remainingTimeTxtColor h6 {
	color: #61687A !important;
}
/*-----------------
  2. VARDİYA
-----------------------*/
.semi-pie-vardiya-gecen {
	color: #F8961E !important;
}

	.semi-pie-vardiya-gecen strong {
		background-color: #F8961E !important;
	}

.semi-pie-vardiya-gecen2 {
	color: #90BE6D !important;
}

	.semi-pie-vardiya-gecen2 strong {
		background-color: #90BE6D !important;
	}

/*-----------------
  2. BUGUN
-----------------------*/
.semi-pie-bugun-gecen2 {
	color: #2D9CDB !important;
}

	.semi-pie-bugun-gecen2 strong {
		background-color: #2D9CDB !important;
	}

.semi-pie-bugun-kalan {
	border: 1px solid #afbac3;
	background-color: #f2f2f3;
	color: #999999;
}

/*-----------------
  2. BU HAFTA
-----------------------*/
.semi-pie-buhafta-gecen2 {
	color: #F9C74F !important;
}

	.semi-pie-buhafta-gecen2 strong {
		background-color: #F9C74F !important;
	}

.semi-pie-buhafta-kalan {
	border: 1px solid #afbac3;
	background-color: #f2f2f3;
	color: #999999;
}

/*-----------------
  2. BU AY
-----------------------*/
.semi-pie-buay-gecen2 {
	color: #F94144 !important;
}

	.semi-pie-buay-gecen2 strong {
		background-color: #F94144 !important;
	}

.semi-pie-buay-kalan {
	border: 1px solid #afbac3;
	background-color: #f2f2f3;
	color: #999999;
}

/*-----------------
  3. CHARTS -COUNTER FORM STİLLERİ
-----------------------*/

.end {
	margin-right: 0 !important;
}
/* Column Grids End */

.wrapper {
	width: 980px;
	margin: 30px auto;
	position: relative;
}

.counter {
	background-color: #ffffff;
	padding: 20px 0;
	border-radius: 5px;
}

.count-title {
	font-size: 40px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

.count-text {
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}


.record-add-remove-space {
	padding-right: 0px;
	margin-bottom: 40px;
}


.it3-red-bg {
	background-color: #ffe8e8;
	border: 1px solid #ffc4c4;
}

.it3-mb-0 {
	margin-bottom: 0px !important;
}

.it3-mb-10 {
	margin-bottom: 10px !important;
}

.it3-mb-5 {
	margin-bottom: 5px !important;
}

.it3-mb-20 {
	margin-bottom: 20px !important;
}

.it3-mb-30 {
	margin-bottom: 30px !important;
}

.it3-mt-10 {
	margin-top: 10px !important;
}

.it3-mt-20 {
	margin-top: 20px !important;
}

.it3-mt-30 {
	margin-top: 30px !important;
}


.it3-mr-20 {
	margin-right: 20px !important;
}

.it3-ml-20 {
	margin-left: 20px !important;
}

.it3-pr-20 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.it3-pl-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.it3-m-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.it3-m-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.it3-m-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.it3-m-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.it3-m-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.it3-form-prew-text {
	font-size: 12px;
	margin-bottom: 0;
}

.it3-form-prew-box {
	padding: 4px 3px 4px 15px;
}

.it3-hr {
	height: 2px;
	border-width: 0;
	color: gray;
	background-color: gray
}

.btn-off {
	background-color: #546288 !important;
	pointer-events: none;
}

.it3wrapper {
	margin-left: 0px !important;
	padding-top: 0px !important;
}

.it3-pad-0 {
	padding: 0px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.ml-45 {
	margin-left: 45px !important;
}

.it3-chart-pad {
	padding: .25rem !important;
}

.form-img-thumbnail {
	background-color: #fff;
	border: 1px solid #425C96 !important;
	border-radius: .25rem;
	width: 82px;
	height: 82px;
	max-width: 100% !important;
	display: block;
}

@media(max-width: 768px) {
	.form-img-thumbnail {
		width: 50px;
		height: 50px;
	}
}

.img-thumbnail-close {
	color: #fff !important;
	opacity: 1 !important;
	width: 22px;
	height: 22px;
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius: 5px !important;
	background: #cb4747 !important;
	line-height: 16px !important;
}

.form-detail-box {
	border: 1px solid #d6d8db;
	border-radius: 3px;
	min-height: 50px;
	margin-right: 50px;
	background-color: #f7f7f7;
}



/*-----------------
  DATAGRID
-----------------------*/


.it3-dtgrd-btn {
	border-color: #e3e3e3 !important;
	text-transform: unset !important;
}

.it3-dtgrd-icon-w {
	width: 32px;
}


.it3-dtgrd-icon-b {
	width: 40px;
	margin: 0px 0px 0px 0px !important;
}


.it3-dtgrd-w {
	width: 120px;
}


.it3-btn-white {
	color: #fff !important;
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: none;
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #676767;
	font-size: 13px;
	font-weight: normal;
	line-height: 42px;
}



.btn {
	font-size: .8rem;
}


.f-he-36 {
	height: 36px;
}

.tbl-photo {
	width: 40px;
	height: 35px;
}

.tbl-photo-full {
	width: 100%;
}

.tooltip-btn {
	background-color: #f7f7f7;
	border-color: #e3e3e3;
	height: 23px;
	padding: 1px 10px 1px 10px;
	float: left;
	margin-right: 20px;
}

.modal500 {
	max-width: 500px !important;
}

.modalrad5 {
	border-radius: 5px !important;
}

.modal-content .close {
	color: #fff !important;
}

.modal-header,
.modal-footer {
	border-color: #2A3555 !important;
}


.sector-acc-body {
	box-shadow: none;
	border: none !important;
	margin-bottom: 10px;
}

	.sector-acc-body .checktoggle {
		background-color: #546288;
	}

		.sector-acc-body .checktoggle:after {
			background-color: #212C48 !important;
		}

.sector-acc-header {
	border: 0 !important;
	color: #fff;
	text-decoration: none !important;
}

	.sector-acc-header.bg-success {
		color: #53F8BA !important;
	}

.sector-acc-body .list-group-item {
	border: none;
	border-bottom: 1px solid #32436D !important;
}



.btn-padd {
	padding-left: unset !important;
	padding-right: unset !important;
}



.modal-dialog {
	max-width: 85%;
	margin: 1.75rem auto;
}



.swal2-title {
	position: relative;
	max-width: 100%;
	margin: 0 0 .4em;
	padding: 0;
	color: #595959;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-transform: none;
	word-wrap: break-word;
}




.blink_me {
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}


.lvo {
	height: 0px !important;
}

.pistyonu-kuzey,
.pistyonu-guney,
.lvo2 {
	margin: 0 15px;
}

.lvo2 {
	color: #FF8282 !important;
	display: block;
	text-align: center;
}

	.lvo2 .icon {
		filter: drop-shadow(0px 0px 20px #FF8282);
	}

.pistyonu-guney {
	color: #6D8DFF !important;
	display: block;
	text-align: center;
}

	.pistyonu-guney .icon {
		filter: drop-shadow(0px 0px 20px #6D8DFF);
	}

.pistyonu-kuzey {
	color: #86DE5C !important;
	display: block;
	text-align: center;
}

	.pistyonu-kuzey .icon {
		filter: drop-shadow(0px 0px 20px #86DE5C);
	}




.alert-cls-btn {
	padding: .55rem 1.25rem !important;
}

.alert-mt-1 {
	margin-top: 1rem !important;
}

.lvo-btn {
	line-height: 2;
}

.filter-multiselect {
	font-size: 12px !important;
	height: 44px !important;
	border: 1px solid rgba(0,0,0,.125) !important;
}


.tbl-local {
	width: 40px;
	height: 48px;
}

.form-check-icon-black {
	color: #131313;
	font-size: 18px;
}



.bulgu-icons {
	font-size: 16px !important;
	color: #009dff;
}

.bulgu-color {
	color: #009dff;
}

.kural-color {
	color: #8b1ea5;
}

.bulgu-color2 {
	color: #555f65;
}

.bulgu-img {
	height: 31px;
	border-radius: 5px;
}

.ver-alg {
	vertical-align: middle !important;
	text-align: center;
}

.ver-alg-lf {
	vertical-align: middle !important;
}


.hor-alg {
	text-align: center;
}

.ver-alg-tp {
	vertical-align: top !important;
}

.foto-modal {
	max-width: 400px;
}

.foto-modal-800 {
	max-width: 800px;
}

.w-90 {
	width: 90%;
}

.w-70 {
	width: 70%;
}

.iu-tbl-30 {
	width: 30%;
}

.iu-tbl-15 {
	width: 15%;
}

.iu-tbl-10 {
	width: 10%;
}


.iu-btn-pr-10 {
	padding-right: 10px !important;
}

.iu-btn-mr-10 {
	margin-right: 10px !important;
}


.comp-fs {
	font-size: 18px;
}

.aprn-search {
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


.form-foto-cls {
	width: 32px;
	margin: 0px 0px 0px 0px !important;
	padding: 12px 28px 12px 12px;
	border-radius: unset;
}

.form-foto {
	width: 32px;
	margin: 0px 3px 0px 0px !important;
	padding: 12px 27px 12px 13px;
	border-radius: unset;
}

.form-foto-cls-btn {
	margin-bottom: 24px;
	border-radius: 0;
	padding: 0px 3px 0px 3px;
}

.form-foto-cls-margin {
	margin-right: 10px;
	margin-left: -4px;
}

.ki-alterna-bg {
	background-color: #f0f0f0 !important;
}


.ob-tbl-bg {
	background-color: #f6f6f6;
}



.ob-tbl-50 {
	width: 50px;
}

.ob-tbl-100 {
	width: 100px;
}

.ob-tbl-head-clr {
	background-color: #ffffff;
}

.table-zeropad {
	padding: 0 !important;
}

.tb-body-font {
	font-size: 12px;
}

.vmod {
	writing-mode: vertical-lr
}

.yakit-modal-400 {
	max-width: 400px;
}

.nobrd {
	border: 0;
}

.tblbg {
	background-color: #111C36;
}

.textareahi {
	height: 150px;
}

.sms-tbl-color1 {
	background-color: #136679 !important;
}

.sms-tbl-color2 {
	background-color: #394971 !important
}

.sms-tbl-color3 {
	background-color: #aba558 !important;
}


.sms-tbl-color4 {
	background-color: #4ca779 !important;
}

.sms-tbl-color5 {
	background-color: rgba(255, 211, 211, 0.83) !important;
}

.sms-tbl-color6 {
	background-color: rgb(247, 255, 211) !important;
}

.sms-tbl-pad20 {
	padding: 1px !important;
}

.sms-tbl-scrool {
	overflow-x: auto
}

.tbl-height-fixed {
	height: calc(100vh - 210px) !important;
}

.sms-tbl-cb .cr {
	color: #1B2540 !important;
	border: 1px solid #1B2540 !important;
}

.text-black {
	color: black !important;
}

.text-vertical {
	writing-mode: tb-rl;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	white-space: nowrap;
	display: block;
	bottom: 0;
	width: 20px;
	height: 20px;
}



.fishes {
	position: relative;
	top: 0;
	left: 0;
}


.fish {
	position: absolute;
	top: 5px;
	left: 10px;
}

.fishbtn {
	position: relative;
	left: 0;
	top: 0;
}

.fishleft {
	float: left !important;
}

.fishmarg {
	margin: 5px !important;
}

.sms-crdhead-1 {
	background-color: #73cc81;
}

.sms-crdhead-2 {
	background-color: #73adcc;
}


.sms-crdhead-3 {
	background-color: #9f9b4f;
}


.it3-font-16 {
	font-size: 16px !important;
}

.it3-font-20 {
	font-size: 20px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.table-danger {
	background-color: #e3858f;
}

.table-danger-sms {
	background-color: #fd3737;
	color: black;
}

.table-warning-sms {
	background-color: #ffd800;
	color: black;
}

.table-danger.table-blue {
	background-color: #3880ba !important;
}

.bg-blue {
	background-color: #24557c !important;
}

.table-success-sms {
	background-color: #71c000;
	color: black;
}

.td-date.bg-warning {
	background-color: #cb972d !important;
}

.sms-header {
	background: unset;
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 20%);
}


.sms-width2 {
	width: 30px;
}

.sms-max {
	max-width: unset !important;
}

.sms-wdth {
	width: 100%
}

.sms-wdth8 {
	width: 80%
}


.rpr-he-auto {
	height: auto !important;
	overflow: hidden;
}


.rpr-he-btn {
	height: 42px !important;
	width: 42px !important;
	padding: unset !important;
	min-height: 42px !important;
}



div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	/* background-color: yellow; */
	padding: 10px;
	font-size: 20px;
	z-index: 100000;
}


.headersms {
	border-bottom: 1px solid transparent;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	height: 60px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1002;
}

	.headersms .headersms-left {
		float: left;
		height: 60px;
		padding: 0 20px;
		position: relative;
		text-align: center;
		width: 230px;
		z-index: 1;
		transition: all 0.2s ease-in-out;
	}

	.headersms .headersns-left .logo {
		display: inline-block;
		line-height: 60px;
	}

.sms-img {
	margin-top: -60px;
}

.sms-btn-right {
	float: right !important;
}

.sms-headmargin {
	margin: 15px 10px 10px 10px;
}

.sms-headz {
	z-index: 999999;
}


.sms-slider-height {
	max-height: 450px;
	overflow: hidden;
}

	.sms-slider-height .overlay {
		background: black;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .4;
	}


	.sms-slider-text1 {
		font-size: 2.5vw !important;
	}

.sms-slider-text2 {
	font-size: 2vw !important;
}

.sms-slider-text3 {
	font-size: 1.5vw !important;
}

.w-95 {
	width: 95% !important;
}

.tooltip-inner {
	max-width: 400px !important;
}

.bolder {
	font-weight: bold !important;
}


.sms-left-border {
	border-left: 1px solid #303F65;
}

.imgUp {
	height: 100px !important;
}

.sms-color-10 {
	color: #4cc0bf;
}

.hiddenRow {
	padding: 0 !important;
}

.font-weight-bold {
	font-weight: bold;
}

/*.page-wrapper > .content {
    padding: 15px !important;
}*/

form #input-wrap {
	margin: 0px;
	padding: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-bg {
	background-color: #ffbc34;
}

.footerstick {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	text-align: center;
	background-color: #2989A8;
	height: auto;
	z-index: 909999;
	padding: 6px;
}



.sub-ft-space {
	margin-bottom: 70px !important;
}

@media only screen and (max-width: 600px) {
	.footerstick {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		color: white;
		text-align: center;
		background-color: #20b0cb;
		border: 1px solid #07829a;
		height: auto;
		z-index: 909999;
		padding: 12px;
	}
}


.sms-color1 {
	background-color: #f0bec9;
}

.sms-color2 {
	background-color: #94bce3;
}

.sms-color3 {
	background-color: #f4bc8a;
}

.sms-color4 {
	background-color: #caaffe;
}

.sms-color5 {
	background-color: #affece;
}

.sms-color6 {
	background-color: #b99b0a;
}

.sms-colorgri1 {
	background-color: #f5f5f5;
}

.sms-colorgri2 {
	background-color: #9d9d9d;
}

.sms-colormavi1 {
	background-color: #c9daff;
}

.sms-colormavi2 {
	background-color: #68a3ff;
}





.mob-lvo {
	background-color: rgba(255, 100, 100, 0.83);
	width: 40px;
	height: 30px;
	font-size: 10px;
	font-weight: 600;
	color: white;
	padding: 7px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.46);
	margin-top: 3px;
}

.mob-ruzgar-kuzey {
	background-color: #3f53b0;
	width: 40px;
	height: 30px;
	font-size: 12px;
	font-weight: 400;
	color: white;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.46);
	margin-top: 3px;
}

.mob-ruzgar-guney {
	background-color: #32c110;
	width: 40px;
	height: 30px;
	font-size: 12px;
	font-weight: 400;
	color: white;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.46);
	margin-top: 3px;
}



@media only screen and (max-width: 575.98px) {
	.lvo-mobile {
		position: absolute;
		width: 91%;
		float: left;
		text-align: center;
		width: 100%;
		padding: 12px;
	}
}

@media only screen and (min-width: 576px) {
	.lvo-mobile {
		display: none;
	}
}

.checkboxx label:after,
.radiox label:after {
	content: '';
	display: table;
	clear: both;
}

.checkboxx .cr,
.radiox .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .1em;
	width: 1.3em;
	height: 1.3em;
	float: left;
}

.radiox .cr {
	border-radius: 50%;
}

	.checkboxx .cr .cr-icon,
	.radiox .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}

	.radiox .cr .cr-icon {
		margin-left: 0.04em;
	}

.checkboxx label input[type="checkbox"],
.radiox label input[type="radio"] {
	display: none;
}

	.checkboxx label input[type="checkbox"] + .cr > .cr-icon,
	.radixo label input[type="radio"] + .cr > .cr-icon {
		transform: scale(3) rotateZ(-20deg);
		opacity: 0;
		transition: all .3s ease-in;
	}

	.checkboxx label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radiox label input[type="radio"]:checked + .cr > .cr-icon {
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}

	.checkboxx label input[type="checkbox"]:disabled + .cr,
	.radiox label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}


.t-italic {
	font-style: italic;
	font-size: 11px;
}





.sms-colorkat1 {
	background-color: #FF0000;
}

.sms-colorkat2 {
	background-color: #FF7800;
}

.sms-colorkat3 {
	background-color: #ECD60D;
}

.sms-colorkat4 {
	background-color: #6ED066;
}

.sms-colorkat5 {
	background-color: #1CB70E;
}

.hrbold {
	border-top: 2px solid rgba(0, 0, 0, 0.18);
}

.rcr-aktif-text {
	color: #740c0c !important;
}

.snwtam-he100 {
	height: 100%;
}

.swtm10 {
	margin-left: 10px;
}

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

.w-15 {
	width: 15% !important;
}

.shift-ei {
	background-color: #dadada !important;
}

.shift-sb {
	background-color: #b8daff !important;
}

.shift-kco {
	background-color: #d6d8db !important;
}

.shift-gc {
	background-color: #c3e6cb !important;
}

.shift-ht {
	background-color: #f5c6cb !important;
}

.shift-rpr {
	background-color: #ffeeba !important;
}

.shift-n {
	background-color: #bee5eb !important;
}

.shift-ui {
	background-color: #f3f3fa !important;
}

.shift-ho {
	background-color: #c6c8ca !important;
}

.shift-yi {
	background-color: #fdc482 !important;
}

.shift-rt {
	background-color: #9ef1ec !important;
}

.shift-mi {
	background-color: #f5b2e9 !important;
}

.shift-alert {
	background-color: #f16a79 !important;
	color: #fff !important;
}

.jSignature {
	border-radius: .25rem !important;
	border: 1px solid #e3e3e3 !important;
	height: 300px !important;
}

.signature-image-preview {
	border: 1px solid #e3e3e3 !important;
	border-radius: .25rem !important;
	width: 99.9% !important;
}

/*-----------------------------------------------------------*/

/*-----------------
	57. Accounts
-----------------------*/
.account-page {
	background: #141b2d;
}

	.account-page .fullscreen video {
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.account-page .main-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
		overflow: auto;
		position: fixed;
		bottom: 0;
		background: rgba(0,0,0,.4);
		padding: 20px;
		width: 100%;
		flex-wrap: wrap;
	}

@media (max-width: 575px) {
	.account-page .main-wrapper {
		display: block;
	}
}

.account-page .account-content {
	padding: 70px 0 !important;
	z-index: 1;
}

	.account-page .account-content .account-subtitle {
		padding-top: 60px;
		text-align: center;
		color: #fff;
	}

		.account-page .account-content .account-subtitle strong {
			font-weight: 500;
			font-size: 18px;
			line-height: 32px;
			letter-spacing: 0.62em;
			text-indent: 0.3em;
			text-transform: uppercase;
			background: linear-gradient(270.11deg, #ffffff 3.09%, #ffffff 99.03%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-fill-color: transparent;
			display: block;
		}

		.account-page .account-content .account-subtitle span {
			font-size: 10px;
			letter-spacing: 0.71em;
			text-transform: uppercase;
			display: block;
		}

.account-box {
	max-width: 446.93px;
	width: 100%;
	min-height: 640.22px;
	padding: 0 45px;
	background: linear-gradient(155.12deg,#1b2b42 2.43%,#3f618b 99.5%);
	border: 1px solid rgba(255,255,255,.04);
	border-radius: 5px;
}

	.account-box .account-wrapper {
		padding: 0;
	}

		.account-box .account-wrapper .account-btn {
			position: relative;
			padding: 18px 15px 15px 15px;
			width: 100%;
			margin: 2.5rem auto;
			display: flex;
			align-items: center;
			justify-content: center;
			letter-spacing: 0.3em;
			font-size: 14px;
			line-height: 14px;
			border-radius: 5px;
			text-transform: uppercase;
			background: transparent;
		}

			.account-box .account-wrapper .account-btn::after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				border-radius: 5px;
				border: 2px solid transparent;
				background: linear-gradient(270.11deg, #069ca6 3.09%, #6978ff 99.03%) border-box;
				-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
				-webkit-mask-composite: destination-out;
				mask-composite: exclude;
			}

			.account-box .account-wrapper .account-btn:hover {
				background: linear-gradient(270.11deg, rgba(6, 156, 166, 1) 3.09%, rgba(105, 120, 255, 1) 99.03%);
				box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
			}

	.account-box label {
		color: #fff;
	}

.account-logo {
	padding-top: 18px;
	margin-bottom: 0 !important;
}

	.account-logo img {
		width: 120px;
		height: 64px;
		margin: 20px 0;
	}

	.account-logo h1 {
		font-weight: 700;
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 0.88em;
		text-indent: 0.88em;
		background: linear-gradient(270.11deg, #069ca6 3.09%, #6978ff 99.03%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}

	.account-logo span {
		font-size: 13px;
		line-height: 12px;
		letter-spacing: 0.71em;
		text-indent: 1em;
		text-transform: uppercase;
		background: linear-gradient(270.11deg, #069ca6 3.09%, #6978ff 99.03%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
		display: block;
	}

/*-----------------
	Input Placeholder Animation
-----------------------*/
.input-with-placeholder {
	position: relative;
}

	.input-with-placeholder.validation .icon {
		bottom: 8px;
	}

	.input-with-placeholder .icon {
		color: #fff;
		position: absolute;
		bottom: 7px;
		left: 0;
	}

		.input-with-placeholder .icon span {
			font-variation-settings: 'FILL' 0, 'wght' 100;
		}

	.input-with-placeholder input::placeholder {
		color: #fff !important;
	}

	.input-with-placeholder input {
		width: 100%;
		padding: 5px 26px;
		border: none !important;
		border-bottom: 1px solid #ffffff6b !important;
		outline: none;
		border-radius: 0 !important;
		background: transparent !important;
		color: #fff !important;
		height: 36px !important;
		font-size: 14px !important;
	}

	.input-with-placeholder label {
		position: absolute;
		margin: 7px 0;
		padding: 0 10px;
		display: flex;
		align-items: center;
		top: 0;
		left: 17px;
		transition: all 0.2s;
		transform-origin: 0% 0%;
		background: none;
		pointer-events: none;
		font-size: 14px;
	}


	.input-with-placeholder input:-webkit-autofill,
	.input-with-placeholder input:-webkit-autofill:hover,
	.input-with-placeholder input:-webkit-autofill:focus,
	.input-with-placeholder input:-webkit-autofill:active {
		-webkit-background-clip: text;
		-webkit-text-fill-color: #ffffff;
		transition: background-color 5000s ease-in-out 0s;
	}

		.input-with-placeholder input:autofill + label,
		.input-with-placeholder input:-webkit-autofill + label,
		.input-with-placeholder input[value]:not(:empty) + label,
		.input-with-placeholder input.valid + label,
		.input-with-placeholder input:focus + label {
			transform: scale(0.8) translateY(-25px) !important;
		}

	.input-with-placeholder input.valid,
	.input-with-placeholder input:focus {
		border-color: #fff !important;
	}

.btn-danger-noti {
	background: #CE3B1A;
	position: fixed;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #fff;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 186px;
	height: 47px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	transition: bottom .3s ease 0s;
}

	.btn-danger-noti:hover {
		color: #fff;
		bottom: -2px;
	}

	.btn-danger-noti::after {
		content: "";
		display: block;
		position: absolute;
		top: -25px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-left: 45px solid transparent;
		border-right: 45px solid transparent;
		border-bottom: 60px solid #CE3B1A;
		z-index: -1;
	}

	.btn-danger-noti .icon {
		position: absolute;
		top: -15px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

/*-----------------
	Header
-----------------------*/
.header .header-left {
	display: flex;
	align-items: center;
	min-width: 270px;
}

.user-menu {
	min-width: 270px;
	justify-content: end;
}

@media (max-width:768px) {
	.header .header-left,
	.user-menu {
		min-width: inherit;
	}
}

.header .header-left .appBtn {
	margin-right: 10px;
	cursor: pointer;
}

.header .header-left .appText {
	font-size: 12px;
	letter-spacing: .6em;
	font-weight: 700;
}

.page-wrapper {
	margin-left: 0 !important;
}

/*-----------------
	MegaMenu
-----------------------*/
.app-box {
	width: 100%;
	min-height: 300px;
	background: #24314B;
	/*position: absolute;*/
	top: 60px;
	z-index: 1001;
	position: fixed;
	text-transform: uppercase;
	line-height: 32px;
	max-height: 100%;
	overflow: auto;
	padding: 0 0 0 20px;
	animation-duration: .7s !important;
}

	.app-box a:hover {
		color: #FF8A00;
	}

.megaMenu {
	/*padding: 60px 0;*/
	position: relative;
}

.megaMenuNav {
	width: 340px;
	text-align: right;
	font-size: 16px;
	border-right: 1px solid #7384A8;
	margin: 60px 0;
}

	.megaMenuNav .active {
		color: #FF8A00;
		position: relative;
	}

	.megaMenuNav li a {
		padding: 3px 45px 3px 0;
	}

	.megaMenuNav .active::after {
		content: "";
		position: absolute;
		right: -2px;
		border-right: 3px solid #FF8A00;
		height: 100%;
		top: 0;
	}

.megaMenuContent.tab-content .tab-pane a {
	display: block;
}

@media (max-width:992px) {
	.megaMenuNav {
		font-size: 13px;
		width: 300px;
	}

		.megaMenuNav li a {
			padding: 3px 25px 3px 0;
		}
}


.megaMenuContent {
	padding-top: 0;
	padding-left: 60px;
	width: 100%;
}

	.megaMenuContent h3 {
		font-size: 16px;
		border-bottom: 2px solid #7384A8;
		position: relative;
	}

		.megaMenuContent h3 span {
			border-bottom: 2px solid #FF8A00;
			display: inline-block;
			margin: 0 0 -2px 0;
			padding-bottom: 15px;
		}

	.megaMenuContent .tab-pane {
		padding: 60px 0;
		min-height: 475px;
	}

		.megaMenuContent .tab-pane ul {
			padding-left: 14px;
		}

		.megaMenuContent .tab-pane .tab-pane-item {
			margin-right: 60px;
			max-width: 400px;
		}

		.megaMenuContent .tab-pane .active {
			color: #FF8A00 !important;
		}

	.megaMenuContent .tab-pane-bg {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-attachment: fixed;
		height: 100%;
		-webkit-background-size: 100% 100%;
		background-repeat: no-repeat;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		background-size: cover;
		background-position: center;
		min-width: 900px;
	}

#menuLvoForm .menuItem {
	margin-right: 50px;
}

.menuItem {
	margin-bottom: 20px;
}

	.menuItem .icon {
		border: 1px solid #7C90BA;
		display: flex;
		width: 162px;
		height: 155px;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		position: relative;
		background: #24314B;
		color: #7C90BA !important;
	}

	.menuItem .text {
		border: 1px solid #7C90BA;
		border-top: 0;
		display: block;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		text-align: center;
		background: #1D2A45;
		margin-top: -3px;
		padding-top: 3px;
	}

.dashboardBtn {
	border: 1px solid #7384A8;
	color: #7384A8 !important;
	display: inline-flex !important;
	margin-bottom: 30px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	padding: 0 20px 0 15px;
}

	.dashboardBtn:hover,
	.dashboardBtn.active {
		border-color: #FF8A00;
		color: #FF8A00 !important;
	}

	.dashboardBtn .icon {
		margin-right: 10px;
	}

/*-----------------
	Card
-----------------------*/
.card,
.stats-box,
.card-header {
	background: #1B2540;
	border-color: #28365C;
}

	.card .card-title,
	.card .text-muted {
		color: #fff !important;
	}


	.card .card-header {
		background: #121C36 !important;
		border-bottom: 1px solid #2A3555;
		text-transform: uppercase;
	}

.faq-card .card-header {
	border-bottom: 0 !important;
}

.card .card-header .card-title {
	font-size: 14px !important;
	text-transform: uppercase;
}

/*---------------------------------
        Form Control 
---------------------------------*/
.input-group-text {
	border-color: #425C96;
	background-color: #223154;
	color: #425C96;
	border-radius: 0;
}

.form-control:focus {
	border-color: #425C96;
	background-color: #223154;
	color: #fff;
}


.form-control,
.form-control[readonly] {
	border-color: #425C96;
	background-color: #223154;
	box-shadow: none;
	font-size: 13px;
	height: 44px;
	color: #fff;
	border-radius: 0;
}

	.form-control[readonly]{
		opacity: .5;
	}

.input-group.date .form-control[readonly],
.input-group-cb .form-control[readonly] {
	opacity: 1;
	color: rgba(255,255,255,.5)
}


.custom-select:disabled,
.form-control:disabled,
.select2-container--disabled .select2-selection,
.select2-container--disabled .select2-selection__rendered {
	background-color: #223154;
	color: #566079 !important;
	border-color: #324262 !important;
	cursor: no-drop;
}

	/* Change the white to any color */
	.form-control:-webkit-autofill,
	.form-control:-webkit-autofill:hover,
	.form-control:-webkit-autofill:focus,
	.form-control:-webkit-autofill:active {
		-webkit-background-clip: text;
		-webkit-text-fill-color: #ffffff;
		transition: background-color 5000s ease-in-out 0s;
		box-shadow: inset 0 0 20px 20px #223154;
	}

	.input-with-placeholder .form-control:-webkit-autofill,
	.input-with-placeholder .form-control:-webkit-autofill:hover,
	.input-with-placeholder .form-control:-webkit-autofill:focus,
	.input-with-placeholder .form-control:-webkit-autofill:active {
		box-shadow: inset 0 0 20px 20px transparent;
	}
/*---------------------------------
        Select2 
---------------------------------*/
.form-focus .focus-label {
	color: #fff;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.form-focus .select2-container .select2-selection--single,
.select2-container .select2-selection--single {
	border-color: #425C96;
	background-color: #223154;
	border-radius: 0;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff;
}

.select2-dropdown {
	border-color: #425C96;
	background-color: #223154;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
	background: #1B2540;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #3D4B6F !important;
	background: #3D4B6F;
	color: #fff;
}
/*--------------------
    MultiSelect
---------------------*/
.custom-select {
	border-color: #425C96 !important;
	background-color: #223154;
	color: #fff;
	box-shadow: none;
	border-radius: 0;
	text-align: left;
}

	.custom-select.disabled {
		border-color: #324262 !important;
		background-color: #223154 !important;
		border-radius: 0 !important;
		cursor: not-allowed
	}

	.custom-select::before {
		display: block;
		content: "\e5cf";
		position: absolute;
		right: 10px;
		top: 6px;
		font-family: 'Material Symbols Outlined';
		font-size: 24px;
	}

	.custom-select[aria-expanded="true"]::before {
		content: "\e5ce";
	}

.multiselect-container.dropdown-menu {
	background: #223154;
	width: 100%;
	background: #223154;
	width: 100%;
	border-color: #304168 !important;
	background-color: #223154 !important;
	text-align: left;
	border-top: none;
	border-radius: 0;
}

	.multiselect-container.dropdown-menu .dropdown-item {
		color: #fff;
	}

		.multiselect-container.dropdown-menu .dropdown-item:focus,
		.multiselect-container.dropdown-menu .dropdown-item:hover,
		.multiselect-container.dropdown-menu .dropdown-item.active,
		.multiselect-container.dropdown-menu .dropdown-item:active {
			background: #1B2540;
		}

/*------------------
    List Group    
------------------------*/

.list-group-item {
	border-color: #425C96 !important;
	background-color: #223154;
}


/*------------------
    DropDown Menu    
------------------------*/
.dropdown-menu {
	background-color: #24314D;
	text-align: center;
	padding: 0;
}

	.dropdown-menu .dropdown-item,
	.dropdown-menu a {
		color: #fff !important;
		/*padding: 10px 7px !important;*/
	}

		.dropdown-menu .dropdown-item:focus,
		.dropdown-menu .dropdown-item:hover,
		.dropdown-menu a:hover {
			background: #1B2845 !important;
			color: #fff;
		}

.dropdown-divider {
	border-color: #4c5979 !important;
	margin: 0 !important;
}
/*------------------
    SweetAlert 
-----------------------*/
.swal2-popup {
	background: #141B2D !important;
}

.swal2-content,
.swal2-title {
	color: #fff !important;
}

.swal2-styled {
	font-size: 14px !important;
	text-transform: uppercase;
}

/*------------------
    Rcr 
-----------------------*/
.bg-metar,
.bg-taf {
	padding: 3rem;
	height: 100%;
}

.bg-metar {
	background: #11624A;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.bg-taf {
	background: #227E63;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

	.bg-taf strong,
	.bg-metar strong {
		display: block;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 25px;
	}

.add-btn {
	border-radius: 4px;
	background: #0C4A58;
	border-color: transparent !important;
}

	.add-btn:hover,
	.add-btn:active,
	.add-btn:focus {
		background: rgba(12, 74, 88, .4);
	}

/*------------------
    Search Filter  
-----------------------*/
.filter-row {
	margin-left: 0;
	margin-right: 0;
	/*  display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));*/
	/*grid-template-columns: repeat(auto-fit, minmax(min(100%/3, max(64px, 100%/6)), 1fr));*/
}

	.filter-row > .col, .filter-row > [class*=col-] {
		padding-left: 0;
		padding-right: 0;
	}
	/*
@media (max-width:768px) {
    .filter-row {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
*/

	.filter-row .flex-fill {
		display: flex;
	}

		.filter-row .flex-fill .form-group {
			flex: 1 1 auto !important
		}

	.filter-row .form-group {
		padding-right: 5px;
	}

	.filter-row .form-focus .select2-container .select2-selection--single,
	.filter-row .select2-container .select2-selection--single,
	.filter-row .input-group-text,
	.filter-row .custom-select,
	.filter-row .form-control {
		background: #1B2845 !important;
		border: none !important;
		text-align: left;
		font-size: 14px !important;
	}


.card-body .filter-row .form-focus .select2-container .select2-selection--single,
.card-body .filter-row .select2-container .select2-selection--single,
.card-body .filter-row .input-group-text,
.card-body .filter-row .custom-select,
.card-body .filter-row .form-control,
.modal-body .filter-row .form-focus .select2-container .select2-selection--single,
.modal-body .filter-row .select2-container .select2-selection--single,
.modal-body .filter-row .input-group-text,
.modal-body .filter-row .custom-select,
.modal-body .filter-row .form-control {
	background: #111C36 !important;
	border-color: #111C36 !important;
}

.modal-body .filter-row .btn-filter {
	border-color: #111C36 !important;
}

.filter-row .btn-filter {
	border: 2px solid #1B2845 !important;
	color: #fff;
	border-radius: 0 !important;
}

	.filter-row .btn-filter:hover {
		background: rgba(27, 40, 69, .5) !important;
	}

.filter-row .form-focus .focus-label {
	font-size: 14px;
	opacity: 1;
}

.filter-row .customMultiToggleButton {
	height: 50px;
}

.card-body .filter-row .customMultiToggleButton {
	height: 44px !important
}
/*------------------
    Table  
-----------------------*/
.table {
	color: #fff;
	border: 1px solid #303F65;
	margin: 20px 0;
}

.table-dark-text {
	color: #333 !important;
}

.table thead {
	background: #1d2b4e !important;
}

.table tr {
	background: transparent;
}

.table thead th {
	padding: 15px !important;
	border: 1px solid #303F65 !important;
	border-bottom: none !important;
}

.table th {
	border: none;
}

.table td {
	border-color: #303F65;
	border-right: 1px solid #303F65;
}

	/*.table td:last-child {
		border-right: none;
	}*/

.table tbody tr:nth-child(even) {
	background: #1E2A48;
}

.table :not(.review-table) tbody tr:nth-child(even) {
	background: #1E2A48;
}


.table .btn-secondary {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.datepicker .table {
	border: none !important;
	margin: 0 !important;
}

	.datepicker .table thead {
		background: transparent !important;
	}

		.datepicker .table thead th {
			padding: 10px 0 !important;
			border: none !important;
		}

	.datepicker .table th,
	.datepicker .table td {
		border-color: #303F65 !important
	}

ul.pagination .disabled {
	opacity: .3;
}

	ul.pagination .disabled .page-link,
	ul.pagination .page-link {
		height: 100%;
		background: #1b2845;
		color: #fff;
		border: none !important;
	}

ul.pagination li .select2-selection--single {
	border: none !important;
}

/*------------------
    Bootstrap Datetimepicker  
-----------------------*/

.bootstrap-datetimepicker-widget {
	background: #1b2845 !important;
	color: #fff !important;
	min-width: 100% !important;
}

	.bootstrap-datetimepicker-widget .timepicker .btn {
		color: #fff !important;
	}



	.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
		border-top-color: #1b2845 !important;
	}

	.bootstrap-datetimepicker-widget.dropdown-menu.left:after {
		border-left-color: #1b2845 !important;
	}

	.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
		border-bottom-color: #1b2845 !important;
	}

	.bootstrap-datetimepicker-widget.dropdown-menu.right:after {
		border-right-color: #1b2845 !important;
	}

	.bootstrap-datetimepicker-widget .timepicker .btn:hover {
		color: #30363b !important;
	}

	.bootstrap-datetimepicker-widget .prev:hover,
	.bootstrap-datetimepicker-widget .next:hover,
	.bootstrap-datetimepicker-widget .picker-switch:hover {
		background: transparent !important;
	}

	.bootstrap-datetimepicker-widget table td.day:hover,
	.bootstrap-datetimepicker-widget table td.hour:hover,
	.bootstrap-datetimepicker-widget table td.minute:hover,
	.bootstrap-datetimepicker-widget table td.second:hover,
	.bootstrap-datetimepicker-widget table td.disabled:hover,
	.timepicker-minute:hover,
	.timepicker-hour:hover {
		background-color: #fff !important;
		color: #30363b !important;
	}

	.bootstrap-datetimepicker-widget .picker-switch:hover a {
		color: #30363b !important;
	}

	.bootstrap-datetimepicker-widget table td span:hover {
		background-color: #fff !important;
		color: #30363b !important;
	}
/*--------------------------
    Switch
--------------------------------*/
.checktoggle {
	background-color: #27324F;
}

	.checktoggle:after {
		background-color: #141B2D !important;
		/*background-color: #11DDB8 !important;*/
	}

.check:checked + .checktoggle {
	background-color: #098B74 !important;
}

	.check:checked + .checktoggle:after {
		background-color: #11DDB8 !important;
	}


/*--------------------------
    ProgressBar
--------------------------------*/

.progress-bar-container {
	background: transparent;
	position: relative;
	border: 1px solid #fff;
	height: 226px;
	overflow: hidden;
	width: 33px;
	min-width: 33px;
	border-radius: 5px;
	box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column-reverse;
	margin: 0 auto;
}

.progress-bar-indicator {
	height: 100%;
	-webkit-mask: linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0);
	transition: all 1s ease;
}

	.progress-bar-indicator:after {
		content: "";
		display: block;
		border-top: none !important;
		border: 2px solid #141B2A;
		border-radius: 5px;
		width: 100%;
		height: 100%;
		position: absolute;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.progress-bar-indicator::before {
		content: "";
		position: absolute;
		top: 2px;
		left: 0;
		right: 0;
		bottom: 2px;
		background-image: linear-gradient(180deg, #E02928 0%, #FFF500 49.48%, #1F9301 100%);
		border-radius: 5px;
	}

.segmented {
	position: relative;
	border: none !important;
	border-radius: 2px !important;
	width: 33px;
	overflow: hidden;
}

	.segmented .progress-bar-indicator {
		border-radius: 0 !important;
	}

	.segmented .boxes {
		position: absolute;
		z-index: 10;
		top: 0;
		left: -2px;
	}

		.segmented .boxes .box {
			width: 31px;
			height: 53px;
			border-radius: 5px;
			outline: 3px solid #141B2D;
			border: 1px solid #fff;
			margin: 3px;
		}

			.segmented .boxes .box::after {
				content: "";
				display: block;
				border: 2px solid #141B2D;
				border-radius: 5px;
				width: 100%;
				height: 100%;
			}

/*--------------------
    Popover
----------------------*/
.popover-header::before {
	border: none !important;
}

.popover-custom-title {
	color: #fff !important;
}

.popover-header,
.popover {
	background: #223154;
	border-color: #28365C !important;
}

.popover-header {
	background: #1B2540 !important;
}

.popover-body {
	color: #fff !important;
}

.popover.bs-popover-top .arrow:after {
	border-top-color: #28365C;
}

.popover.bs-popover-bottom .arrow:after {
	border-bottom-color: #28365C;
}

.popover.bs-popover-left .arrow:after {
	border-left-color: #28365C;
}

.popover.bs-popover-right .arrow:after {
	border-right-color: #28365C;
}

/*--------------------
    RCR
----------------------*/
.runways {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1rem 0;
}

	.runways .item .btn {
		background: #2989A8;
		width: 104px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		font-size: 20px;
		position: relative;
		cursor: pointer;
		color: #fff;
		margin: 10px;
		border: none !important;
	}

		.runways .item .btn:hover,
		.runways .item .btn.active {
			background: #0BAE91;
		}

.situationList {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	max-width: 400px;
	margin: 0 auto;
}

@media (max-width:1200px ) {
	.situationList {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width:992px) {
	.situationList {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
	}
}

.situationList .situation {
	margin: 5px;
}

	.situationList .situation .btn {
		background: none;
		border: none;
		color: #fff;
		padding: 0;
		min-width: 100px;
		width: 100%;
		height: 116px;
		display: flex;
		flex-direction: column;
		border-radius: 5px;
		overflow: hidden;
		-webkit-user-select: none;
		user-select: none;
		max-width: 100px;
	}

		.situationList .situation .btn .icon,
		.situationList .situation .btn .name {
			transition: all .3s ease-in-out;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 50%;
			width: 100%;
		}

		.situationList .situation .btn .icon {
			background: #1F2943;
		}

		.situationList .situation .btn .name {
			background: #26314D;
			font-size: 12px;
			padding: 0 10px;
			color: #fff;
		}

		.situationList .situation .btn:hover .icon {
			background: #067763;
		}

		.situationList .situation .btn .icon img {
			transition: all 0.3s ease-in-out;
		}

		.situationList .situation .btn:hover .icon img {
			scale: 1.3;
		}

		.situationList .situation .btn:hover .name {
			background: #0BAE91;
		}

		.situationList .situation .btn.active .icon {
			background: #067763;
		}

		.situationList .situation .btn.active .name {
			background: #0BAE91;
		}

.sf-border {
	border: 1px solid #283759;
	border-radius: 5px;
	max-width: 450px;
	margin: 0 auto 30px;
}

.covarageItems,
.depthItems {
	padding: 20px;
	align-items: center;
	justify-content: center;
	max-width: 250px;
	margin: 0 auto;
	min-height: 260px;
}

@media (min-width: 768px) and (max-width: 1165px) {
	.covarageItems,
	.depthItems {
		padding: 10px;
		max-width: 200px;
	}
}


	.depthItems .depthItem,
	.covarageItems .covarageItem {
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		flex-flow: wrap-reverse;
		min-width: 130px;
		margin-right: 20px;
	}
		
@media (min-width: 768px) and (max-width: 1165px) {
	.depthItems .depthItem, .covarageItems .covarageItem {
		min-width: 100px;
	}

}

		.depthItems .depthItem .btn,
		.covarageItems .covarageItem .btn {
			border-style: solid;
			border-width: 2px;
			border-radius: 9px;
			max-width: 68px;
			height: 37px;
			margin: 7px 0 7px 30px;
			transition: margin-left .3s ease-in-out;
			display: flex !important;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			position: relative;
			font-size: 22px;
			width: 100%;
			color: #fff;
			margin: 5px 0;
			opacity: .4;
		}

		.covarageItems .covarageItem .btn {
			margin: 10px 0;
		}

			.depthItems .depthItem .btn::after,
			.covarageItems .covarageItem .btn::after {
				content: "";
				display: block;
				position: absolute;
				top: 7px;
				right: -9px;
				border-style: solid;
				border-color: transparent;
				border-top-width: 8px;
				border-right-width: 0px;
				border-left-width: 8px;
				border-bottom-width: 8px;
			}

			.depthItems .depthItem .btn.selected::before,
			.covarageItems .covarageItem .btn.selected::before {
				content: "";
				display: block;
				position: absolute;
				right: -42px;
				width: 26px;
				border: 1px dashed;
				top: 14px;
			}

			.depthItems .depthItem .btn.selected,
			.covarageItems .covarageItem .btn.selected {
				margin-left: 20px;
				opacity: 1;
				color: #fff !important;
			}

			.covarageItems .covarageItem .btn[controlvalue="100"] {
				border-color: #B01B0E;
				background: rgb(221, 53, 38);
			}

				.covarageItems .covarageItem .btn[controlvalue="100"]::after {
					border-left-color: #B01B0E !important;
				}

				.covarageItems .covarageItem .btn[controlvalue="100"]::before {
					border-color: #B01B0E !important;
				}

			.covarageItems .covarageItem .btn[controlvalue="75"] {
				border-color: #F19C11;
				background: rgb(247, 193, 10);
			}

				.covarageItems .covarageItem .btn[controlvalue="75"]::after {
					border-left-color: #F19C11 !important;
				}

				.covarageItems .covarageItem .btn[controlvalue="75"]::before {
					border-color: #F19C11 !important;
				}

			.covarageItems .covarageItem .btn[controlvalue="50"] {
				border-color: #749107;
				background: rgb(162, 204, 0);
			}

				.covarageItems .covarageItem .btn[controlvalue="50"]::after {
					border-left-color: #749107 !important;
				}

				.covarageItems .covarageItem .btn[controlvalue="50"]::before {
					border-color: #749107 !important;
				}

			.covarageItems .covarageItem .btn[controlvalue="25"] {
				border-color: #236605;
				background: rgb(46, 138, 4);
			}

				.covarageItems .covarageItem .btn[controlvalue="25"]::after {
					border-left-color: #236605 !important;
				}

				.covarageItems .covarageItem .btn[controlvalue="25"]::before {
					border-color: #236605 !important;
				}

.depthItem,
.depth-progress-bar {
	width: 40%;
	margin-right: 20px;
}

.depth-numeric {
	width: 20%;
}

.depthItems .depthItem .btn[controlvalue="10"] {
	border-color: #B01B0E;
	background: rgb(221, 53, 38);
}

	.depthItems .depthItem .btn[controlvalue="10"]::after {
		border-left-color: #B01B0E !important;
	}

	.depthItems .depthItem .btn[controlvalue="10"]::before {
		border-color: #B01B0E !important;
	}

.depthItems .depthItem .btn[controlvalue="8"] {
	border-color: #964D0E;
	background: rgb(208, 113, 30);
}

	.depthItems .depthItem .btn[controlvalue="8"]::after {
		border-left-color: #964D0E !important;
	}

	.depthItems .depthItem .btn[controlvalue="8"]::before {
		border-color: #964D0E !important;
	}

.depthItems .depthItem .btn[controlvalue="6"] {
	border-color: #8C770D;
	background: rgb(186, 159, 21);
}

	.depthItems .depthItem .btn[controlvalue="6"]::after {
		border-left-color: #8C770D !important;
	}

	.depthItems .depthItem .btn[controlvalue="6"]::before {
		border-color: #8C770D !important;
	}


.depthItems .depthItem .btn[controlvalue="4"] {
	border-color: #3E6305;
	background: rgb(77, 117, 11);
}

	.depthItems .depthItem .btn[controlvalue="4"]::after {
		border-left-color: #3E6305 !important;
	}

	.depthItems .depthItem .btn[controlvalue="4"]::before {
		border-color: #3E6305 !important;
	}


.temperatureItems .temperatureItem .btn[controlvalue="0"] {
	border-color: #3E6305;
	background: rgb(77, 117, 11);
}

	.temperatureItems .temperatureItem .btn[controlvalue="0"]::after {
		border-left-color: #3E6305 !important;
	}

	.temperatureItems .temperatureItem .btn[controlvalue="0"]::before {
		border-color: #3E6305 !important;
	}

.temperatureItems .temperatureItem .btn[controlvalue="-5"] {
	border-color: #8C770D;
	background: rgb(186, 159, 21);
}

	.temperatureItems .temperatureItem .btn[controlvalue="-5"]::after {
		border-left-color: #8C770D !important;
	}

	.temperatureItems .temperatureItem .btn[controlvalue="-5"]::before {
		border-color: #8C770D !important;
	}

.temperatureItems .temperatureItem .btn[controlvalue="-10"] {
	border-color: #964D0E;
	background: rgb(208, 113, 30);
}

	.temperatureItems .temperatureItem .btn[controlvalue="-10"]::after {
		border-left-color: #964D0E !important;
	}

	.temperatureItems .temperatureItem .btn[controlvalue="-10"]::before {
		border-color: #964D0E !important;
	}

.temperatureItems .temperatureItem .btn[controlvalue="-15"] {
	border-color: #B01B0E;
	background: rgb(221, 53, 38);
}

	.temperatureItems .temperatureItem .btn[controlvalue="-15"]::after {
		border-left-color: #B01B0E !important;
	}

	.temperatureItems .temperatureItem .btn[controlvalue="-15"]::before {
		border-color: #B01B0E !important;
	}

.covarageItems .covarageItem .btn[controlvalue="NR"],
.depthItems .depthItem .btn[controlvalue="NR"],
.temperatureItems .temperatureItem .btn[controlvalue="NR"] {
	border-color: #165605;
	background: rgb(31, 141, 2);
}

	.covarageItems .covarageItem .btn[controlvalue="NR"]::after,
	.depthItems .depthItem .btn[controlvalue="NR"]::after,
	.temperatureItems .temperatureItem .btn[controlvalue="NR"]::after {
		border-left-color: #165605 !important;
	}

	.covarageItems .covarageItem .btn[controlvalue="NR"]::before,
	.depthItems .depthItem .btn[controlvalue="NR"]::before,
	.temperatureItems .temperatureItem .btn[controlvalue="NR"]::before {
		border-color: #165605 !important;
	}

.temperatureItems .temperatureItem .btn[controlvalue="NR"] {
	order: 1;
}

.temperatureItems .progress-bar-indicator::before {
	background-image: linear-gradient(0,#E02928 0%,#FFF500 49.48%,#1F9301 100%)
}

.depthItems .depth-numeric form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	align-items: center;
}

	.depthItems .depth-numeric form .value-button {
		display: block;
		margin: 0px;
		width: 38px;
		height: 20px;
		text-align: center;
		vertical-align: middle;
		background: #1F2943 !important;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size: 24px;
		cursor: pointer;
	}

	.depthItems .depth-numeric form #decrease {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		height: 40px;
	}

	.depthItems .depth-numeric form #increase {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		height: 40px;
	}

	.depthItems .depth-numeric form input#number {
		text-align: center;
		border: none;
		margin: 0px;
		width: 38px;
		height: 40px;
		border-radius: 0;
		padding: 0;
	}


.runwayT,
.runwayB {
	position: absolute;
	z-index: 10;
	font-size: 40px;
	margin: 0 auto;
	width: 50px;
	word-break: break-all;
	font-family: "Icaorwyid",Arial, Helvetica, sans-serif;
	line-height: 2.5rem;
}


.runwayT {
	rotate: 180deg;
	top: 42px;
	left: 0;
	right: 15px;
}

.runwayB {
	bottom: 48px;
	left: 15px;
	right: 0;
}

.rcrChangeDate .form-control,
.rcrChangeDate .input-group-text {
	background: transparent;
	border-color: #283759;
}

.btnCopyRcr:hover,
.btnCopyRcr {
	border: 1px solid #283759;
	padding: 12px;
	border-radius: 5px;
	background: #26314D;
	color: #fff;
}

	.btnCopyRcr:hover {
		background: #1F2943 !important;
	}

.awos-l {
	padding: 1.5rem;
	text-align: center;
	background: #1F6A82;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 100%;
}

	.awos-l .airportTempCelcius {
		display: block;
		font-size: 50px;
		font-weight: 100;
		line-height: 50px;
		letter-spacing: .12em;
		text-indent: .12em;
		margin-top: 2rem;
	}

.awos-r {
	padding: 1.5rem;
	text-align: center;
	background: #2989A8;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 100%;
}



	.awos-r .awosIcon {
		height: 40px;
		margin-bottom: 32px;
	}

	.awos-r .awosLbl {
		font-weight: 600;
		line-height: .75rem;
		margin-bottom: .5rem;
	}

	.awos-r .awosVal {
		letter-spacing: .2em;
		line-height: 1.5rem;
		font-size: 1.5rem;
		text-indent: .2em;
	}

	.awos-r .mtrClock {
		letter-spacing: .2em;
		font-size: 1rem;
		text-indent: 0.2em;
		display: block;
	}

	.awos-r .mtrDate {
		display: block;
		font-size: 16px;
		letter-spacing: .2em;
		text-transform: uppercase;
		font-weight: 700;
		text-indent: 0.2em;
		margin-top: 1.5rem;
		margin-bottom: 2.5rem;
	}

.checkboxx .rcr-lab-mb {
	margin-bottom: 0 !important;
}

.rcr-col-br .checkboxx .cr {
	width: 28px;
	height: 28px;
	border-color: #425C96;
	background-color: #223154;
	margin: 8px 0;
}

	.rcr-col-br .checkboxx .cr .cr-icon {
		font-size: 1.3em;
	}

.modal-content {
	background-color: #1B2845;
}

.activeRcr {
	border: 1px solid #1B2845;
	width: 100%;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.activeRcr_header {
	padding: 16px;
	background: #1B2845;
}

	.activeRcr_header a {
		color: #fff !important;
	}

.activeRcr_Content .item:not(:last-child) {
	border-right: 1px dashed #434E6B;
}

.activeRcr_Content {
	margin: 10px 0;
}

	.activeRcr_Content .item {
		padding: 16px;
		width: 33%;
	}

.runwayInfoVal {
	border-radius: 9px;
	width: 44px;
	height: 44px;
	border: 2px solid #fff;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 7px 0 15px;
	background: #5BAD00;
}

	.runwayInfoVal:after {
		content: "";
		position: absolute;
		bottom: -9px;
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #fff;
		clear: both;
	}

.runwayVal {
	border-radius: 9px;
	width: 44px;
	height: 44px;
	border: 2px solid #fff;
	font-size: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -22px auto;
	position: absolute;
	left: -160px;
	top: 50%;
	right: 0;
	font-family: 'Josefin Sans',Arial, Helvetica, sans-serif;
}

	.runwayVal::after {
		content: "";
		position: absolute;
		right: -15px;
		width: 0;
		height: 0;
		border-left: 7px solid #fff;
		border-right: 7px solid transparent;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
	}

@media (max-width: 992px) {
	.runwayVal {
		top: -60px !important;
		margin: 0 auto !important;
		left: 0 !important;
	}
		.runwayVal::after {
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 7px solid #fff;
			border-bottom: 7px solid transparent;
			right: 0;
			left: 0;
			margin: 0 auto;
			bottom: -14px;
		}

	.runwayImg {
		margin: 20px 0;
	}

	.runwayImg img {
		height: 120px;
		width: 100%;
	}

	.runwayImg .runwayT {
		rotate: none;
		left: 130px;
		right: inherit;
	}

	.runwayImg .runwayB {
		rotate: none;
		right: 130px;
		left: inherit;
	}
}

@media (max-width: 664px) {
	.runwayImg .runwayT {
		left: 80px;
	}

	.runwayImg .runwayB {
		right: 80px;
	}
}

	.runwayImg {
		position: relative;
		font-family: "Icaorwyid", Arial, Helvetica, sans-serif;
	}

		.runwayImg .rwL {
			top: 4px;
			left: 14%;
			rotate: 90deg;
			font-size: 40px;
			word-break: break-all;
			max-width: 64px;
			text-align: center;
			line-height: 40px;
		}

		.runwayImg .rwR {
			top: -4px;
			right: 14%;
			rotate: -90deg;
			font-size: 40px;
			word-break: break-all;
			max-width: 64px;
			text-align: center;
			line-height: 40px;
		}

	@media (max-width: 576px) {
		.runwayImg .rwL,
		.runwayImg .rwR {
			font-size: 24px;
		}
	}

	.file-content-area .alert-secondary {
		margin: 10px 0;
		background: transparent;
		border-color: #98A6CC !important;
		color: #fff !important;
		border-style: dashed;
		padding: 15px !important;
		text-align: left;
	}

		.file-content-area .alert-secondary a,
		.btn-delete-form-file {
			color: #fff !important;
		}

	.selectedSC {
		max-width: 82px;
		margin: 0 auto;
		border-radius: 5px;
		overflow: auto;
		text-align: center;
	}

		.selectedSC .name {
			background: #26314D !important;
			font-size: 12px;
		}

		.selectedSC .icon,
		.selectedSC .name {
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

	.file-upload-btn:active,
	.file-upload-btn:focus,
	.file-upload-btn:hover,
	.file-upload-btn {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 185px;
		height: 82px;
		max-width: 100%;
		padding: 25px;
		border: 1px dashed #899bc3;
		border-radius: 10px;
		color: #899bc3 !important;
		background: transparent;
		height: 200px;
		max-width: 350px;
		width: 100%;
		font-size: 18px;
		text-transform: uppercase;
	}

		.file-upload-btn .material-symbols-outlined {
			font-size: 74px;
			font-weight: 200;
		}

	.alert-danger {
		background: #EB6F6F;
		color: #fff;
		border-color: #EB6F6F;
	}

	.filtered-danger {
		background: #050913;
		color: #fff;
	}

	.mg-sidebar-menu > ul {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
	}

		.mg-sidebar-menu > ul > li {
			margin: 20px;
			padding: 0 40px;
		}

	.sidebar {
		background: url(../img/megamenu/menu-bg.jpg) no-repeat top center;
		background-size: cover;
	}

	.formSummary .form-control,
	.formSummary .checkboxx .cr {
		background: transparent;
		border: none;
		margin: 0;
		opacity: 1 !important;
		color: #fff !important;
	}

	.formSummary .form-group > label {
		text-transform: uppercase;
	}

	.formSummary .checkboxx label input[value="False"] + .cr .cr-icon {
		opacity: 1;
		transform: scale(3) rotateZ(0);
	}

	.formSummary .checkboxx label input[value="False"] + .cr .fa-check:before {
		content: "-" !important;
	}

	.formSummary .form-group {
		margin: 0;
	}

	.formSummary .list-group-item {
		background: transparent;
		border: none;
		padding: 0 0 0 0;
		font-size: 22px;
	}

@media(max-width: 768px) {
	.formSummary .list-group-item {
		font-size: 18px;
	}
}

	.formSummary h5 {
		font-size: 12px;
	}

	

	.formSummary .custom-control-input:disabled ~ .custom-control-label,
	.formSummary.custom-control-input[disabled] ~ .custom-control-label {
		color: #fff !important;
		font-size: 16px;
	}

	@media (max-width: 576px) {
		.brformSummary .col-sm-4 .form-group {
			border-right: none !important;
		}
	}

	.brformSummary {
		margin: 0 10px;
	}

		.brformSummary > div {
			border-bottom: 1px solid #2A3555;
			padding: 20px;
		}

			.brformSummary > div .form-group {
				/*border-right: 1px solid #2A3555;*/
				padding-right: 20px;
				height: 100%;
			}

		.brformSummary > .col-sm-12 .form-group,
		.brformSummary > .col-12 .form-group,
		.brformSummary > .col-md-3:nth-child(4n+4) .form-group,
		.brformSummary > .col-sm-4:nth-child(3n+3) .form-group {
			border-right: none !important;
		}

	.rcrChangeDate {
		float: right;
		max-width: 250px;
	}

	.note-editor .btn {
		color: #fff;
	}

	.note-editable,
	.note-toolbar {
		background: #213154 !important;
		border: 1px solid #425c96;
	}

	.note-codable:disabled + .note-editable {
		pointer-events: none !important;
		opacity: .4;
	}


	.search-table tbody tr .alert-danger {
		background: #2E0C0C !important;
	}

	.search-table tbody tr:nth-child(odd) .alert-danger {
		background: #3E1515 !important;
	}

	.btnChart {
		background: #28334F !important;
		border: none !important;
	}

		.btnChart::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 0;
			height: 0;
			border-top: 18px solid #28334F;
			border-left: 15px solid transparent;
			border-right: 15px solid transparent;
		}

	.btnMode {
		background: #284F3A !important;
		border: none !important;
	}

		.btnMode::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 0;
			height: 0;
			border-top: 18px solid #284F3A;
			border-left: 15px solid transparent;
			border-right: 15px solid transparent;
		}

	.btn-location-previewglb,
	.location-summary {
		background: #2A2E51 !important;
		color: #fff !important;
		border: 1px solid #425C96 !important;
		height: 82px;
		display: inline-flex;
		align-items: center;
		max-width: 135px;
	}



	.btn-location-previewglb,
	.location-summary {
		padding-left: 0 !important;
	}

		.btn-location-previewglb .material-symbols-outlined,
		.location-summary .material-symbols-outlined {
			font-size: 52px;
			color: #44486B;
			font-weight: 700;
			display: flex !important;
			align-items: center;
			justify-content: center;
			padding: 0 !important;
			border: none !important;
			margin: 0 !important;
		}

		.btn-location-previewglb > span,
		.location-summary > span {
			color: #A7ACD2 !important;
			text-align: center !important;
			padding: 0 !important;
			margin: 0 !important;
			border: none !important;
			font-weight: 500 !important;
		}

		.btn-location-previewglb strong,
		.location-summary strong {
			margin-right: 5px;
		}

@media(max-width: 487px) {
	.btn-location-previewglb,
	.location-summary {
		max-width: 103px;
	}

		.btn-location-previewglb .material-symbols-outlined,
		.location-summary .material-symbols-outlined {
			font-size: 32px;
		}
}

	.close:hover {
		color: #fff !important;
		scale: 1.2;
	}


	.panelBox {
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 999;
		width: 100%;
	}

	.panelContent {
		/*padding: 30px 0;*/
		background: #1D263C;
		position: relative;
	}

	.panelBox .down-arrow {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		transition: all 0.3s ease;
		background: url(../img/polygon.svg) no-repeat;
		width: 103px;
		height: 107px;
		cursor: pointer;
		position: fixed;
		left: 50%;
		margin-left: -52px;
		margin-top: -53px;
		z-index: -1;
	}

		.panelBox .down-arrow[data-show-graph="true"] {
			position: relative;
		}

		.panelBox .down-arrow::after {
			content: "";
			display: block;
			position: absolute;
			width: 32px;
			height: 13px;
			left: 35px;
			bottom: 29px;
			transition: all 1s ease;
		}

	.down-arrow:hover {
		margin-top: -50px;
	}

	.panelBox .down-arrow span {
		position: absolute;
		bottom: 27px;
	}

	.leaflet-popup-content-wrapper, .leaflet-popup-tip {
		background: #223154 !important;
		color: #fff !important;
		font-family: 'Josefin Sans', Arial, Helvetica, sans-serif !important;
	}

	.leaflet-container a.leaflet-popup-close-button {
		padding: 10px;
		color: #fff !important;
		right: 5px !important;
		top: 5px !important;
	}

	.leaflet-popup-content {
		margin: 15px 20px !important;
	}

	.leaflet-container a.leaflet-popup-close-button:hover {
		scale: 1.2;
	}

	.runway-select-section .check:checked + .checktoggle:after {
		background: #fff !important;
	}

	.runway-select-section .checktoggle {
		background-color: #4C7C6A;
	}

		.runway-select-section .checktoggle:after {
			background-color: #212C48 !important;
		}

	.timer {
		min-width: 460px;
		max-width: fit-content;
		height: 40px;
		margin: 70px auto;
		position: relative;
		border-radius: 10px;
		box-shadow: 0px 0px 100px 0px rgba(83, 48, 109, 0.5), -16px -12px 70px 0px rgba(49, 80, 159, 1), 12px 24px 48px 0px rgba(0, 0, 0, 1);
		transition: all .3s ease-in-out;
	}


		.timer::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-radius: 10px;
			border: 1px solid transparent;
			background: linear-gradient(120deg, rgb(174, 1, 255) -30%, rgb(20, 201, 255) 37%, rgb(112, 91, 255) 100%) border-box;
			-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: destination-out;
			mask-composite: exclude;
		}

		.timer .items-center {
			display: flex;
			justify-content: space-between;
			height: 100%;
			padding: 10px;
			align-items: center;
			justify-content: center;
		}

		.timer .timer-buttons {
			position: relative;
			margin: 0 10px;
			z-index: 2;
		}

			.timer .timer-buttons .btnStatusChange {
				width: 110px;
			}

				.timer .timer-buttons .btnStatusChange img {
					width: 100%;
				}

		.timer #timer-text {
			position: absolute;
			left: 20px;
			top: 8px;
			color: #4C87FF;
			font-size: 16px;
		}

		.timer .timer-duration {
			position: absolute;
			right: 20px;
			top: 8px;
			color: #4C87FF;
			font-size: 18px;
		}

	@media (max-width: 576px) {
		.timer {
			min-width: 100%;
		}

			.timer .timer-buttons .btnStatusChange {
				width: 70px;
			}

			.timer #timer-text {
				font-size: 12px;
				top: 12px;
				left: 10px;
			}
	}

	/**********************************
    AWOS    
****************************************/
	.metar-bg {
		border: 1px solid #6A82A9 !important;
		min-height: 270px;
		border-top-right-radius: 200px;
		border-bottom-right-radius: 200px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		background: rgba(56,81,105,.32);
		margin: 40px 5px;
		max-width: 850px;
	}

		.metar-bg > .col-6 {
			min-width: 330px !important;
		}

		.metar-bg.mtr-bg {
			margin-left: auto;
			margin-right: 0;
		}

		.metar-bg.mtr-bg2 {
			border-top-left-radius: 200px;
			border-bottom-left-radius: 200px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

	/*.mtr-bg {
    background-image: url("../img/metar/metar-bg.jpg");
    background-repeat: no-repeat;
    background-color: black;
    background-position: center;
    background-size: cover;
}*/

	.mtr-rwy {
		font-weight: 500;
		font-size: 50px;
		text-align: center;
		color: #6A82A9;
		width: 79px;
		height: 68px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url("../img/metar/metar-runway.png");
		background-repeat: no-repeat;
		background-position: center;
		margin: 0 auto;
	}

	.mtr-bg2 .mtr-rwy {
		background-image: url("../img/metar/metar-runway2.png");
	}

	.mtr-com1 {
		height: 220px;
		width: 260px;
		background-image: url("../img/metar/metar-compass.png");
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mtr-com2 {
		height: 220px;
		width: 260px;
		background-image: url("../img/metar/metar-compass.png");
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mtr-r1 {
		height: 60px;
		margin: 5px auto;
		position: relative;
		border: 1px solid #6A82A9;
		color: white;
	}

	.mtr-r2 {
		margin: 5px auto;
		position: relative;
		border: 1px solid #6A82A9;
		color: white;
		height: 100px;
	}

	.mtr-thn {
		font-size: 12px !important;
		font-weight: 400;
	}

	.mtr-mid {
		font-size: 15px !important;
		font-weight: 600;
		line-height: 24px;
	}

	.mtr-bold {
		line-height: 36px;
		font-size: 22px;
	}

	.mtr-ort {
		padding-left: 12px;
	}

	.mtr-r3-empty {
		height: auto;
		min-height: 80px;
		overflow: hidden;
		padding: 10px;
		margin: 0 auto;
		position: relative;
		border: 1px solid rgba(255, 231, 231, 0.35);
		border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.26);
		background-repeat: no-repeat;
		background-position: center;
		color: white;
		margin-top: 10px;
		margin-top: 10px;
	}

	.mtr-r3-empty-date {
		height: auto;
		overflow: hidden;
		padding: 10px;
		position: relative;
		color: white;
		max-width: 260px;
	}

	.metar-knot-set {
		position: absolute;
		transform: rotate(0deg);
	}


	.metar-kt-text {
		text-align: center;
		color: #26FC13;
		font-size: 35px;
	}

	.metar-kt-text2 {
		text-align: center;
		color: white;
		font-size: 15px;
	}

	@media (max-width: 1510px) {

		.metar-bg {
			border-radius: 10px !important;
			max-width: 450px;
			padding: 20px 0;
		}

		.mtr-bg {
			flex-direction: column-reverse !important;
			margin-left: auto;
			margin-right: 0;
		}

		.mtr-rwy {
			margin: 15px auto;
		}

		.metar-bg > .col-6 {
			max-width: 100% !important;
			flex: 0 0 100%;
			justify-content: center !important;
		}

		.mtr-min {
			flex-wrap: wrap;
			flex-direction: column-reverse !important;
		}
	}

	@media (max-width: 767px) {
		.metar-bg {
			margin: 20px auto !important;
		}

		.metar-info-bg {
			border-radius: 10px !important;
		}

			.metar-info-bg > div {
				border: none !important;
			}

		.mtr-r3-empty-date {
			min-width: 100% !important;
		}
	}

	@media (max-width: 380px) {
		.mtr-mid {
			font-size: 12px !important;
		}
	}

	.metar-info-bg {
		margin: 0 auto;
		background: rgba(56,85,105,.32);
		border-radius: 100px;
		border: 1px solid #6A82A9 !important;
		color: #fff;
		padding: 20px;
	}

	.metar-info {
		max-width: 772px;
	}

	.metar-info-fixed {
		max-width: 1500px;
	}

		.metar-info-fixed .d-flex > div,
		.metar-info > div {
			border-right: 1px solid #6A82A9;
			min-height: 70px;
			padding: 0 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			.metar-info-fixed .d-flex > div:last-child,
			.metar-info > div:last-child {
				border: none;
			}

	/*************************************
    CONTROL FORM
*************************************/
	.c-form-bg {
		border-radius: 5px;
		border: 1px solid #94C3E1;
		background: linear-gradient(268deg, #1B2540 0.95%, #16303E 62.15%, #132E3D 80%, #111D3D 98.86%);
		padding: 40px 20px;
		position: relative;
		margin: 0;
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
	}

		.c-form-bg .c-form-title {
			position: absolute;
			top: -16px;
			display: flex;
			align-items: center;
			justify-content: center;
			left: 0;
			right: 0;
		}

			.c-form-bg .c-form-title strong {
				background: #13233D;
				height: 32px;
				border-radius: 100px;
				border: 1px solid #94C3E1;
				display: block;
				padding: 5px 20px;
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 400;
				display: flex;
				align-items: center;
			}

		.c-form-bg .badge {
			position: absolute;
			right: 0;
			top: -57px;
			color: #fff !important;
			font-weight: 400;
			border-radius: 100px;
			padding: 10px;
			cursor: auto;
			opacity: 1 !important;
		}

	.c-form-row > .col-6 {
		display: flex;
		flex-direction: column;
	}

	.c-form-bg .form-group {
		margin: 0 !important;
	}

		.c-form-bg hr,
		.c-form-bg .form-group > label {
			display: none;
		}

	.c-form-question {
		color: #FFF;
		text-align: center;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px; /* 166.667% */
		border-bottom: 1px dashed #5083A4;
		padding-bottom: 20px;
	}

@media (max-width:768px) {
	.c-form-question {
		font-size: 20px;
		line-height: 32px;
	}
}

@media (max-width:768px) {
	.c-form-question {
		font-size: 16px;
		line-height: 24px;
	}
}

	.c-form-checked {
		padding: 20px 0;
	}

		.c-form-btn,
		.c-form-checked-btn,
		.c-form-checked .btn {
			min-width: 150px;
			font-size: 20px;
			margin: 0 10px;
			position: relative;
			padding: 0.375rem 40px !important;
		}

	@media(max-width: 992px) {
		.c-form-btn,
		.c-form-checked-btn,
		.c-form-checked .btn {
			margin: 7px;
			min-width: 140px;
			padding: 0.375rem 30px !important;
		}
	}

		@media (max-width:768px) {
			.c-form-btn,
			.c-form-checked-btn,
			.c-form-checked .btn {
				font-size: 16px;
				line-height: 24px;
				min-width: 112px;
			}
		}

	.c-form-btn.btn-outline-danger,
	.c-form-checked .btn-outline-danger {
		position: relative;
		color: #FF8B8B;
		border-color: #FF8B8B !important;
	}

		.c-form-btn.btn-danger,
		.c-form-btn.btn-outline-danger:hover,
		.c-form-checked .btn-danger,
		.c-form-checked .btn-outline-danger:hover {
			color: #fff !important;
			background: #E25858 !important;
		}

			.c-form-btn.btn-danger::after,
			.c-form-btn.btn-outline-danger::after,
			.c-form-checked .btn-danger::after,
			.c-form-checked .btn-outline-danger::after {
				content: '\e14b';
				font-family: 'Material Symbols Outlined';
				display: block;
				position: absolute;
				left: 5px;
				top: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				font-size: 21px;
			}

	.c-form-btn.btn-outline-success,
	.c-form-checked .btn-outline-success {
		position: relative;
		color: #86C379;
		border-color: #86C379 !important;
	}

		.c-form-btn.btn-success,
		.c-form-btn.btn-outline-success:hover,
		.c-form-checked .btn-outline-success:hover {
			color: #fff !important;
			background: #1E7636 !important;
		}

			.c-form-btn.btn-success::after,
			.c-form-btn.btn-outline-success::after,
			.c-form-checked .btn-success::after,
			.c-form-checked .btn-outline-success::after {
				content: '\e2e6';
				font-family: 'Material Symbols Outlined';
				display: block;
				position: absolute;
				left: 5px;
				top: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				font-size: 21px;
			}

	.c-form-number {
		position: absolute;
		left: -19px;
		background: #141B2D;
		width: 38px;
		height: 38px;
		border: 1px solid #94C3E1;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 50%;
		margin-top: -19px;
		color: #94C3E1;
		font-size: 16px;
	}

@media(max-width: 768px) {
	.c-form-number {
		width: 28px;
		height: 28px;
		left: -13px;
		font-size: 14px;
	}
}

	.c-form-desc {
		padding-top: 20px;
		border-top: 1px dashed #5083A4;
	}

	.c-form-desc-info {
		color: #7E93B0;
	}

	.c-form-static-box {
		border: 1px dashed #5083A4;
		margin-bottom: 30px;
	}

		.c-form-static-box .title {
			color: #fff !important;
			font-size: 16px;
			border-bottom: 1px dashed #5083A4;
			padding: 15px 20px;
		}

		.c-form-static-box .progress {
			background-color: #4f6085;
		}

	.table-form-preview {
		border: 0 !important;
		background: transparent !important;
	}

		.table-form-preview tbody tr:nth-child(even) {
			background: transparent !important;
		}

		.table-form-preview tr:not(:last-child) {
			border-bottom: 1px solid #2A3555 !important;
			height: 140px;
			border-bottom-style: solid !important;
		}

		.table-form-preview tr th,
		.table-form-preview tr td {
			border: 0 !important;
			background: transparent !important;
			vertical-align: middle;
		}

@media(max-width:768px) {
	.table-form-preview .text-lg {
		font-size: 16px !important;
	}
}

	.form-preview-border {
		border: 1px dashed #394870;
		padding: 3px;
		border-radius: 10px;
		margin: 10px 0;
		flex-wrap: wrap;
	}

		.form-preview-border span {
			border-right: 1px dashed #394870;
			padding: 10px;
			display: inline-block;
			margin-right: 10px;
			font-weight: 700;
		}

	.table-rwy-statics {
		border: 0 !important;
		background: transparent !important;
	}

		.table-rwy-statics tbody tr:nth-child(even),
		.table-rwy-statics tr:not(:last-child) {
			background: transparent !important;
			border-bottom: 1px dashed #1C4966 !important;
		}

		.table-rwy-statics tr td {
			border: 0 !important;
			color: #BAF8F2;
		}

	.btn-close-camera,
	.btn-save-camera {
		text-transform: uppercase;
	}

	.preview-media {
		width: 82px;
		height: 82px;
		padding: 0 !important;
		margin: 0 10px;
	}

		.preview-media img {
			height: 100% !important;
			width: 100% !important;
			display: block;
			object-fit: cover;
		}

		.preview-media .img-thumbnail-close {
			position: absolute;
			top: -8px;
			right: -8px;
		}

			.preview-media .img-thumbnail-close span {
				font-size: 16px;
			}


	.file-loc-btn {
		position: relative;
		display: grid;
		align-items: center;
		justify-content: center;
		max-width: 175px;
		height: 82px;
		width: 100%;
		border: 1px dashed #425C96 !important;
		border-radius: 5px !important;
		font-size: 12px;
		background: #111E3D !important;
	}

		.file-loc-btn:hover {
			background: #09132a !important;
		}

		.file-loc-btn span {
			margin-bottom: -20px;
		}

	.btn-delete-loc-new,
	.btn-delete-loc {
		position: absolute;
		background: #cb4747 !important;
		opacity: 1 !important;
		top: -10px !important;
		right: -10px !important;
		border-radius: 5px;
		width: 22px;
		height: 22px;
		padding: 0 !important;
	}

		.btn-delete-loc-new span,
		.btn-delete-loc span {
			font-size: 16px !important;
			color: #fff !important;
		}


	.table-detecting-tracking {
		border: none;
		margin: 0 !important;
	}

		.table-detecting-tracking td:last-child {
			border: none !important;
		}

	@media (max-width: 768px) {
		.table-detecting-tracking td {
			border-bottom: 1px solid #303F65;
			display: block;
			width: 100% !important;
			border-right: 0 !important;
		}
	}

	.table-detecting-tracking tr {
		border-bottom: none;
	}

		.table-detecting-tracking tr td {
			border-top: none;
			vertical-align: middle;
		}

			.table-detecting-tracking tr td strong {
				color: #6F7DA1 !important;
				font-weight: 500;
				display: block;
				margin-bottom: 10px;
			}

	.btn-plus {
		color: #657294 !important;
		padding: 0 !important;
	}

		.btn-plus .material-symbols-outlined {
			font-size: 3em;
		}


	.btn-img-group {
		position: relative;
	}

		.btn-img-group .btn-group .btn {
			background: #2A2E51 !important;
			color: #fff !important;
			border: 1px solid #425C96 !important;
			height: 82px;
			display: inline-flex;
			align-items: center;
			width: 80px;
			justify-content: center;
			border-radius: 5px !important;
		}

		.btn-img-group .close {
			position: absolute;
			background: #cb4747 !important;
			opacity: 1 !important;
			top: -10px !important;
			right: -10px !important;
			border-radius: 5px;
			width: 22px;
			height: 22px;
			padding: 0 !important;
			z-index: 10;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: .3s;
		}

			.btn-img-group .close span {
				font-size: 16px;
			}

	.btn-collapse-play {
		position: absolute;
		right: 100px;
		top: 14px;
	}

	.questionInfoIcon {
		border: 1px solid #94C3E1;
		background: #141B2D !important;
		color: #94C3E1 !important;
		border-radius: 50% !important;
		width: 28px;
		height: 28px;
		font-size: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: -7px;
		bottom: -14px;
	}

	.add-blue-btn {
		background: #171A35;
		border: 1px dashed #425C96;
		padding: 10px;
		border-radius: 3px !important;
		color: #fff !important;
	}

		.add-blue-btn:hover {
			background: #282c51;
		}

	.violation-penalty-area {
		border: 1px dashed #4F5793 !important;
		border-radius: 3px !important;
		min-height: 120px;
	}

	.box-dashed {
		border: 1px dashed #606F97;
		border-radius: 5px;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 5px;
	}

	.line-height-0 {
		line-height: 0 !important;
	}

	.faq-card-header.card-header {
		background: #263151 !important;
		border-top: 1px dashed #606F97 !important;
		border-bottom: 1px dashed #606F97 !important;
	}

	.card.border-0 {
		box-shadow: none !important;
	}

	.accordion-toggle-arrow {
		position: relative;
		width: 100%;
		text-align: left;
		font-weight: 500;
	}

		.accordion-toggle-arrow:after {
			font-family: 'Material Symbols Outlined';
			content: "\e5cf";
			position: absolute;
			right: 20px;
			font-size: 24px;
			top: 50%;
			margin-top: -15px;
		}


	.responsive-table {
		overflow-x: auto;
		width: 100%;
	}

	.qr-reader {
		border: 1px solid #2A3555 !important;
	}

	#html5-qrcode-button-camera-start {
		margin-bottom: 10px;
	}

	a.html5-qrcode-element {
		color: #fff !important;
		cursor: pointer;
	}

	.punch-hours.text-success {
		border: 5px solid #55ce63;
	}

	.punch-hours.text-danger {
		border: 5px solid #f62d51;
	}

@media (min-width: 768px) and (max-width: 994px) {
	.punch-hours {
		width: 80px;
		height: 80px;
	}
}

	.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer),
	.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
		border-color: #303F65 !important;
	}

	@keyframes pulseAnimation {
		0% {
			transform: scale(0.6, 0.6);
			opacity: 0.0;
		}

		50% {
			opacity: 1.0;
		}

		100% {
			transform: scale(1, 1);
			opacity: 0.0;
		}
	}

	.pulse {
		position: relative;
		height: 8px;
		width: 8px;
		border: 6px solid #141B2D;
		border-radius: 50%;
		margin: 0 auto;
		background: #d90b0b;
		display: inline-block;
		top: 2px;
	}

		.pulse:before {
			content: "";
			border: 6px solid rgba(201,65,65, 1);
			border-radius: 50%;
			height: 8px;
			width: 8px;
			position: absolute;
			left: -6px;
			bottom: -6px;
			animation: pulseAnimation 1.4s ease-out;
			animation-iteration-count: infinite;
			opacity: 0.0;
			z-index: 99;
		}

	.tbl-txt-bg-transparent span {
		background-color: transparent !important;
	}


	.adm-card {
		background: rgb(183 159 159 / 10%);
		width: 100%;
		padding: 35px;
		box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
		-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
		border-radius: 5px;
		position: relative;
		overflow: hidden;
		margin-bottom: 30px;
		border: 1px solid rgb(78 79 81);
		backdrop-filter: blur(4px);
	}

		.adm-card h3 {
			margin-left: 14px;
			position: relative;
			text-transform: uppercase;
			font-size: 18px;
		}

			.adm-card h3::after {
				content: "";
				display: block;
				/*border-bottom: 2px solid #7384A8;*/
				height: 2px;
				width: 100%;
				background: #7384A8;
			}

			.adm-card h3 span {
				border-bottom: 2px solid #FF8A00;
				display: inline-block;
				margin: 0 0 -2px 0;
				padding-bottom: 15px;
			}

	.adm-category {
		position: absolute;
		top: 20px;
		right: 20px;
		background: #ffffff24;
		padding: 6px 8px 3px 8px;
		border-radius: 8px;
		font-size: 10px;
		text-transform: uppercase !important;
		font-weight: 500;
	}

	.adm-card .adm-card-icon {
		position: absolute;
		right: 0;
		top: 0;
		display: none;
	}

		.adm-card .adm-card-icon span {
			font-size: 8rem;
			opacity: .1;
			color: #9aa1c9;
		}

	.adm-card ul {
		list-style: none !important;
		padding: 0;
		margin: 0;
	}

		.adm-card ul li {
			position: relative;
			padding-left: 16px;
			transition: .3s;
		}

			.adm-card ul li > a {
				font-size: 14px;
				display: inline-block;
				padding: 6px 0;
			}

			.adm-card ul li a:hover {
				padding-left: 8px;
			}

		.adm-card ul > li > a:hover {
			color: #FF8A00 !important;
		}

		.adm-card ul li a:after {
			font-family: "Material Symbols Outlined";
			content: "\e5e1";
			display: block;
			position: absolute;
			left: 0;
			top: 6px;
			transition: .3s;
		}

		.adm-card ul li a:hover:after {
			left: 4px;
			color: #FF8A00;
		}

	.btn-smsmedia {
		position: absolute;
		z-index: 3;
		right: 10px;
		top: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
		border-radius: 8px;
		border-style: none;
		box-sizing: border-box;
		color: #FFFFFF !important;
		flex-shrink: 0;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
		transition: all .5s;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		padding: 10px 20px !important;
	}

		.btn-smsmedia span {
			font-size: 20px;
		}

		.btn-smsmedia:hover {
			box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
			transition-duration: .1s;
		}

	.plate-search {
		height: 44px !important;
	}


	table.custom-table th:last-child,
	table.custom-table td:last-child {
		position: sticky;
		right: 0;
	}

		/*table tr:nth-of-type(odd) td:last-child:before {
		background: #131a2b;
	}*/

		table.custom-table th:last-child:before,
		table.custom-table td:last-child:before {
			content: "\00a0";
			display: block;
			position: absolute;
			background: #192235;
			top: 0;
			right: -1px;
			bottom: 0;
			left: 0;
			z-index: -1;
			border-left: 2px solid #303F65;
			border-right: 2px solid #303F65;
		}

table.custom-table td.text-nowrap {
	width: 1px;
}

	@media (max-width: 768px) {
		.fc .fc-toolbar {
		flex-wrap: wrap;
	}

		.fc-toolbar-chunk {
			text-align: center;
			width: 100%;
			margin: 3px;
		}
	}

	.list-group-runways {
		flex-wrap: wrap;
		justify-content: center;
	}

/**** Qr Code Input Style *****/
.file-input__input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.file-input__label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	font-size: 14px;
	padding: 10px 12px;
	background-color: #4245a8;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}

	.file-input__label svg {
		height: 16px;
		margin-right: 4px;
	}

.file-preview img {
	margin: 0 auto;
	border-radius: 5px;
	max-height: 200px;
}

.qr-icon {
	width: 150px;
	margin: 0 auto;
}

.pageBackBtn {
	position: fixed;
	right: 0;
	top: 80px;
	z-index: 1;
}
	.pageBackBtn a {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		width: 30px;
		transition: all 0.3s;
		display:flex;
	}

		.pageBackBtn a .icon {
			width: 60px;
			margin-right: 10px;
		}

		.pageBackBtn a .text {
			display: inline-block;
			width: 0;
			transition: all 0.3s;
		}

		.pageBackBtn a:hover {
			width: 70px;
			transition: all 0.3s;
		}

			.pageBackBtn a:hover .text {
				width: 100%;
				transition: all 0.3s;
			}