@media screen and (max-width:1499px){
	.dynamic-modal-dialog{
	.modal-dialog;
	width:90%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	}
  .wide-dynamic-modal-dialog{
  .modal-dialog;
  width:99%;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:40px;
  }
	.narrow-dynamic-modal-dialog{
	.modal-dialog;
	width:60%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	}
  .narrow-dynamic-modal-dialog-constr-airport{
  .modal-dialog;
  width:40%;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:40px;
  }
  .narrow-dynamic-modal-dialog-prbd{
  .modal-dialog;
  width:90%;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:40px;
  }
}
@media screen and (min-width:1500px){
	.dynamic-modal-dialog{
	.modal-dialog;
	width:60%;
	margin:0 auto;
	margin-top:40px;
	}
  .wide-dynamic-modal-dialog{
  .modal-dialog;
  width:80%;
  margin:0 auto;
  margin-top:40px;
  }
	.narrow-dynamic-modal-dialog{
	.modal-dialog;
	width:30%;
	margin:0 auto;
	margin-top:40px;
	}
  .narrow-dynamic-modal-dialog-constr-airport{
  .modal-dialog;
  width:20%;
  margin:0 auto;
  margin-top:40px;
  }
  .narrow-dynamic-modal-dialog-prbd{
  .modal-dialog;
  width:60%;
  margin:0 auto;
  margin-top:40px;
  }
}

#modal-myoperations .modal-content {
    width: 800px;
    margin:0 auto;
}
.vis-item .vis-range .vis-editable{
	background-color:#79797a;
}

div.vis-item{
	background-color:#79797a;
}

.vis-item-content{
	background-color:#4e9b7d;
    padding-top: 10px;
}

.vis-item.vis-selected{
	background-color:lightgrey;
}
.vis-item-content.customSelection{
	background-color:#E2AD57;
}
tr.hidden{
	visibility:hidden;
}

div.vis-item-tat{
	position:absolute;
	top:15px;
	right:0px;
	z-index:-9;
	text-align:center;
	font-size:1vw;
	height:16px;
	color:#4b4b4c;
	overflow:hidden;
}

.vis-item.vis-editable:hover{
    z-index:2;
}

.form-horizontal .control-label{
  /* text-align:right; */
  text-align:left;
}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
    font-family: 'Noto Sans', sans-serif;
}

.table-user-information tbody tr td:first-child + td {
    width: 70%;
    font-family: 'Noto Sans', sans-serif;
}

