@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

/* 
Red: #dc3545;
Dark Red: #AC0000;
*/


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Nunito Sans", sans-serif;
    /* font-weight: 400; */
    overflow-x: hidden;
    overflow-y: auto;
    /* font-size: 12px */
}
.margin-bottom-10 {
    margin-bottom: 10px;
}

.card-search{
	border-bottom:1px solid rgba(0,0,0,.125);
}

.instructions{
	font-weight:100;
	font-style:italic
}

.dragAnchor{cursor:pointer; margin-right:5px;}

.main-footer{
	background:#333333;
	color:#FFFFFF;
}
.yellow
{
	color:#ffff00;
}

#attendeeList{
	margin-top:5px;
}
#attendeeList div{
	padding:2px 0px 2px 10px;
}
.hoverRowColor:hover{background-color:#f8f9fa}

.marketRow .col-6{margin-bottom:5px;}

.flightDivider{
	/*border-top: 3px solid #e9ecef;*/
	
}

.flightDivider:not(:first-child){
	
}

/*
 * Sort Styling
 */
.table thead tr th {
    position:relative;
    padding-right:45px;
    vertical-align:middle;
    font-weight: 700;
    background-color: #000000;
    color: white !important;
}
.table thead tr th a,
.table thead tr th th {
    color: white !important;
}

/* .table-striped tbody tr:nth-of-type(odd) {
    background-color: #e1e1e1;
} */
.table-striped tbody tr:hover {
    background-color: #fceded;
}

.sort-arrow-container{white-space:nowrap; display:inline-block; position:absolute; right:0px; font-size: .75em; font-weight:100; color:#eee; margin-right:5px;}
.sort-arrow-container i {
    margin: 0 1px;
}
.current-sort{font-weight:bold; color:#FF0A00;}

/* Navigation */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-weight: 700;
    background-color: #FF0A00;
}

input.error, input.error:focus{
	background:#FFE5E5;
	
}
/* Branding */

a{
	color:#FF0A00;
}
a:hover{
	color:#AC0000;
}
.btn-cancel{
    background-color: transparent;
    font-weight: 900;
    border: solid 1px #aaa;
    color: #666666;
    letter-spacing: -.5px;
    border-radius: 3px !important;
}
.btn-cancel:hover {
    background-color: #000000;
    color:#ffffff;
}

.btn-oohred {
    background-color: #FF0A00;
    font-weight: 900;
    border: none;
    letter-spacing: -.5px;
    border-radius: 3px !important;
    color:#ffffff;
}
.btn-oohred-thin {font-weight: 700;}
.btn-oohred:hover {
    background-color: #000000;
    color:#ffffff;
}
.oohred-link {
    font-weight: bold;
    color: black;
}
.oohred-link:hover {
    text-decoration: none;
    color: #FF0A00;
}

.ddItem{display:inline-block; width:300px; overflow:hidden; margin-right:25px; }
.readMoreText{
	display:none;
}
    .btn-sq-lg {
      width: 200px !important;
      height: 200px !important;
      padding:40px 0px;
      font-size:22px;
      font-weight:bold;
      margin: 0px 12px 25px 12px;
    }
    .select2{width:100%; display:block;}
    
#dropzone {
    background: white;
    width: 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-weight: bold;
    border: 1px dashed rgb(0 0 0 / 30%);
    margin: 20px 10px;
    cursor: pointer;
    color: #999;
    font-size: 1.2rem;
    font-weight: normal;
}
#dropzone.in {
    width: 100%;
    height: 200px;
    line-height: 200px;
    font-size: larger;
}
#dropzone.hover {
    background: #eee;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
.text-active{color:green; font-weight:bold;}
.text-danger{color:green; font-weight:bold;}

.card-body{
	overflow:scroll;
	/*overflow:hidden;*/
}

span.pagination{
	float:right;
}

