@CHARSET "UTF-8";

html {
	/* min-width: 1100px !important; */
}

body {
	/* min-width: 1100px !important; */
	background-color: #fbfbfc;
}

.container
{
}

@media (min-width: 576px)
{
	.container { max-width: 1140px; }
}

@media (min-width: 768px)
{
	.container { max-width: 1140px; }
}

@media (min-width: 992px)
{
	.container { max-width: 1140px; }
}

@media (min-width: 1200px)
{
	.container { max-width: 1140px; }
}

@media (min-width: 1px)
{
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}

@media (min-width: 1px)
{
	.modal-lg { max-width: 68rem; }
}

.input-group-append .btn, .input-group-prepend .btn
{
	z-index: 1;
}

/** Pre
=============================================================== **/

.test { background-color: red !important; }
.test2 { background-color: orange !important; }

/* , table.table a */
/* , table.table a:HOVER */
a
{
	color: #345cb2;
}
a:HOVER
{
	color: #0056b3;
}

.opacity4 {
	opacity: .4;
	filter: alpha(opacity=40);
}
.opacity4.hover:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.opacity8 {
	opacity: .8;
	filter: alpha(opacity=80);
}
.opacity8.hover:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.grey-hover
{
	transition: 0.5s;
}

.grey-hover:HOVER
{
	background-color: #e0e0e0 !important;
}

abbr.noborder
{
	text-decoration: none;
}

.radius
{
	border-radius: .125rem;
}

.pointer
{
	cursor: pointer;
}

.cursor-default
{
	cursor: default;
}

/** Bootbox.js
=============================================================== **/

.bootbox-close-button
{
	position: absolute !important;
	top: -2.0rem !important;
	right: -2rem !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #000 !important;
	border: 1px solid #fff !important;
	padding: 2px 8px !important;
	border-radius: 4px 4px 4px 4px !important;
	-moz-border-radius: 4px 4px 4px 4px !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
}

/** Dropdown
=============================================================== **/

/*
.dropdown .dropdown-menu.dropdown-blue .dropdown-item
{
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	color: #fff;
}
*/

.dropdown .dropdown-menu.dropdown-blue .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-blue .dropdown-item:active,
.dropup .dropdown-menu.dropdown-blue .dropdown-item:hover,
.dropup .dropdown-menu.dropdown-blue .dropdown-item:active,
.dropleft .dropdown-menu.dropdown-blue .dropdown-item:hover,
.dropleft .dropdown-menu.dropdown-blue .dropdown-item:active,
.dropright .dropdown-menu.dropdown-blue .dropdown-item:hover,
.dropright .dropdown-menu.dropdown-blue .dropdown-item:active
{
	/*
	background: -webkit-linear-gradient(50deg, #3d97da, #376ebe) !important;
	background: -o-linear-gradient(50deg, #3d97da, #376ebe) !important;
	background: linear-gradient(40deg, #3d97da, #376ebe) !important;
	*/

	background-color: #a5a5a51a !important;
	color: black !important;
	
	webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0,0,0,0.05);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0,0,0,0.05);
}

.dropdown-menu
{
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.10), 0 4px 10px 0 rgba(0,0,0,.10);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.10), 0 4px 10px 0 rgba(0,0,0,.10);
}

.dropdown-item .fa,
.dropdown-item .fas,
.dropdown-item .far
{
	color: silver !important;
}
.dropdown-item:HOVER .fa,
.dropdown-item:HOVER .fas,
.dropdown-item:HOVER .far
{
	color: #1565c0 !important;
}

.navbar .dropdown-menu a
{
	font-weight: 400;
	/* background-color: #a5a5a51a; */
}

.dropdown .dropdown-menu.dropdown-blue .dropdown-item.active
{
	color: #212529 !important;
}


/** Header
=============================================================== **/

.bb-silver
{
	border-bottom:1px solid #e9ecef;
}
.bb-gray
{
	border-bottom: 1px solid rgba(0,0,0,.1);
}

/** Color
=============================================================== **/

.text-blue
{
	color: #1565c0 !important;
}


/** Size
=============================================================== **/