.modal-body .container table tbody tr td:first-child {
	 font-weight: bold;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.well {
  min-height: 20px;
  padding: 19px;
  padding-top: 0px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well-legend {
  display: block;
  font-size: 16px;
  width: auto;
  padding: 2px 7px 2px 5px;
  margin-bottom: 20px;
  line-height: inherit;
  color: #333;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.items-collection{
    margin:20px 0 0 0;
}
.items-collection label.btn-default.active{
    background-color:#007ba7;
    color:#FFF;
}
.items-collection label.btn-default{
    width:90%;
    border:1px solid #305891;
    margin:5px; 
    border-radius: 17px;
    color: #305891;
}
.items-collection label .itemcontent{
    width:100%;
}
.items-collection .btn-group{
    width:90%
}

.btn.btnlabel {
  font-size: inherit !important;
  margin-bottom: 2px !important;
}

.floating-sidebar {
    position: fixed;
    top: 10.35em;
    margin-left: -75px;
    width: 35px;
    z-index: 1;
}

.floating-sidebar > ul li {
    margin: 1px 0;
    width: 49px;
    height: 35px;
    line-height: 36px;
    display: inline-block;
    cursor: pointer;
    background: #606060;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.floating-sidebar > ul li.selected {
  background:#E2AD57;
}

div.dataTables_filter {
    float: right;
    text-align: right;
}

tbody tr.selected {
  background-color: #E9E8E6 !important;
}

.datatable-toolbar {
    float: left;
    margin-bottom: 3px;
}

table.dataTable th, table.dataTable td{
  text-align: center;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menu.left.profile {
  margin-left: -60px !important;
  width: 220px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0px 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu.pull-left>a:before {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none !important;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    top: 0;
    right: 100%;
    margin-top: -6px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu li {
    cursor: pointer;
    cursor: hand;
}

.daterangepicker { z-index: 1051 !important; }

.img-spinner {
    background: center center no-repeat;
    height: 100%;
    z-index: 20;
}

#loading-img {
    background: url('../images/airplaneloading.gif') center center no-repeat;
    height: 500px;
    z-index: 20000;
    background-color: #007ba7;
  
}

.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

/************ GANTT CHART ******************/

.vis-drag-left,
.vis-drag-right {
  pointer-events: none;
}

.vis-item .vis-item-overflow {
  overflow: visible !important;
}

.vis-item .flight-info {
  display: flex;
  flex-flow: row nowrap; /* Align on the same line */
  justify-content: space-between; /* Equal margin between the child elements */
  overflow: hidden;
}

.flight-overlap {
    background-color: #c50311 !important;
}

.flight > div {
  padding: 5px;
}

div.vis-item {
  color: #fff;
  font-weight: bold;
  border-width: 0px;
  font-size: 16px;
}
             
div.tooltiptext-right {
    visibility: hidden;
    width: 110px;
    background-color:  #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 0;
    font-size: 12px;
    /* Position the tooltip */
    position: absolute;
    top: 12%;
    left: 105%; 
}

div.tooltiptext-left {
    visibility: hidden;
    width: 155px;
    background-color:  #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 0;
    position: absolute;
    font-size: 12px;
    top: 12%;
    right: 105%;
}

div.tooltiptext-top {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    z-index: 1;
}

div.tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

div.tooltiptext-bottom {
    visibility: hidden;
    width: 240px;
    background-color: #f5f5f5;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding-left: 3px;
    padding-right:3px;
    position: absolute;
    top:-55px;
    right: calc(105% + 165px);
    z-index: 1;
    font-weight: normal;
}

.eventTooltipTable{
    color:#fff !important;
    border:none !important;
}
.eventTooltipTable .tbody{
    color:#fff !important;
    border:none !important;
}
.eventTooltipTable .tbody .tr{
    color:#fff !important;
    border:none !important;
}
.eventTooltipTable .tbody .tr .td{
    color:#fff !important;
    border:none !important;
}

.vis-item:hover .tooltiptext-right {
    visibility: visible;
}
.vis-item:hover .tooltiptext-left {
    visibility: visible;
}
.vis-item:hover .tooltiptext-top {
    visibility: visible;
    opacity: 1;
}
.vis-item:hover .tooltiptext-bottom {
    visibility: visible;
    opacity: 1;
}

#table-constrains-airport-constr_wrapper .dropdown-menu {
  max-height:150px;
  overflow-y:scroll;
}


.add-row:before{
    content: "\f055";
    font-size: 35px;
    font-family: FontAwesome;
    color:#4e9b7d;
    position: relative;
    left:-5px;
    top:7px;
}
.add-row{
    font-size:14px;
    padding-left: 5px;
    color:#4e9b7d;
    text-indent: 5px;
    margin-left:5px;
}
.add-row:hover{
    color:#4e9b7d;
}

.delete-row:before{
    content: "\f056";
    font-size: 35px;
    font-family: FontAwesome;
    color:#4e9b7d;
    position: relative;
    left:-5px;
    top:7px;
}
.manage-backups.delete-row:before{
  top:-1px !important;
}
.delete-row{
    font-size:14px;
    padding-left: 25px;
    color:#4e9b7d;
    text-indent: 5px;
    margin-left:5px;
}
.delete-row:hover{
    color:#4e9b7d;
}

.special-event-details-holder{
    float:left;
    position:relative;
    width:32%;
    margin-right:2%;
    background-color: #f5f5f5;
    color:black;
    padding:3px;
    margin-top:10px;
}
.special-event-details-holder:nth-child(1){
    margin-top: 0;
}
.special-event-details-holder:nth-child(2){
    margin-top: 0;
}
.special-event-details-holder:nth-child(3){
    margin-right:0;
    margin-top: 0;
}
.special-event-details-holder-title{
    width:100%;
    color:#4e9b7d;
    font-size: 1.25em;
    text-align: center;
    font-weight: bold;
}
.special-event-details-holder-body{
    margin:2px;
    padding:2px;
    margin-top:0px;
    background-color: #fcfcfc;
}
.fc-event, .fc-event-dot{
/*    background-color:#4e9b7d !important;*/
}
.fc-day-number{
/*    color:#4e9b7d !important;*/
}
.tooltipevent{
    width:180px;
    background:#f0f0f0;
    position:absolute;
    z-index:10001;
    padding:2px;
    color:black;
}
#marketing-li.a{
    max-width:100%;
    padding:0;
}
#marketing-li>a{
    max-width:100%;
    padding:0;
}
.total-row{
    color:red;
}

table.cost-est-sub-table  {
  border: thin red;
}

table.cost-est-sub-table tr:nth-child(even) {background: #f3f3f3}
table.cost-est-sub-table tr:nth-child(odd) {background: #FFF}

.cost-est-sub-table{
    margin:0 auto;
    text-align: left;
    width:90%;
}
.cost-est-sub-table tr{

}
.cost-est-sub-table th{
    font-weight: normal;
    font-size: 10px;
    text-align: left;
}
.cost-est-sub-table tr td{
    text-align: left;
}
.total-row > td{
    border-top-color: black;
    border-top-style: solid;
    border-top-width: thin;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    color: #332A2A;
}
.grand-total-row > td{
    border-top-color: black;
    border-top-style: solid;
    border-top-width: thin;
    font-size:14px;
    font-weight: bolder;
    text-align: left;
    color: #c50311;
}
.overall-total-row > td{
    font-size:22px;
    font-weight: bolder;
    text-align: left;
    border-top: darkgrey solid;
    border-bottom: darkgrey solid;
    color: #c50311;
    padding: 5px;
}
.cost-type-row > td{
    font-size:18px;
    font-weight: bolder;
    text-align: left;
}
.cost-section-header > td{
    font-size:16px;
    font-weight: bold;
    text-align: left;
}
.cost-est-info-table{
    margin:0 auto;
    table-layout: fixed;
}
.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}
.custom-th{
    border-color:white;
}
.cost-description-head > td{
    font-weight: bold;
}
#costEstimationPrintButton{
    float:right;
    cursor:pointer;
}

.circle-icon {
    background: #4e9b7d;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
}

button.btn-tooltip:hover {
  background-color: transparent !important;
  font-size: 11px !important;
}

button.btn-tooltip {
  padding: 0px 0px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  font-size: 11px !important;
}

.btn-tooltip > .fa-info-circle {
  color: #939393;
}
.btn-tooltip.fa-info-circle {
  color: #939393;
  font-size: 13px;
}

button.day-of-week {
  padding: 2px 6px !important;
  margin-right: -2px;
}

button.btn-main {
    background-color: #4e9b7d;
    color: white;
}
/* change tooltip background color */
.btnlabel + .tooltip > .tooltip-inner {
    z-index: 10000;
    opacity: 1;
    background-color: #000;
}


button.aircraft-type {
  padding: 6px 16px !important;
}

button.airport {
  padding: 4px 8px !important;
}

button.airport {
  padding: 4px 8px !important;
}
.form-group.has-error .operation-days-list {
  display: block;
  height: 34px;
  padding: 4px 12px;
  border-color: #ef5350 !important;
  border: 1px solid;
}

.arrow-route-oneway {
  margin-right: 3px;
  margin-left: 3px;
  font-size: 16px;
}
.arrow-route-roundtrip {
  margin-right: 3px;
  margin-left: 3px;
  font-size: 16px;
}
td.highlight-diff {
  background-color: #ffffd1;
}
td.highlight-result-the-same {
  background-color: #d9e7e1;
}
td.highlight-result-diff {
  background-color: #eab8b8;
}
tr.sticky {
  background-color:#ffffd1;
}
tr.sticky:hover td {
  background-color:#ffff99;
}

.tab_buttons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 0px !important;
}
.tab_buttons > li {
    background: #f5f5f5;
    border-width: 1px;
    border-color: #dcdcdc;
    border-style: solid;
}
.tab_buttons > li.active{
    background: white;
}
.tab_buttons > li > a{
    border-radius: 0;
    border: none;
    color: gray;
    cursor: pointer;
    line-height: 40px;
    font-weight: 700;
    padding: 0px 15px;
    font-family: 'Nano Sans', sans-serif;
}