span.pagination:last-of-type{
	margin-top:10px;
}
span.pagination:first-of-type{
	margin-bottom:10px;
}

span.pagination a, span.pagination strong{
	padding:4px 14px;
	margin: 3px 0px 3px 2px;
	border-radius:3px;
}
span.pagination strong, span.pagination a:hover{
	background:#000000;
	border-radius:3px;
	color:#ffffff;
}

.no-scroll{overflow:visible}

.button-container{
	position:relative;
}
.button-badge {
    font-size: .6rem;
    font-weight: 300;
    padding: 2px 4px;
    position: absolute;
    right: 1px;
    top: -6px;
}

table.table tbody tr td{
	vertical-align: middle;
}
.fr{float:right;}

.btn-opaque{
	border:solid #FFF 2px; 
	background-color:rgba(0, 0, 0, 0.3);
	transition-duration:0.5s;
}
.btn-opaque:hover{
	background-color:rgba(0, 0, 0, 0.5);
	transition-duration:0.5s;
}
.btn-row-two{
	margin-top:7px;
}

.btn-ico{
	width:33px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	border:0px;
}

.indent-1{
	padding-left:15px;
}
.indent-2{
	padding-left:30px;
}

.card-header i.fa{
	float:right;
}
.card-header a i.fa{
	float:none;
}
ul.columnList2{
	columns: 2;
  	-webkit-columns: 2;
	-moz-columns: 2;	
}
ul.columnList3{
	columns: 3;
  	-webkit-columns: 3;
	-moz-columns: 3;	
}
ul.columnList4{
	columns: 4;
  	-webkit-columns: 4;
	-moz-columns: 4;	
}
.nav-subitem{padding-left:15px;}
body.login-background{
	background-image: url("/assets/img/login-background.jpeg");
	background-size: cover;
}
div.login-card-header{font-size:2.6rem;}
.brand-image{background:#eeeeee}
.nav-logo{
	background-image: url("/assets/img/login-background.jpeg");
	background-size: cover;
}
.small-text{
	font-size:.75rem;
}
.main-sidebar {background: #000000;}
.sidebar-collapse .logo-full-sidebar{display:none;}
.sidebar-mini .logo-collapsed-sidebar{display:none;}
.sidebar-collapse .logo-collapsed-sidebar{display:inline-block;}

.full-width{width:100%}
.breadcrumb {
    padding: 13px 18px !important; 
    background-color: #fff !important;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}
h1 {
    display: inline-block;
    width: auto;
    padding: 10px 18px; 
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    font-weight: bold;
}
.header-padding-adjust {margin-left: -0.5rem !important;}
.header-subheading {font-weight: normal; font-size: 1.5rem}


/* Datepicker Modal */
.bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 500px !important;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999;
    border-radius: 4px;
    border: 1px solid #dee2e6;;
}

.bootstrap-datetimepicker-widget table tr th {
    border: 2px solid transparent;
    border-radius: 0px;
    padding: 3px 7px;
    text-align: left;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget .timepicker button {
    background: #dc3545;
    border: none;
}
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget .timepicker button:hover {
    background: #AC0000;
    border: none;
}
/* .bootstrap-datetimepicker-widget .timepicker button {
    background: #dc3545;
}
.bootstrap-datetimepicker-widget .timepicker button:hover {
    background: #AC0000;
} */
.bootstrap-datetimepicker-widget table td span {
    margin: 0;
}
.bootstrap-datetimepicker-widget .list-unstyled li:first-of-type {
    border-bottom: 1px solid #dee2e6;;
    margin-bottom: 5px;
}
.bootstrap-datetimepicker-widget .timepicker {
    border-top: 1px solid #dee2e6;;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #AC0000 !important;
}
.bootstrap-datetimepicker-widget .collapse.show {
    margin-top: 5px;
}
 .w-100 {display:inline-block !important; width:100%;}
 .fr, .card-header a i.fr {float:right}
.flightContainerToggle{display:inline-block}