.container.container-frame { max-width: 800px; }
.container.container-frame-900 { max-width: 900px; }
.container.container-frame-1000 { max-width: 1000px; }

.mt-5 { margin-top: 2.0rem!important; }
.mt-6 { margin-top: 2.5rem!important; }
.mt-7 { margin-top: 3.0rem!important; }

.w-1	{ width: 1% !important; }
.w-5	{ width: 5% !important; }
.w-10	{ width: 10% !important; }
.w-20	{ width: 20% !important; }
.w-30	{ width: 30% !important; }
.w-40	{ width: 40% !important; }
.w-50	{ width: 50% !important; }
.w-60	{ width: 60% !important; }
.w-70	{ width: 70% !important; }
.w-80	{ width: 80% !important; }
.w-90	{ width: 90% !important; }

.fw-500 { font-weight: 500; }
.fw-500i { font-weight: 500 !important; }
.fw-400 { font-weight: 400; }
.fw-400i { font-weight: 400 !important; }
.fw-300 { font-weight: 300; }
.fw-300i { font-weight: 300 !important; }

.table-thead-fw-300 th { font-weight: 300; }
.table-thead-fw-300i th { font-weight: 300 !important; }
.table-thead-fw-400 th { font-weight: 400; }
.table-thead-fw-400i th { font-weight: 400 !important; }
.table-thead-fw-500 th { font-weight: 500; }
.table-thead-fw-500i th { font-weight: 500 !important; }

.table-fw-300 td { font-weight: 300; }
.table-fw-300i td { font-weight: 300 !important; }
.table-fw-400 td { font-weight: 400; }
.table-fw-400i td { font-weight: 400 !important; }
.table-fw-500 td { font-weight: 500; }
.table-fw-500i td { font-weight: 500 !important; }

.fs-07 { font-size: 0.7rem; }
.fs-08 { font-size: 0.8rem; }
.fs-09 { font-size: 0.9rem; }
.fs-10 { font-size: 1.0rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }

.fs-07i { font-size: 0.7rem !important; }
.fs-08i { font-size: 0.8rem !important; }
.fs-09i { font-size: 0.9rem !important; }
.fs-10i { font-size: 1.0rem !important; }
.fs-11i { font-size: 1.1rem !important; }
.fs-12i { font-size: 1.2rem !important; }

.fs-07i td { font-size: 0.7rem !important; }
.fs-08i td { font-size: 0.8rem !important; }

.lh-07 { line-height: 0.7rem; }
.lh-08 { line-height: 0.8rem; }
.lh-09 { line-height: 0.9rem; }
.lh-10 { line-height: 1.0rem; }
.lh-11 { line-height: 1.1rem; }
.lh-12 { line-height: 1.2rem; }

.lh-07i { line-height: 0.7rem !important; }
.lh-08i { line-height: 0.8rem !important; }
.lh-09i { line-height: 0.9rem !important; }
.lh-10i { line-height: 1.0rem !important; }
.lh-11i { line-height: 1.1rem !important; }
.lh-12i { line-height: 1.2rem !important; }