/*********************************/
/* myflights table */

.table-myflights,
.table-myflights-with-base-airports {
    font-family: "Helvetica 35 Thin",Helvetica,Arial,sans-serif !important;
}

.table-myflights thead,
.table-myflights-with-base-airports  thead {
    background-color: #0a3257;
    padding: 2px!important;
}

.table-myflights > tbody > tr > td,
.table-myflights-with-base-airports > tbody > tr > td {
    padding: 0 1px !important;
    height: 40px;
    /* sets the height for table rows */
}

.table-myflights > tbody > tr > td > button > img{
    padding: 0;
}

.table-myflights > thead > tr > th,
.table-myflights-with-base-airports > thead > tr > th{
    color: white!important;
    line-height: 30px;
    height: 40px;

}

.table-myflights a,
.table-myflights-with-base-airports a {
    color: #0a3257;
}

#myflights_container .myflights-menu .btn-primary {
    background-color: #4e9b7d !important;
    border: 1px solid #4e9b7d !important;
}

.btn-airport {
    background-color: #585856;
    color: white;
    line-height: 14px;
    border-radius: 6px;
    padding: 3px;
    font-size: 11px;
    font-weight: bold;
}
/*  */
.table-myflights .btn:focus, .table-myflights .btn:hover {
    color: #fff;
    background-color: #0a3257;
    text-decoration: none;
}