.black-text { color: #2e2e2e; }

.btn.btn-flat.btn-sm.btn-ssm
{
	margin: 0px;
	padding: 5px;
}

.btn-switch
{
	font-size: 1.2rem;
	line-height: 0.6rem;
	margin-right: 0.5rem !important;
}
.btn-switch.btn-switch-on	{ color: #48ac33 !important; }
.btn-switch.btn-switch-off	{ color: gray !important; }

.btn-blue
{
	background-color: #1565c0;
}

.btn.btn-icon-right
{
	padding-right: 46px;
	position: relative;
}
.btn.btn-icon-right i.fas,
.btn.btn-icon-right i.far
{
	position: absolute;
	top: 10px;
	right: 11px;
}

.btn-floating.btn-xs
{
	width: 27.15px;
	height: 27.15px;
}
.btn-floating.btn-xs .fa-sm
{
	margin-top: -10px;
}

.btn-twoline
{
	line-height: 0.55rem;
	text-align: left;
}
.btn-twoline i
{
	float: left;
	padding: 0.3rem 0.6rem 0.2rem 0.2rem;
	margin-left: -0.8rem;
}
.btn-twoline span
{
	font-size: 0.55rem;
}

.switch label input[type=checkbox]:checked+.lever
{
	background-color: #e3f2fd;
}
.switch label input[type=checkbox]:checked+.lever:after
{
	background-color: #1565c0;
	left: 1.5rem;
}

.table
{
	background-color: #fff !important;
}
.table a {
	margin-right: 0.5rem!important;
}

table .form-check
{
	padding: 0px 0px 0px 10px;
	margin-top: -1px;
}
table .form-check-input[type=checkbox]+label
{
	height: 15px;
}

table.table-sm td, table.table-sm th
{
	padding-top: .6rem;
	padding-bottom: .4rem;
}

table.table-ssm td, table.table-ssm th
{
	padding-top: .3rem;
	padding-bottom: .3rem;
}

table.table-sm-zero td, table.table-sm-zero th
{
	padding-top: 0rem;
	padding-bottom: 0rem;
}

table.table-sm-zero tr:first-child td
{
	border-top: 0px;
}

.form-buttons-top-right
{
	position: absolute;
	top: -4px;
	right: 15px;
}

.form-buttons-top-right-level-2
{
	top: 50px;
}

.text-primary
{
	color: #1565c0 !important;
}

.text-weight-400
{
	font-weight: 400;
}

.form-filter
{
	font-size: 14px !important;
	margin-top: 15px;
	margin-bottom: -5px;
}
table.table-filter thead th
{
	padding-top: 20px;
}

.form-size-default
{
	font-size: 14px !important;
}

.form-size-default input
{
	font-size: 14px !important;
}

.card-body-padding-sm
{
	padding-bottom: 0.7rem;
}

.select-wrapper-nomargin .select-wrapper-title
{
	position: absolute;
	top: -13px;
	left: 23px;
	font-size: 13px;
	color: gray;
}

.select-wrapper-nomargin .select-wrapper input.select-dropdown
{
	margin: 0px;
}

.select-wrapper-nomargin .col,
.select-wrapper-nomargin .col-1,
.select-wrapper-nomargin .col-2
{
	padding-left: 6px;
	padding-right: 6px;
}

.select-wrapper-nomargin .col .select-wrapper-title
{
	left: 5px;
}

.select-wrapper-nomargin .col-1 .select-wrapper-title
{
	left: 7px;
}

.select-wrapper-nomargin .col-2 .select-wrapper-title
{
	left: 13px;
}

.select-sm .select-wrapper input.select-dropdown
{
	height: 31px;
}
.select-sm .select-wrapper .caret
{
	top: .55rem;
}

.select-wrapper-w-10rem .select-wrapper .dropdown-content
{
	width: 10rem !important;
}
.select-wrapper-w-15rem .select-wrapper .dropdown-content
{
	width: 15rem !important;
}
.select-wrapper-w-20rem .select-wrapper .dropdown-content
{
	width: 20rem !important;
}
.select-wrapper-w-25rem .select-wrapper .dropdown-content
{
	width: 25rem !important;
}

.modal .modal-close
{
	position: absolute;
	top: 0px;
	right: -31px;
	background-color: #fbfbfc;
}

.modal .modal-close .close
{
	padding: 5px 10px;
}

.modal .modal-frame
{
	width: 100%;
	height: 300px;	
	border-width: 0px;
}
.modal .modal-frame-scroll
{
	overflow-y: scroll;
	background-color: #ffffff;
}

@media (min-height: 400px) { .modal .modal-frame { height: 350px; } }
@media (min-height: 410px) { .modal .modal-frame { height: 360px; } }
@media (min-height: 420px) { .modal .modal-frame { height: 370px; } }
@media (min-height: 430px) { .modal .modal-frame { height: 380px; } }
@media (min-height: 440px) { .modal .modal-frame { height: 390px; } }
@media (min-height: 450px) { .modal .modal-frame { height: 400px; } }
@media (min-height: 460px) { .modal .modal-frame { height: 410px; } }
@media (min-height: 470px) { .modal .modal-frame { height: 420px; } }
@media (min-height: 480px) { .modal .modal-frame { height: 430px; } }
@media (min-height: 490px) { .modal .modal-frame { height: 440px; } }
@media (min-height: 500px) { .modal .modal-frame { height: 450px; } }
@media (min-height: 510px) { .modal .modal-frame { height: 460px; } }
@media (min-height: 520px) { .modal .modal-frame { height: 470px; } }
@media (min-height: 530px) { .modal .modal-frame { height: 480px; } }
@media (min-height: 540px) { .modal .modal-frame { height: 490px; } }
@media (min-height: 550px) { .modal .modal-frame { height: 500px; } }
@media (min-height: 560px) { .modal .modal-frame { height: 510px; } }
@media (min-height: 570px) { .modal .modal-frame { height: 520px; } }
@media (min-height: 580px) { .modal .modal-frame { height: 530px; } }
@media (min-height: 590px) { .modal .modal-frame { height: 540px; } }
@media (min-height: 600px) { .modal .modal-frame { height: 550px; } }
@media (min-height: 610px) { .modal .modal-frame { height: 560px; } }
@media (min-height: 620px) { .modal .modal-frame { height: 570px; } }
@media (min-height: 630px) { .modal .modal-frame { height: 580px; } }
@media (min-height: 640px) { .modal .modal-frame { height: 590px; } }
@media (min-height: 650px) { .modal .modal-frame { height: 600px; } }
@media (min-height: 660px) { .modal .modal-frame { height: 610px; } }
@media (min-height: 670px) { .modal .modal-frame { height: 620px; } }
@media (min-height: 680px) { .modal .modal-frame { height: 630px; } }
@media (min-height: 690px) { .modal .modal-frame { height: 640px; } }
@media (min-height: 700px) { .modal .modal-frame { height: 650px; } }
@media (min-height: 710px) { .modal .modal-frame { height: 660px; } }
@media (min-height: 720px) { .modal .modal-frame { height: 670px; } }
@media (min-height: 730px) { .modal .modal-frame { height: 680px; } }
@media (min-height: 740px) { .modal .modal-frame { height: 690px; } }
@media (min-height: 750px) { .modal .modal-frame { height: 700px; } }
@media (min-height: 760px) { .modal .modal-frame { height: 710px; } }
@media (min-height: 770px) { .modal .modal-frame { height: 720px; } }
@media (min-height: 780px) { .modal .modal-frame { height: 730px; } }
@media (min-height: 790px) { .modal .modal-frame { height: 740px; } }
@media (min-height: 800px) { .modal .modal-frame { height: 750px; } }
@media (min-height: 810px) { .modal .modal-frame { height: 760px; } }
@media (min-height: 820px) { .modal .modal-frame { height: 770px; } }
@media (min-height: 830px) { .modal .modal-frame { height: 780px; } }
@media (min-height: 840px) { .modal .modal-frame { height: 790px; } }
@media (min-height: 850px) { .modal .modal-frame { height: 800px; } }
@media (min-height: 860px) { .modal .modal-frame { height: 810px; } }
@media (min-height: 870px) { .modal .modal-frame { height: 820px; } }
@media (min-height: 880px) { .modal .modal-frame { height: 830px; } }
@media (min-height: 890px) { .modal .modal-frame { height: 840px; } }
@media (min-height: 900px) { .modal .modal-frame { height: 850px; } }
@media (min-height: 910px) { .modal .modal-frame { height: 860px; } }
@media (min-height: 920px) { .modal .modal-frame { height: 870px; } }
@media (min-height: 930px) { .modal .modal-frame { height: 880px; } }
@media (min-height: 940px) { .modal .modal-frame { height: 890px; } }
@media (min-height: 950px) { .modal .modal-frame { height: 900px; } }
@media (min-height: 960px) { .modal .modal-frame { height: 910px; } }
@media (min-height: 970px) { .modal .modal-frame { height: 920px; } }
@media (min-height: 980px) { .modal .modal-frame { height: 930px; } }
@media (min-height: 990px) { .modal .modal-frame { height: 940px; } }
@media (min-height: 1000px) { .modal .modal-frame { height: 950px; } }
@media (min-height: 1010px) { .modal .modal-frame { height: 960px; } }
@media (min-height: 1020px) { .modal .modal-frame { height: 970px; } }
@media (min-height: 1030px) { .modal .modal-frame { height: 980px; } }
@media (min-height: 1040px) { .modal .modal-frame { height: 990px; } }
@media (min-height: 1050px) { .modal .modal-frame { height: 1000px; } }
@media (min-height: 1060px) { .modal .modal-frame { height: 1010px; } }
@media (min-height: 1070px) { .modal .modal-frame { height: 1020px; } }
@media (min-height: 1080px) { .modal .modal-frame { height: 1030px; } }
@media (min-height: 1090px) { .modal .modal-frame { height: 1040px; } }
@media (min-height: 1100px) { .modal .modal-frame { height: 1050px; } }
@media (min-height: 1110px) { .modal .modal-frame { height: 1060px; } }
@media (min-height: 1120px) { .modal .modal-frame { height: 1070px; } }
@media (min-height: 1130px) { .modal .modal-frame { height: 1080px; } }
@media (min-height: 1140px) { .modal .modal-frame { height: 1090px; } }
@media (min-height: 1150px) { .modal .modal-frame { height: 1100px; } }
@media (min-height: 1160px) { .modal .modal-frame { height: 1110px; } }
@media (min-height: 1170px) { .modal .modal-frame { height: 1120px; } }
@media (min-height: 1180px) { .modal .modal-frame { height: 1130px; } }
@media (min-height: 1190px) { .modal .modal-frame { height: 1140px; } }
@media (min-height: 1200px) { .modal .modal-frame { height: 1150px; } }
@media (min-height: 1210px) { .modal .modal-frame { height: 1160px; } }
@media (min-height: 1220px) { .modal .modal-frame { height: 1170px; } }
@media (min-height: 1230px) { .modal .modal-frame { height: 1180px; } }
@media (min-height: 1240px) { .modal .modal-frame { height: 1190px; } }
@media (min-height: 1250px) { .modal .modal-frame { height: 1200px; } }
@media (min-height: 1260px) { .modal .modal-frame { height: 1210px; } }
@media (min-height: 1270px) { .modal .modal-frame { height: 1220px; } }
@media (min-height: 1280px) { .modal .modal-frame { height: 1230px; } }
@media (min-height: 1290px) { .modal .modal-frame { height: 1240px; } }
@media (min-height: 1300px) { .modal .modal-frame { height: 1250px; } }
@media (min-height: 1310px) { .modal .modal-frame { height: 1260px; } }
@media (min-height: 1320px) { .modal .modal-frame { height: 1270px; } }
@media (min-height: 1330px) { .modal .modal-frame { height: 1280px; } }
@media (min-height: 1340px) { .modal .modal-frame { height: 1290px; } }
@media (min-height: 1350px) { .modal .modal-frame { height: 1300px; } }
@media (min-height: 1360px) { .modal .modal-frame { height: 1310px; } }
@media (min-height: 1370px) { .modal .modal-frame { height: 1320px; } }
@media (min-height: 1380px) { .modal .modal-frame { height: 1330px; } }
@media (min-height: 1390px) { .modal .modal-frame { height: 1340px; } }
@media (min-height: 1400px) { .modal .modal-frame { height: 1350px; } }
@media (min-height: 1410px) { .modal .modal-frame { height: 1360px; } }
@media (min-height: 1420px) { .modal .modal-frame { height: 1370px; } }
@media (min-height: 1430px) { .modal .modal-frame { height: 1380px; } }
@media (min-height: 1440px) { .modal .modal-frame { height: 1390px; } }
@media (min-height: 1450px) { .modal .modal-frame { height: 1400px; } }
@media (min-height: 1460px) { .modal .modal-frame { height: 1410px; } }
@media (min-height: 1470px) { .modal .modal-frame { height: 1420px; } }
@media (min-height: 1480px) { .modal .modal-frame { height: 1430px; } }
@media (min-height: 1490px) { .modal .modal-frame { height: 1440px; } }
@media (min-height: 1500px) { .modal .modal-frame { height: 1450px; } }
@media (min-height: 1510px) { .modal .modal-frame { height: 1460px; } }
@media (min-height: 1520px) { .modal .modal-frame { height: 1470px; } }
@media (min-height: 1530px) { .modal .modal-frame { height: 1480px; } }
@media (min-height: 1540px) { .modal .modal-frame { height: 1490px; } }
@media (min-height: 1550px) { .modal .modal-frame { height: 1500px; } }
@media (min-height: 1560px) { .modal .modal-frame { height: 1510px; } }
@media (min-height: 1570px) { .modal .modal-frame { height: 1520px; } }
@media (min-height: 1580px) { .modal .modal-frame { height: 1530px; } }
@media (min-height: 1590px) { .modal .modal-frame { height: 1540px; } }
@media (min-height: 1600px) { .modal .modal-frame { height: 1550px; } }
@media (min-height: 1610px) { .modal .modal-frame { height: 1560px; } }
@media (min-height: 1620px) { .modal .modal-frame { height: 1570px; } }
@media (min-height: 1630px) { .modal .modal-frame { height: 1580px; } }
@media (min-height: 1640px) { .modal .modal-frame { height: 1590px; } }
@media (min-height: 1650px) { .modal .modal-frame { height: 1600px; } }
@media (min-height: 1660px) { .modal .modal-frame { height: 1610px; } }
@media (min-height: 1670px) { .modal .modal-frame { height: 1620px; } }
@media (min-height: 1680px) { .modal .modal-frame { height: 1630px; } }
@media (min-height: 1690px) { .modal .modal-frame { height: 1640px; } }
@media (min-height: 1700px) { .modal .modal-frame { height: 1650px; } }
@media (min-height: 1710px) { .modal .modal-frame { height: 1660px; } }
@media (min-height: 1720px) { .modal .modal-frame { height: 1670px; } }
@media (min-height: 1730px) { .modal .modal-frame { height: 1680px; } }
@media (min-height: 1740px) { .modal .modal-frame { height: 1690px; } }
@media (min-height: 1750px) { .modal .modal-frame { height: 1700px; } }
@media (min-height: 1760px) { .modal .modal-frame { height: 1710px; } }
@media (min-height: 1770px) { .modal .modal-frame { height: 1720px; } }
@media (min-height: 1780px) { .modal .modal-frame { height: 1730px; } }
@media (min-height: 1790px) { .modal .modal-frame { height: 1740px; } }
@media (min-height: 1800px) { .modal .modal-frame { height: 1750px; } }
@media (min-height: 1810px) { .modal .modal-frame { height: 1760px; } }
@media (min-height: 1820px) { .modal .modal-frame { height: 1770px; } }
@media (min-height: 1830px) { .modal .modal-frame { height: 1780px; } }
@media (min-height: 1840px) { .modal .modal-frame { height: 1790px; } }
@media (min-height: 1850px) { .modal .modal-frame { height: 1800px; } }
@media (min-height: 1860px) { .modal .modal-frame { height: 1810px; } }
@media (min-height: 1870px) { .modal .modal-frame { height: 1820px; } }
@media (min-height: 1880px) { .modal .modal-frame { height: 1830px; } }
@media (min-height: 1890px) { .modal .modal-frame { height: 1840px; } }
@media (min-height: 1900px) { .modal .modal-frame { height: 1850px; } }
@media (min-height: 1910px) { .modal .modal-frame { height: 1860px; } }
@media (min-height: 1920px) { .modal .modal-frame { height: 1870px; } }
@media (min-height: 1930px) { .modal .modal-frame { height: 1880px; } }
@media (min-height: 1940px) { .modal .modal-frame { height: 1890px; } }
@media (min-height: 1950px) { .modal .modal-frame { height: 1900px; } }
@media (min-height: 1960px) { .modal .modal-frame { height: 1910px; } }
@media (min-height: 1970px) { .modal .modal-frame { height: 1920px; } }
@media (min-height: 1980px) { .modal .modal-frame { height: 1930px; } }
@media (min-height: 1990px) { .modal .modal-frame { height: 1940px; } }

.nav-gradient .active
{
	background-color: transparent !important;
	border-bottom: 1px solid #fbfbfc !important;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fbfbfc+100&1+60,0+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 60%, rgba(251,251,252,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(251,251,252,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(251,251,252,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00fbfbfc',GradientType=0 ) !important; /* IE6-9 */
}

.nav-gradient .nav-link i.fa,
.nav-gradient .nav-link i.fas,
.nav-gradient .nav-link i.far
{
	color: #e0e0e0;
	-moz-transition:color .3s ease-in;
	-o-transition:color .3s ease-in;
	-webkit-transition: color .3s ease-in;
	transition: color .3s ease-in;
}

.nav-gradient .nav-link:HOVER i.fa,
.nav-gradient .nav-link:HOVER i.fas,
.nav-gradient .nav-link:HOVER i.far
{
	color: #0056b3;
}

.nav-gradient .nav-link.active i.fa,
.nav-gradient .nav-link.active i.fas,
.nav-gradient .nav-link.active i.far
{
	color: #0056b3;
}

.nav-gradient-white .active
{
	background-color: #fff !important;
	border-bottom: 1px solid #ffffff !important;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+20 */
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.nav-slim .nav-link
{
	padding: .2rem .3rem;
}
.nav-slim .nav-link.active
{
	background-color: #0000000a;
}

.nav-tabs.nav-vertical
{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-content: flex-end;
	align-items: flex-end;
	border: none;
	border-right: 1px solid #dee2e6;
}

.nav-tabs.nav-vertical .nav-item
{
	margin-bottom: 0px;
	margin-right: -1px;
	width: 100%;
	text-align: right;
}

.nav-tabs.nav-vertical .nav-link
{
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0rem;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0rem;
}

.nav-tabs.nav-vertical .nav-link:HOVER
{
}

.nav-tabs.nav-vertical.nav-gradient-white .active
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+20 */
	background: rgb(247,247,247) !important; /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 20%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 20%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 20%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 ) !important; /* IE6-9 */
}

.nav-tabs.nav-vertical .nav-link.active
{
	border-color: #dee2e6 #fff #dee2e6 #dee2e6 !important;
}

.picker__box .picker__header .picker__date-display .picker__month-display
{
	font-size: 0.9rem;
}
.picker__box .picker__header .picker__date-display .picker__day-display
{
	font-size: 3rem;
}
.picker__box .picker__header .picker__date-display .picker__year-display
{
	font-size: 1rem;
}

.popover-shadow
{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/** devbridge: Autocomplete
=============================================================== **/

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/** Avia
=============================================================== **/

.avia-price
{
	flex: 0 0 20%;
	max-width: 20%;
	cursor: pointer;
}

.avia-price .popover
{
	display: none;
	cursor: default !important;
}
.avia-price:HOVER .popover
{
	display: block;
}

.avia-price .avia-price-button
{
	padding-top: .45rem !important;
	padding-bottom: .45rem !important;
}

.popover-avia-search
{
	position: absolute;
	top: 30px;
	left: -50px;
	width: 725px;
	min-width: 725px;
}

/* .popover-avia-search .arrow { left: 250px; } */
.avia-price-1 .popover-avia-search .arrow { left: 130px; }
.avia-price-2 .popover-avia-search .arrow { left: 230px; }
.avia-price-3 .popover-avia-search .arrow { left: 330px; }

.avia-price-1 .popover-avia-search { left: -100px; }
.avia-price-2 .popover-avia-search { left: -200px; }
.avia-price-3 .popover-avia-search { left: -300px; }

.avia-price-1 .popover-avia-count-3,
.avia-price-1 .popover-avia-count-4
{
	left: -245px;
	width: 990px;
	min-width: 990px;
}

.avia-price-2 .popover-avia-count-3,
.avia-price-2 .popover-avia-count-4
{
	left: -375px;
	width: 990px;
	min-width: 990px;
}

.avia-price-3 .popover-avia-count-3,
.avia-price-3 .popover-avia-count-4
{
	left: -505px;
	width: 990px;
	min-width: 990px;
}

.avia-price-1 .popover-avia-count-3 .arrow,
.avia-price-1 .popover-avia-count-4 .arrow { left: 270px; }
.avia-price-2 .popover-avia-count-3 .arrow,
.avia-price-2 .popover-avia-count-4 .arrow { left: 400px; }
.avia-price-3 .popover-avia-count-3 .arrow,
.avia-price-3 .popover-avia-count-4 .arrow { left: 530px; }

.avia-route-header
{
	background-color: #E6E6E6;
	border-radius: .125rem;
	font-weight: 300 !important;
	font-size: .9rem;
	padding: 7px 0 6px 15px;
	text-shadow: 0 1px 0 #ffffff;
}

.avia-route
{
	font-size: .85rem;
	font-weight: 300;
	line-height: 1.0rem;
	border: 1px solid #ced4da;
	/* box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); */
	border-radius: .125rem;
	padding: .6rem 1.6rem .4rem 1.6rem;
	margin-bottom: .6rem;
	text-shadow: 0 1px 0 #ffffff;
}
.avia-route.active
{
	border-color: #1976d2;
	background-color: #e3f2fd8c;
}
.avia-route.ready
{
	border-color: #1976d247;
	background-color: #e3f2fd52;
}
.avia-route:HOVER
{
	border-color: #388e3c;
	background-color: #e8f5e9ba;
}
.avia-route.ready:HOVER
{
	border-color: #1976d2;
	background-color: #e3f2fd52;
}
.avia-route .col
{
	margin: 0rem;
	padding: 0rem;
}
.avia-route .first
{
	font-size: 0.95rem;
	margin-bottom: .25rem !important;
}
.avia-route .second
{
}
.avia-route .change
{
	margin-top: .5rem !important;
	margin-bottom: .5rem !important;
	margin-left: -1.4rem;
	color: gray;
}
.avia-route .flight
{
	flex: 0 0 19%;
	max-width: 19%;
}
.avia-route .time
{
	flex: 0 0 16%;
	max-width: 16%;
	font-weight: 600;
}
.avia-route .location
{
	
}
.avia-route .airline
{
	flex: 0 0 11%;
	max-width: 11%;
	padding: 4px 0px 0px 3px;
}
.avia-route .airline img
{
	border-radius: .3rem;
	width: 30px;
}
.avia-route .duration
{
	flex: 0 0 24%;
	max-width: 24%;
}
.avia-route .info
{
	
}

/** Avia: Traveller Autocomplete
=============================================================== **/

.popover-avia-traveller
{
	position: absolute;
	top: 190px;
	left: 15px;
	width: 895px;
	min-width: 895px;
}
.popover-avia-traveller .arrow
{
	margin: 0 2.0rem;
}
.popover-avia-traveller .popover-close
{
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 999;
	text-shadow: 0 1px 0 #ffffff;
	line-height: 16px;
	padding-bottom: 2px;
}

.popover-avia-traveller .popover-box
{
	/* width: 430px; */
	width: 286px;
}

/** Avia: Filter
=============================================================== **/

.avia-filter
{
	text-shadow: 0 1px 0 #ffffff;
}
.avia-filter-price
{
	color: gray;
	font-size: .9rem;
	letter-spacing: -1px;
	background-color: #fbfbfc;
	text-align: right;
	position: absolute;
	top: 2px;
	right: 0px;
}
.avia-filter .form-check
{
	margin-bottom: .1rem;
}
.avia-filter .form-check .avia-filter-only
{
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: -1px;
	background-color: #fbfbfc;
	text-align: right;
	position: absolute;
	top: 0rem;
	right: 0px;
	text-decoration: underline;

	display: none;
}
.avia-filter .form-check .avia-filter-only .fas
{
	margin-right: .3rem;
}
.avia-filter .form-check:HOVER .avia-filter-price
{
	display: none;
}
.avia-filter .form-check:HOVER .avia-filter-only
{
	display: inherit;
}

.avia-filter-slider
{
	position: relative;
}
.avia-filter-slider div:first-child
{
	float: left;
	margin-left: 11px;
}
.avia-filter-slider div:last-child
{
	position: absolute;
	top: 0px;
	right: 11px;
}