.btn-aircraft-type {
    /*
    background-color: #4e9b7d;
    color: #fff;
    */
    background-color: #4e9b7d; /* #585856; */
    color: white;
    border-radius: 6px;
    line-height: 14px;
    font-size: 12px;
    padding: 2px 6px;
}

/* change tooltip background color */
.btn-airport + .tooltip > .tooltip-inner, .btn-aircraft-type + .tooltip > .tooltip-inner {
    z-index: 10000;
    opacity: 1;
    background-color: #000;
}

.day-of-week {
    border-radius: 6px;
}

/* pagination buttons */
#myflights_container .pagination>li>a,  #myflights_container .pagination>li>span {
    border: 0;
    text-transform: uppercase;
}
#myflights_container ul.pagination li.paginate_button>a:hover {
    border: #e4e7ea;
}
#myflights_container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #e4e7ea;
}
/* actions buttons - preventing being blue on hover */
#myflights_container .btn-link, #myflights_container .btn-link:hover {
     background-color: inherit;
}

#myflights_container .pagination > .active > a {
    background-color: #fff;
    color: #0a3257;
}
#myflights_container .paginate_button a:hover {
    border: none;
}
/*  */


/* Define your theme classes here */
/* Theme 1 */
.theme-primary-1 .navbar {
    background-color: #4e9b7d;
    color: #ffffff;
  }
  
  .theme-primary-1 th {
    background-color: #0a3257;
    color: #ffffff;
  }
  
  .theme-primary-1 .floating-button {
    background-color: #606060;
    color: #ffffff;
  }
  
  /* Theme 2 */
  .theme-primary-2 .navbar {
    background-color: #000000;
    color: #ffffff;
  } 
  
  .theme-primary-2 th {
    background-color: #000000;
    color: #ffffff;
  }
  
  .theme-primary-2 .floating-button ,.footer {
    background-color: #000000;
    color: #ffffff;
  }
  
  
  /* Additional themes can be added here */
  
  .logo_customer {
    display: inline-block;
    vertical-align: middle;
    margin-right: 300px; /* Adjust spacing as needed */
  }