@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic');
body, a, p, span, h1, h2, h3, h4, li, td {font-family: 'Open Sans'; color: #565656;}

.container {width: 1070px; margin-top: 10px}

.navbar-header {background: url('../../img/pattern.png') #fff repeat; height: 70px; padding: 4px 0; float: none; width: 100%;}
.navbar-header .navbar-brand {height: auto; padding: 0;}
.navbar-step {padding-right: 0;}
.navbar-step h1 {font-size: 22px; font-weight: 600; font-style: italic; text-transform: uppercase; color: #596167; text-align: right; margin: 3px 0 5px 0;}
.navbar-header .navbar-brand img {height: 60px; width: auto; margin-top: -2px;}
.navbar-step h1 span {color: #ed2f2f;}
.navbar-step a {margin-left: 7px; border: 1px solid #98a3aa; text-transform: uppercase; font-size: 12px; font-weight: bold; background: #fff; padding: 3px 15px; display: inline-block;}
.navbar-inverse .navbar-collapse {border: 0; background: #aab5bd; /* Old browsers */background: -moz-linear-gradient(top, #cad4da, #aab5bd); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(#cad4da), color-stop(#aab5bd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #cad4da, #aab5bd); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #cad4da, #aab5bd); /* Opera 11.10+ */background: -ms-linear-gradient(top, #cad4da, #aab5bd); /* IE10+ */background: linear-gradient(to bottom,  #cad4da, #aab5bd); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad4da', endColorstr='#aab5bd',GradientType=0 ); /* IE6-9 */}
.navbar-inverse .navbar-collapse { background: linear-gradient(to bottom, #cad4da, #aab5bd); }
.navbar-inverse {background: transparent; border: 0;}
.navbar-nav > li > a {padding: 0 1px; text-decoration: none;}
.navbar-nav li {list-style: none; float: left;}
.navbar-nav li ul li {margin: 0 1px;}
.navbar-nav ul {padding: 0; margin: 0;}
.navbar-nav li h2 {color: #8a9196; font-size: 16px; text-align: center; text-transform: uppercase; font-family: 'Lato'; width: 100%;}
.navbar-nav li h2 span {font-weight: 700; color: #8a9196;}
.navbar-nav li h2 p {color: #8a9196; padding: 0; margin: 0; display: inline-block;}
.navbar-nav li h2 hr {background: transparent; height: 5px; border: 1px solid #8a9196; border-color: #8a9196 !important; border-width: 1px 0 0 0; border-bottom: 0; display: inline-block; border-width: 1px 0;vertical-align: middle; margin: 2px 0 0 0;}
.navbar-nav li h2 hr:first-child {border-left-width: 1px; margin-right: 5px;}
.navbar-nav li h2 hr:nth-child(3) {border-right-width: 1px; margin-left: 5px;}
.navbar-nav li li a p {margin-top: 1px; display: table; line-height: 12px; text-align: center;  background: url('../../img/greyPattern.png') repeat; height: 42px; overflow: hidden;}
.navbar-nav li li a p span {display: table-cell; vertical-align: middle; height: 42px; padding: 3px; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.navbar-nav li li a p span.arrow {padding: 0; float: right; width: 16px; background: #ed2f2f url('../../img/arrowRight.png') center center no-repeat; display: inline-block; height: 42px;}
.navbar-nav li li.active a p span.text, .navbar-nav li li a:hover p span.text {color: #fff; background: #ed2f2f repeat;}
.navbar-nav li li.active a:focus {text-decoration:none;};

.hide-icons {display: none;}
.nav.navbar-nav {overflow: hidden;}
.navbar-collapse .container {position: relative; top: 0; left: 0;}
.hide-icons {position: absolute; bottom: -30px; right: 20px; color: #fff; text-transform: uppercase; font-weight: bold; background-size: 12px 12px !important; background: #ed2f2f url('../../img/arrowUp.png') 50px 9px no-repeat; padding: 5px 27px 5px 10px; cursor: pointer;}
.hide-icons:before {content: 'Hide'; }
.hide-icons.hidden {visibility: visible !important; display: block !important; background: #ed2f2f url('../../img/arrowDown.png') 61px 9px no-repeat; background-size: 13px auto !important; }
.hide-icons.hidden:before {content: 'Show'; }
.navbar-fixed-top, .navbar-fixed-bottom {position: absolute;}
.navbar-inverse .navbar-collapse.sticky {position: fixed; top: 0; left: 0; width: 100%;}
.filter-box-wrapper.sticky {position: sticky !important; top: 5px; margin-top: 185px; }
			/* margin-top: 185px; */
.filter-box-wrapper.sticky-bottom {
	position: sticky !important;
	align-self: flex-end;
  bottom: 5px;
}
.filter-box-wrapper  {padding-top: 20px; min-height: 20px; margin-top: 255px; z-index: 9; width: 100%; position: absolute; left: 0; right: 0;  background: #cad4da; /* Old browsers */background: -moz-linear-gradient(top,  #cad4da 82%, #b0bbc2 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(82%,#cad4da), color-stop(100%,#b0bbc2)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #cad4da 82%,#b0bbc2 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #cad4da 82%,#b0bbc2 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #cad4da 82%,#b0bbc2 100%); /* IE10+ */background: linear-gradient(to bottom,  #cad4da 82%,#b0bbc2 100%); border: 1px solid #c7cdd1; /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad4da', endColorstr='#b0bbc2',GradientType=0 ); /* IE6-9 */}
#FMP_filterbox form {margin-top: 15px;}
#FMP_filterbox {display: none; width: 980px; margin: 0 auto; box-shadow: none; border-radius: 0; float: none; background: transparent; border: 0; padding: 0 5px;}
#FMP_filterbox .container {position: relative;left: -1%;padding: 0;padding-left: 5px;padding-right: 5px;}
#FMP_filterbox .form-group.col-sm-12 {width: 19%; margin-left: 1%; float: left; height: 50px; padding-left: 0; margin-right: 0;}
#FMP_filterbox .form-group.col-sm-12 label {font-size: 11px; font-weight: 400; text-align: left;}
#FMP_filterbox .container .select-wrapper select, .cow-filter-container .select-wrapper select {background: transparent;width: 114%;padding: 0 2%;font-size: 16px;line-height: 1;border: 0; color: #000; border-radius: 0;height: 23px; line-height: 23px; -webkit-appearance: none;}
#FMP_filterbox .container .multiSelect > button,
 #FMP_filterbox .container input.form-control,
 .custom_dashboard_others .multiSelect > button,
  #distance .multiSelect > button
 {background: #eaeef0; border: 0; border-radius: 0; height: 23px; line-height: 23px; padding: 0 2%; color: #000;}
#FMP_filterbox .container .multiSelect > button, #distance .multiSelect > button { background: url('../../img/selectArrow.png') no-repeat right #eaeef0; width: 100%; font-size: 11px; text-align: left; padding-left: 4%; min-height: 0 !important; text-shadow: none !important;}
#FMP_filterbox .container .multiSelect > button .buttonLabel, #distance .multiSelect > button .buttonLabel {padding: 0;}

#FMP_filterbox .container .multiSelect .caret, #distance .multiSelect .caret {display: none;}
#FMP_filterbox .container .multiSelect.inlineBlock{width: 100%;}
#FMP_filterbox .container .select-wrapper, .cow-filter-container .select-wrapper {width: 100%; height: 23px; overflow: hidden; background: url('../../img/selectArrow.png') no-repeat right #eaeef0; border: 0;}
#FMP_filterbox > .btn-default {background: #fff; margin: 10px auto 15px auto !important; display: block; border: 1px solid #98a3aa; text-transform: uppercase; font-weight: 700; border-radius: 0; padding: 7px 10px; font-size: 12px;}
.show-filterbox {cursor: pointer; background: url('../../img/roundedButtonBg.png') no-repeat; position: absolute; bottom: -30px; width: 61px; height: 31px; left: 50%; margin-left: -30px; text-align: center;}
.show-filterbox img {margin-top: 4px;}
.show-filterbox.shown img {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

.container.content {margin-top: 260px;}
.container.content .test-agata1 {padding: 0; height: auto;}
.container.content .test-agata1 .navbar-collapse hr {display: none;}
.container.content .test-agata1 {margin-bottom: 20px;}
.container.content .nav-pills > li {float: none; display: inline-block; margin: 5px;}
.container.content .nav-pills {text-align: center; display: inline-block; width: 100%;}
.container.content .nav-pills li a {padding: 8px 25px !important; font-size: 14px; color: #596167; font-weight: 600; text-transform: uppercase; border: 1px solid #abb4ba; border-radius: 0; background: url('../../img/lightPattern.png') repeat;}
.container.content .nav-pills li a:hover {color: #596167;}
.container.content .nav-pills > li.active > a, .container.content .nav-pills > li.active > a:hover, .container.content .nav-pills > li.active > a:focus {background: url('../../img/darkPattern.png') repeat; border-radius: 0; border-color: #596167; color: #fff;}
.container.content .chartsHeader {font-size: 24px; font-weight: 700; color: #596167;}
.verticalLine, hr {border-color: #d3d3d3 !important;}
.container.content .tabCatHeader span {background: #596167; border: 20px solid #fff; font-style: italic; text-transform: uppercase; color: #fff; font-size: 18px; padding: 0 20px; height: 75px;line-height: 34px; display: inline-block; margin: 0 auto; top: -60px; position: relative; font-size: 15px; height: 48px; line-height: 26px; padding: 0 12px; top: -55px; border-top-width: 0px; margin-top: 17px;}
.container.content .tabCatHeader {margin-bottom: -60px; padding-top: 25px;}
.container.content .tabCatHeader.tabCatHeaderFirst {padding-top: 0;}
.usersCatHeader {z-index: -1;}
.chart_agacia svg {margin-bottom: 60px !important;}
.navbar-main {position: absolute !important;}
.navbar-header-main {background: none !important;}
.user-controller-main {float: right !important;}
.navbar-collapse-main {background: none !important;}

.footer {background: url('../../img/bluePattern.png') repeat; height: 90px; width: 100%;}
.footer .container {position: relative; top: 0; left: 0;}
.footer .top {cursor: pointer; position: absolute; right: 0; top: -30px; height: 30px; width: 130px; text-align: center; line-height: 30px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; background: #ed2f2f}
.footer .top img {vertical-align: middle; margin-top: -3px; padding-left: 5px;}

.clear {clear: both; float: none;}

.charts .glyphicon-collapse-down, .charts .glyphicon-collapse-up, .cow-charts .glyphicon-collapse-down, .cow-charts .glyphicon-collapse-up {float: right; width: 50px; height: 30px; background: #ed2f2f; border-left: 20px solid #fff; position: absolute; top: 8px; right: 0; z-index: 1;}
.charts .glyphicon-collapse-up:before, .cow-charts .glyphicon-collapse-up:before {content: ''; background: url('../../img/triangleUp.png') no-repeat center center; display: block; height: 30px; width: 30px;}
.charts .glyphicon-collapse-down:before,  .cow-charts .glyphicon-collapse-down:before {content: ''; background: url('../../img/triangleDown.png') no-repeat center center; display: block; height: 30px; width: 30px;}
.charts button span.title, .cow-charts button span.title {background: #596167; border: 20px solid #fff;  font-style: italic; text-transform: uppercase; color: #fff; font-size: 18px; padding: 0 20px; height: 75px; line-height: 34px; display: inline-block; margin: 0 auto; top: -40px; position: relative;}
.charts button, .cow-charts > button {box-shadow: none !important; height: 60px; padding: 0; background: transparent !important; border: 0; position: relative; top: 0; left:0;}
.charts > .ng-scope, .cow-charts > .ng-scope {padding-bottom: 60px;}
/* 
div.big_chart {margin-bottom: 30px; box-sizing: content-box;} */

.exeptTable table.styled-table {margin: 10px auto 0 auto;}
table.styled-table {margin: 40px auto 0 auto; position: relative;z-index: 1;}
table.styled-table tr th, table.styled-table tr td {border: 1px solid #f3f3f3;}
table.styled-table tr th {background: url('../../img/lightPattern.png') repeat; text-align: center; padding: 8px 7px; vertical-align:middle;}
button.add-row {background: #8fd366 !important; color: #fff !important; text-transform: uppercase; border: 1px solid #7cb661 !important; border-radius: 0; opacity: 1; font-weight: bold; margin-top: 5px; margin-bottom: 30px; float: right; margin-right: 0; padding: 5px 10px !important; height: auto !important;}
button.add-row span {color: #fff; padding-right: 5px; vertical-align: middle; margin-top: -6px;}
table.styled-table tr td {vertical-align: middle; padding: 3px 12px; font-size: 13px; border-top: 0; border-bottom: 0;}
table.styled-table tr:nth-child(2n+1) td {background: #fff;}
table.styled-table tr:nth-child(2n) td {background: #f7f8fa;}
table.styled-table tr.first-line td {background: url('../../img/lightBluePattern.png') repeat;}
table.styled-table tr td .btn.btn-primary, table.styled-table tr td .btn.btn-default {background: url('../../img/editIcon.png') no-repeat 7px center #fff !important; border: 1px solid #b1bfca; text-transform: uppercase; color: #595e64; border-radius: 0; width: 80px; height: 24px; padding: 0; font-weight: bold; padding-left: 20px;}table.styled-table tr td .btn.btn-primary {background: url('../../img/editIcon.png') no-repeat 7px center #fff; border: 1px solid #b1bfca; text-transform: uppercase; color: #595e64; border-radius: 0; width: 80px; height: 24px; padding: 0; font-weight: bold; padding-left: 20px; font-size: 12px;}
table.styled-table tr td .btn.btn-default {background: #CCCCCC !important;padding: 0;font-size: 13px;width: 65px;margin-left: 7px;color: #6D6D6D; font-size: 12px;}
table.styled-table tr td .btn.btn-danger {background: url('../../img/delIcon.png') no-repeat 7px center #ff6565 !important; border: 1px solid #ff6b68; text-transform: uppercase; color: #fff; border-radius: 0; width: 65px; height: 24px; padding: 0; font-weight: bold; padding-left: 20px; margin-left: 7px; font-size: 12px;}
table.styled-table tr td .btn.btn-recalc {background: #8fd366 !important; border: 1px solid #7cb661; text-transform: uppercase; color: #fff; border-radius: 0; width: 35px; height: 24px; padding: 0; font-weight: bold; margin-left: 7px; font-size: 11px;}
table.styled-table tr th.tooltip-pos { position: relative; text-align: left; vertical-align:bottom; text-align: center;}
table.styled-table tr th.tooltip-pos > i { position:absolute; top:0px; right:0px; }
table.styled-table tr th.rotate {vertical-align:bottom;}
.tooltip {transform: initial!important; width: initial!important; white-space: pre-wrap; max-width: 250px}

button:active {outline: none;border: none;}
button:focus {outline:0 !important;}

.ci-table {width: auto; padding: 10px; border-radius: 0; border: 1px solid #c4c5c7; background: url('../../img/lightPattern.png') repeat; margin: 20px auto; display: inline-block; padding: 10px; text-align: center;}
.ci-table .current-ci {display: block; color: #000; padding: 10px; height: auto;}
.ci-table .current-ci span.title {color: #000; text-transform: none; margin-bottom: 0 !important; min-width: 0; font-size: 20px; font-weight: 500 !important;}
.ci-table .current-ci .title.editable {font-size: 27px;line-height: 25px; font-weight: bold !important;}
.ci-table button {border: 1px solid #c4c5c7 !important;  margin: -2px 0 0 5px; display: inline-block; background: #fff !important; border-radius: 0; padding: 9px 20px; text-transform: uppercase; font-weight: bold;}
.ci-table .buttons {display: inline;}
.ci-table-col {text-align: center;}
.ci-table label {text-align: left; float: left; margin-top: 20px;}
.ci-table-col form[name="editableForm"] input {padding: 2%; width: 100%; border-radius: 0; box-shadow: none; background: #fff; border: 1px solid #c4c5c7; }



#app-form, #app-form-customized {height: auto !important; padding: 10px; border-radius: 0; border: 1px solid #c4c5c7; background: url('../../img/lightPattern.png') repeat; margin: 20px auto; display: inline-block; padding: 10px; text-align: center;}
#app-form button, #app-form-customized button {border: 1px solid #c4c5c7 !important;  margin: -2px 0 0 5px; display: inline-block; background: #fff !important; border-radius: 0; padding: 9px 20px; text-transform: uppercase; font-weight: bold;}
#app-form .buttons, #app-form-customized .buttons {display: inline;}
#app-form label, #app-form-customized label {text-align: left; float: right;}
#app-form form[name="editableForm"] input, #app-form-customized form[name="editableForm"] input {padding: 2%; width: 100%; border-radius: 0; box-shadow: none; background: #fff; border: 1px solid #c4c5c7; }
#app-form h2, #app-form-customized h2 {background: #596167;font-style: italic;text-transform: uppercase;color: #fff;font-size: 15px;padding: 5px 20px; margin-top: 0;}
#app-form .form-wrapper, #app-form-customized .form-wrapper {background: #fff; margin: 10px 0; padding: 10px; border: 1px solid #c4c5c7; text-align: left;}
#app-form .form-wrapper .header, #app-form-customized .form-wrapper .header {font-weight: bold; text-transform: uppercase; text-align: left;}
#app-form .form-wrapper span.title, #app-form-customized .form-wrapper span.title {font-size: 12px;text-align: left;display: inline-block;vertical-align: middle;width: 230px;margin: 10px 0 15px 0;}
#app-form .form-wrapper span.variable, #app-form-customized .form-wrapper span.variable {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 600; width: 154px; text-align: center; margin-top: -5px;}
#app-form .form-wrapper input, #app-form-customized .form-wrapper input {font-size: 12px; padding: 3px 6px; vertical-align: middle;}

#dropdownField, #dropdownField2 {box-sizing: border-box; width:172px; vertical-align:middle; font-size:12px;  padding-top: 3px; padding-bottom: 3px; padding-right: 6px; padding-left:6px; margin:0px;}

.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {color: #ed2f2f;}
#FMP_filterbox .container .select-wrapper select, .cow-filter-container .select-wrapper select {font-size: 11px;}

.nvd3 .nv-axislabel {fill: #555;}
/*.nv-y1 .nvd3.nv-axis path.domain {stroke: #204383 !important;}
.nv-y1 .nvd3.nv-axis text {fill: #204383 !important;}*/
.nv-y2 .nvd3.nv-axis path {stroke: #ea312f !important;}
.nv-y2 .nvd3.nv-axis text {fill: #ea312f !important;}


/*.nv-y .nvd3.nv-axis path.domain {stroke: #204383 !important;}
.nv-y .nvd3.nv-axis text {fill: #204383 !important;}*/

svg:not(.override_text_style) text {font-size: 12px; font-family: 'Open Sans' !important; font-weight: 400 !important;}
.nv-x .nvd3.nv-axis.nv-wrap text {font-weight: 600 !important;}
.chart_agacia svg {width: 400px !important; height: 330px !important;}

.form-horizontal .control-label {text-align: left; font-weight: 300; display: inline-block; padding-bottom: 0; color: #000; font-size: 12px;}
.form-horizontal .col-sm-12 #count, .form-horizontal .col-sm-12 .count-grid {border-radius: 0; background: #fff; border: 1px solid #768896; height: 30px; line-height: 30px; padding: 0 0 0 10px; width: 66px; box-shadow: none; margin-bottom: 15px;}

.ngAggregate {background: url('../../img/lightBluePattern.png') repeat;}
.ngTopPanel {background: url('../../img/lightPattern.png') repeat; text-align: center; height: 50px;}

.bestConfigAirportName, .bestConfigGrid .ngHeaderButton {display: block;}
.ngColMenu {background: url('../../img/lightPattern.png') repeat;}
.ngColMenu .ngColListItem {text-align: left;}
.ngColMenu .ngColListItem label {font-weight: 400; font-size: 12px;}
.ngHeaderButton {background: #aab5bd}
.ngColMenu input {padding: 4px; font-size: 12px;}
.bestConfigGrid .ngRow.even {background: #f7f8fa;}
.bestConfigGrid .ngRow {border-top: 0; border-bottom: 0;}
.bestConfigGrid .ngVerticalBarVisible {background-color: #e9e9e9;}
.bestConfigGrid.gridStyle {border-color: #e9e9e9; margin-bottom: 40px; overflow:hidden; margin-top: 40px;}

.nv-legendWrap {margin-left: -100px !important;}

.navbar-header .navbar-brand {width: 40%;}
.navbar-step {width: 60%;}

table.styled-table tr td input, table.styled-table tr td select {width: 100%;height: 19px;padding: 0 2%;line-height: 19px; font-size: 11px;}
table.styled-table tr td select {padding: 0;}
table.styled-table tr td:first-child select {min-width: 50px;}
.ci-table-col form[name="editableForm"] .current-ci input {margin-top: 0; height: 27px; padding: 0 5px !important; line-height: 27px;}
.ci-table label {width: 25%; font-weight: 500; margin-left: 10%; margin-top: 0;}
.ci-table-col form[name="editableForm"] input {height: 20px; line-height: 20px; width: 55%;}
.ci-table {width: 450px; margin: 0 auto;}
.ci-table button {color: #333 !important; font-size: 13px; text-transform: none; font-weight: 500;padding: 5px; float: right; margin-top: 5px;}
.ci-table-col form[name="editableForm"] .current-ci input {width: 50px;}
.ci-table-col form[name="editableForm"] .collapse {margin-top: 20px;}
form[name="editableForm"] .current-ci .title {padding-bottom: 0;}

 .fmp-filterbox-control, .fmp-filterbox-label {height: 23px}

a:hover {text-decoration: none !important;}
#filterForm .dropdown-menu {min-width: 250px;}
#filterForm .dropdown-menu th {padding: 2px 0;}
table.styled-table .dropdown-menu tr td {padding: 0;}
table.styled-table .dropdown-menu tr td .btn.btn-default {margin: 0;}
table.styled-table .dropdown-menu tr th {padding: 3px;}
table.styled-table .dropdown-menu table tr th .btn.btn-default {width: 100%; background: none; border: 0;}
table.styled-table .dropdown-menu table  {width: 270px;}
table.styled-table .dropdown-menu li:nth-child(2) .btn-group .btn.btn-danger, table.styled-table .dropdown-menu li:nth-child(2) .btn-group .btn.btn-default {height: 30px; margin-left: 3px;}
table.styled-table .dropdown-menu li:nth-child(2) .btn-group .btn.btn-danger {width: 69px;}
table.styled-table .dropdown-menu li:nth-child(2) .btn-success {border-radius: 0 3px 3px 0;}

.navbar-header .navbar-brand img.storkjet {height: 40px;margin-top: 16px;}
.navbar-header .navbar-brand img.be-efficient {height: auto;margin-top: 2px;margin-right: 25px;}

.footer.footer-login {position: absolute;bottom: 0;left: 0;right: 0; background: #dbdbdb;}
.footer.footer-login .storkjet {height: 60px;display: block;margin: 15px auto;}

.container.content .nav-pills {padding-bottom: 20px;}
.container.content .nav-pills li a.disabled {opacity: 0.7; cursor: default}
.container.homepage {margin-top: 0; width: 100%; padding: 0;}
.container.homepage img {margin: 20px auto; display: inline-block; height: 90px;}
.container.homepage .top img { max-height: 70px; width: auto; margin-top: 0;}
.container.homepage .top img.storkjet {height: 60px;margin-top: 0; float: right; margin-right: -5px;}
.container.homepage .top .col-md-6 {padding: 0;}
.container.homepage .top img.be-efficient {height: auto;margin-top: 16px;margin-right: 25px;}
.container.homepage .top {background: #f6f6f6; height: 70px; padding: 0;}
.container.homepage .top strong {font-size: 14px;}
.container.homepage .top p {font-size: 14px; padding-top: 13px; text-align: right;}
.wrapper {width: 1040px; margin: 0 auto;}
.footer .wrapper { height: 50%; transform: translate(0%, 50%)}

.footer .storkjet {display: block;margin: 15px auto 0 auto; height: 60px;}

.login-form {position: absolute;top: 70px;left: 0;right: 0;bottom: 0;}
.login-form form {width: 360px; margin: auto;}
.login-form .form-horizontal .control-label {font-weight: 600;text-align: right;width: 80px;padding: 0;margin: 0;line-height: 35px;font-size: 15px;color: #3C3C3C; display: inline-block; margin-right: 20px;}
.login-form .form-horizontal .form-group div {display: inline-block;}
.login-form .form-horizontal .form-group .no-inline {display: block;}
.login-form .form-horizontal .form-group {margin: 0; margin-bottom: 10px; clear: both;}
.login-form .form-horizontal .error {position: inherit;;right: 0;top: -27px;text-transform: uppercase;font-size: 12px; color: #ed2f2f; font-weight: 600; margin-left: 104px;}
.login-form form input {background: #fff !important; border-radius: 0; width: 255px; height: 35px; -webkit-box-shadow: 0 0 0px 1000px white inset;}
.login-form form button {background: #ed2f2f 90% center no-repeat !important; color: #fff !important; float: right; border-radius: 0; border: 0; text-transform: uppercase; font-size: 12px; font-family: 'Open Sans'; padding-right: 20px; height: 35px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.homepage-nav, .login-form {background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */}
.homepage-nav li {list-style: none; display: inline-block; margin-right: 20px;}
.container.homepage .homepage-nav li img {margin: 0;}
.container.homepage .homepage-nav  {padding-top: 0;}
.container.homepage .homepage-nav ul {padding: 0; margin-bottom: 0;}
.container.homepage .homepage-nav .ground, .container.homepage .homepage-nav .air, .container.homepage .homepage-nav .performance, .container.homepage .homepage-nav .dashboard {position: relative; top: 0; left: 0;}
.container.homepage .homepage-nav h1 {-webkit-transform: rotate(-90deg);-webkit-transform-origin: top left;   -moz-transform: rotate(-90deg);-moz-transform-origin: top left; -o-transform: rotate(-90deg);-o-transform-origin: top left; -ms-transform: rotate(-90deg);-ms-transform-origin: top left; transform: rotate(-90deg);    transform-origin: top left; color: #c3c3c3; font-size: 15px; text-transform: uppercase; position: absolute; left: 0; margin: 0; padding: 0;}
.container.homepage .homepage-nav .ground h1 {top: 141px;}
.container .navbar-nav div.dashboard {margin-top: 8px;}
.container.homepage .homepage-nav .air h1 {top: 140px;}
.container.homepage .homepage-nav .performance h1 {top: 140px;}
.container.homepage .homepage-nav .performance {padding-bottom: 10px;}
.container .navbar-nav li h2 {font-size: 12px;}
.container.homepage .homepage-nav .hr {width: 100%; margin: 7px 0; background: url('../../img/hrBg.png') repeat-x; height: 10px;}
.container.homepage .homepage-nav h1 span {color: #c3c3c3; font-weight: 600;}
.homepage-nav  ul {margin-left: 40px;}
.homepage-nav li a p {margin-top: 1px; display: table; line-height: 14px; text-align: left;  background: url('../../img/greyPattern.png') repeat; height: 48px; overflow: hidden; width: 100%;}
.homepage-nav li a p span {display: table-cell; vertical-align: middle; height: 40px; padding: 3px 0; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-left: 7%;}
.homepage-nav li a p span.arrow {padding: 0; float: right; width: 23px; background: #ed2f2f url('../../img/arrowRightBig.png') center center no-repeat; display: inline-block; height: 48px; background-size: 7px auto;}
.homepage-nav li a:hover p {color: #fff; background: url('../../img/redPattern.png') repeat;}
.homepage-nav li a:hover p span {color: #fff;}

.nvtooltip p {font-size: 12px !important; padding: 2px 10px !important;}
.nvtooltip h2, .nvtooltip h1, .nvtooltip h3 {font-size: 13px !important; padding: 2px 10px !important; -webkit-border-radius: 3px 3px 0 0 !important;-moz-border-radius: 3px 3px 0 0 !important;border-radius: 3px 3 0 0 !important;}
.nvtooltip h2 {font-size: 14px !important;}
.nvtooltip h1 {font-size: 15px !important;}

.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);box-shadow: 0 2px 5px rgba(0,0,0,.1);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text {font-weight: 600 !important;}

.ngCell, .ngAggregate, table.styled-table span, table.styled-table, .ngHeaderText {font-size: 12px;}
.bestConfigAirportName {text-align: center;font-size: 30px !important;background: url('../../img/lightPattern.png') repeat;font-weight: 600; height: 47px;}
.count-form label[for=airport] {text-align: right;margin-top: 0;margin-bottom: 5px;font-weight: bold;text-transform: uppercase;font-size: 11px;}
.count-form input {float: right;}
.bestConfigAirportName .span {font-size: 20px !important; padding-top: 9px;}

.multiSelect .checkboxLayer {overflow-y: auto; height: 200px;}
/* .big_chart {position: inherit !important;} */

filter-box .container > *:last-child:not(:nth-child(-n+6)) .multiSelect .checkboxLayer {
    transform: translate(0px, calc(-100% - 23px));
}

.modal-footer .btn.btn-primary {background: #2196F3; border: 1px solid #2196F3;text-transform: uppercase;color: #fff;border-radius: 0;height: 27px;padding: 4px 10px !important;font-weight: bold;font-size: 12px;}
.modal-footer .btn.btn-warning {
	/* background: #8fd366; border: 1px solid #7cb661; */
	background: #ccc; border: 1px solid #ccc;
	text-transform: uppercase;color: #fff;border-radius: 0;height: 27px;padding: 4px 10px !important;font-weight: bold;font-size: 12px;}
.modal-header {padding: 5px 10px; background: #596167; text-align: center;}
.modal-header h3 {margin-top: 5px; text-transform: uppercase;color: #fff;font-size: 18px;}
.modal-content {border-radius: 0;}
.modal-backdrop.in {opacity: 0.2;}
.modal-content {height: auto !important;}
.modal-body {padding: 15px;}
.modal-footer {margin-top: 0; padding: 15px; text-align: center;}

/* FILTERBOX FIX */
.navbar-header {padding: 0; height: 49px;}
.navbar-header .navbar-brand img.be-efficient {margin-left: 5px;}
.navbar-step h1 {font-size: 20px; margin: 3px 0;}
.navbar-step a {padding: 2px 13px; font-size: 12px;}
.navbar-nav li h2 {margin-top: 8px; margin-bottom: 5px;}
.navbar-nav li li a p {line-height: 10px; height: 38px;}
.navbar-nav li li a p span {height: 38px; padding: 3px; font-size: 10px;}
.navbar-nav li li a p span.arrow {height: 38px;}


.filter-box-wrapper {position:relative; left: 0 !important;  height: 100%; width: 180px; z-index: 1020; padding: 15px 5px; margin-top: 0 !important; background: url('../../img/pattern.png') #fff repeat; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;}
.filter-box-wrapper .hide-icons {display: none;position: fixed;top: 0;bottom: auto;}
.filter-box-wrapper.hidden-box {height: 0;padding: 0;overflow: hidden;min-height: 0;}
.filter-box-wrapper-aa {position: relative !important; left: 0 !important;  height: 100%; width: 180px; z-index: 9999; padding: 15px 5px;top: 0px; margin-top: 0 !important; top: 15px !important; background: url('../../img/pattern.png') #fff repeat; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;}
.filter-box-wrapper-aa .hide-icons {display: none;position: fixed;top: 0;bottom: auto;}
.filter-box-wrapper-aa.hidden-box {height: 0;padding: 0;overflow: hidden;min-height: 0;}
#FMP_filterbox form {margin-top: 0;}
#FMP_filterbox {width: auto; display: block; padding-top: 10px;}
#FMP_filterbox .container {width: auto; padding: 0; }
#FMP_filterbox .form-group.col-sm-12 {width: 99%;margin: 0 1.3%;float: none;height: 50px;padding-left: 0;display: inline-block;padding: 0;vertical-align: top;}
.show-filterbox {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); position: absolute;bottom: auto;width: 61px;height: 31px;left: auto;margin-left: 0;text-align: center;top: 50%;margin-top: -15px;right: -46px;display: none !important;}
.container.content {margin-top: 0;}
.navbar-fixed-top, .navbar-fixed-bottom {position: relative;}
#FMP_filterbox .container hr {margin: 15px auto 7px auto;}
.offseted {margin-top: 20px;}
.filter-box-wrapper-aa {display: inline-block !important; vertical-align: top; margin-left: 28px; z-index: 100 !important;}
.filter-box-wrapper-aa label {font-size: 13px !important;}
.filter-box-wrapper-aa h1 {padding: 0; margin: 0; margin-bottom: 10px; font-size: 17px; border-bottom: 1px solid #a6a6a6; text-transform: uppercase;
background: url(../../img/darkPattern.png) repeat;
color: white;
position: absolute;
margin-top: -15px;
width: 100%;
margin-left: -5px;
text-align: center;
height: 30px;
line-height: 30px;
}
/*. {display: inline-block !important; width: 18% !important; vertical-align: top; z-index: 1 !important; margin-left: -2.8% !important;} */
.filter-box-wrapper { position:relative; margin-top: 185px; flex: 1; top: 0px; flex-basis: 180px; align-self: flex-start; height: auto;}
.filter-box-wrapper label {font-size: 13px !important;}
.filter-box-wrapper .checkBoxContainer label {font-size: 11px !important; margin: 0;}
.filter-box-wrapper .checkBoxContainer .acol {font-size: 11px;}
.filter-box-wrapper .multiSelectItem {padding: 0 !important;}
.filter-box-wrapper .tickMark {top: 3px !important;}
.filter-box-wrapper h1 {padding: 0; margin: -15px 0 10px -5px; font-size: 17px; border-bottom: 1px solid #a6a6a6; text-transform: uppercase;
background: url(../../img/darkPattern.png) repeat;
color: white;
position: absolute;
width: 100%;
text-align: center;
height: 30px;
line-height: 30px;
}
.right-column {display: flex; flex-direction: column; vertical-align: top; margin-left: 6px; overflow: visible;}
.right-column .charts > .row, .right-column .charts.row , .right-column .ng-isolate-scope .row {/*margin-left: 0 !important; */ margin-right: 0 !important;}

#FMP_filterbox .container .multiSelect > button, #FMP_filterbox .container input.form-control, #distance .multiSelect > button {
    background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;
    border: 1px solid #E2E2E2;
    box-shadow: none;
}
#FMP_filterbox .container .select-wrapper, .cow-filter-container .select-wrapper {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right; border: 1px solid #E2E2E2;box-shadow: none;}
#FMP_filterbox .container .select-wrapper select, .cow-filter-container .select-wrapper select {box-shadow: none !important; width: 100%}

.navbar {margin-bottom: 0;}

.container.content.flex-content .row {
	display: flex;
	/* width: initial!important; */
    width: 100%;
	padding: 0 15px;
}

.container.content .row .right-column .row {
	display: block;
	padding: initial;
}

.filter-box-wrapper{
	flex: 1;
	position: relative;
	flex-basis: 180px;
	align-self: flex-start;
	height: auto;
}

/*
.container.content .row  {
	flex: 1;
	position: sticky;
	top: 50px;
	flex-basis: 180px;
	align-self: flex-start;
	height: auto;
}
*/
.container.content .row .right-column {
	flex: 1;
	flex-basis: 850px;
	overflow: hidden;
	padding-top: 15px;
	position: relative;
	top: -15px;
	padding-right: 0px;
}

.container.content .nav-pills > li {margin: 4px 2px;}
.container.content .nav-pills li a {padding: 4px 10px !important;font-size: 13px;}
.charts button span.title, .cow-charts button span.title {font-size: 15px;padding: 0 12px;height: 27px;line-height: 26px;border-width: 0 20px;top:0; z-index: 1;}
.charts button, .cow-charts button {height: 45px;}


/* .right-column .ngTopPanel {z-index: 0 !important;} */

/*.c3-axis-y { fill: #204383; }*/
/*.c3-axis-y2 { fill: #FF8C00; }*/
.c3-axis-y2 { fill: #ff7f0e; }
/*.c3-axis-y path, .c3-axis-y line { fill: none; stroke: #204383 !important; }*/
.c3-axis-y2 path, .c3-axis-y2 line { fill: none; stroke: #ff7f0e; }
.c3-xgrid, .c3-ygrid { stroke-dasharray: 0 0 !important; } /* stroke: rgb(212,212,212) !important; */
.c3-axis-x-label { font-weight: 600 !important; fill: #555; }
.c3-bar._expanded_ { fill-opacity: 1 !important; }
.c3-bar { fill-opacity: 0.75 !important; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;  }
.c3-legend-background { opacity: 0.55 !important; }
.c3-line { stroke-width: 1.5px; }
.c3-line-sector { stroke-width: 2.5px !important; }

#chart_engine_reference, #chart_apu_reference, #chart_discretionaryFuel, #chart_overburn, #chart_econSpeedComplianceTotal, #chart_econ_reference, #chart_econSpeedComplianceClb, #chart_econSpeedComplianceCrz, #chart_econSpeedComplianceDes, #chart_alts, #chart_speed, #chart_flight_speed, #chart_departure,
 #chart_econ_reference, #chart_arrivalFuelPlanned, #chart_arrivalFuelActual, #chart_taxiFuelPlanned, #chart_taxiFuelActual, #chart_alternateFuel, #chart_optimumAltitude { position: relative !important; }
/*.c3-tooltip-container { position: relative !important;}*/

.chartWithTooltipIssues {
   position: relative !important;
}

.fixedChartSizeM{
    height: 350px !important
}

.fixedChartSizeL{
    height: 420px !important
}

.footer {height: 80px; background: url(../../img/whitePattern.png) repeat; border-top: 1px solid #b9b9b9;}
.footer .col-right {}
.footer img {vertical-align: middle;}
.footer span, .footer a {color: #2c3137; font-size: 14px;}

.col-right {
    float: right;
}
.col-left {
    float: left;
}

.nav-label-32 {
    width: 32%
}

.nav-label a {
    height: 35px;
    line-height: 25px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

.sectionHeader {
	font-family: gotham_mediumregular, sans-serif;
	font-size: 0px;
	text-align: center;
	color: #4a6b93;
	margin-bottom: -5px;
}

.sectionHeader .header {
	font-size: 18px;
}

.sectionHeader .ver3 {
	font-size: 14px;
}

.econChart .nvd3-svg {
  width: 105% !important;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
	top: 1px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(31px);
  -ms-transform: translateX(31px);
  transform: translateX(31px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 80px;
	height: 30px;
	padding: 3px;
	margin: 0 5px 10px 20px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	cursor:pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #ff6666; /*eceeef*/
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:border-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:border-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #fff5f5; /* aaaaaa*/
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #8fd366; /*E1B42B*/
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 7px;
	left: 8px;
	width: 9px;
	height: 9px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 11px;
	height: 11px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle{
	left: 31px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle-view {
    position: absolute;
    top: 50%;
	left: 8px;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -2px;
    background: #CFCFCF;
    background-image: none;
    border-radius: 100%;
    box-shadow: none;
}
.switch-input:checked ~ .switch-handle-view{
    background: #3db0fb;
    left: 27px;
    border-radius: 6px;
}

/* Transition
========================== */
.switch-label, .switch-handle, .switch-handle-view {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

.gauge_container {
  display: inline-block;
  width: 150px;
  position:relative;
  margin-left: 45px
}
.gauge_container h5 {
  width: fit-content;
  margin: 10px auto;
  width: -moz-fit-content;
}

.bottom_gauge {
  bottom:100%;
}

#calendarStyle > span > ul > li:nth-child(1) > table > thead > tr:nth-child(1) > th:nth-child(1) > button,
#calendarStyle2 > span > ul > li:nth-child(1) > table > thead > tr:nth-child(1) > th:nth-child(1) > button {
	width: 100%;
	border: 0;
	background: #CCCCCC !important;
    padding: 0;
    margin-left: 7px;
    color: #6D6D6D;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0;
    height: 24px;
    font-weight: bold;
}

#calendarStyle ul > li:nth-child(1) button,
#calendarStyle2 ul > li:nth-child(1) button {
	width:100%;
	border:0px;
	background:#CCCCCC !important;
	padding:0px;
	margin-left:7px;
	color: #6D6D6D;
	font-size:12px;
	height:24px;
	font-weight:bold;
}

#calendarStyle > span > ul > li table,
#calendarStyle2 > span > ul > li table {
	width: 270px;
	max-width: 100%;
}

#calendarStyle > span > ul > li:nth-child(2) > span,
#calendarStyle2 > span > ul > li:nth-child(2) > span {
	font-size: 12px;
}


#calendarStyle > span > ul > li:nth-child(2) > button,
#calendarStyle2 > span > ul > li:nth-child(2) > button {
	border-radius: 0 3px 3px 0;
}
/*
#calendarStyle > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-default.ng-binding,
#calendarStyle2 > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-default.ng-binding  {
	height: 30px;
    margin-left: 3px;
    background: #CCCCCC !important;
    padding: 0;
    width: 59px;
    color: #6D6D6D;
    font-size: 12px;
    border: 1px solid #b1bfca;
    text-transform: uppercase;
}

#calendarStyle > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-danger.ng-binding,
#calendarStyle2 > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-danger.ng-binding {
	    width: 63px;
	    height: 30px;
    	margin-left: 3px;
    	background: url(../../img/delIcon.png) no-repeat 7px center #ff6565 !important;
    	border: 1px solid #ff6b68;
    	text-transform: uppercase;
    	color: #fff;
    	border-radius: 0;
    	font-weight: bold;
    	padding-left: 20px;
    	font-size: 12px;
    	border: 1px solid #ff6b68 !important;
    	padding-top: 7px;
}

#calendarStyle > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-info.ng-binding,
#calendarStyle2 > span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-info.ng-binding {
	background-color: #5bc0de !important;
    border-color: #46b8da !important;
    width: 59px;
    height:30px;
    padding: 5px 10px;
    font-weight:normal;
    text-transform: capitalize;
    border: 1px solid transparent;
} */

/* #calendarStyle > span > ul > li:nth-child(2) > button,
#calendarStyle2 > span > ul > li:nth-child(2) > button {
	background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    text-transform: capitalize;
    border-radius: 0 3px 3px 0;
    width: 59px;
    height:30px;
    padding: 5px 10px;
    font-weight:normal;
} */

#calendarStyle ul,
#calendarStyle2 ul {
	font-family: 'Open Sans';
    color: #565656;
    text-align: center;
    background-clip: padding-box;
}

#calendarStyle > span > ul > li:nth-child(1) > table button,
#calendarStyle2 > span > ul > li:nth-child(1) > table button {
	border: 1px solid #b1bfca !important;
}

#calendarStyle > span > ul > li:nth-child(1) > table tr:nth-child(2n) td,
#calendarStyle2 > span > ul > li:nth-child(1) > table tr:nth-child(2n) td {
	background: #f7f8fa;
}

#calendarStyle > span > ul > li:nth-child(1) > table > thead > tr.h6 th,
#calendarStyle2 > span > ul > li:nth-child(1) > table > thead > tr.h6 th {
	padding:3px;
	border: 1px solid #f3f3f3 !important;
}

#calendarStyle > span > ul > li:nth-child(1) > table > thead,
#calendarStyle2 > span > ul > li:nth-child(1) > table > thead {
	background: url(../../img/lightPattern.png) repeat;
}

#calendarStyle > span > ul > li:nth-child(1) > table > tbody td > button,
#calendarStyle2 > span > ul > li:nth-child(1) > table > tbody td > button{
	margin:0px;
}

#calendarStyle > span > ul > li:nth-child(1) > table > tbody tr td,
#calendarStyle2 > span > ul > li:nth-child(1) > table > tbody tr td {
	    border: 1px solid #f3f3f3 !important;
}

#calendarStyle > span > ul > li:nth-child(1) > table > thead th:nth-child(2) > button,
#calendarStyle2 > span > ul > li:nth-child(1) > table > thead th:nth-child(2) > button {
	width:90%;
	position:relative;
	margin-left:13px;
}

table#settings-table {
	border-collapse: inherit;
}

/*table#settings-table td {
	border-top: 0px transparent;
	border-bottom: 0px transparent;
}*/

table#settings-table td.firstTabItem {
	border-top: 0px transparent;
	padding-top: 0px;
}

div.panel-table {
    border: 1px solid #abb4ba;
    padding: 0px;
}

/*table.settings-table tr:nth-child(2n) td {
	background: #f7f8fa;
}*/

table.settings-table td span.title{
	font-size:14px;
	margin-top: 7px;
}

div.settings-header {
	background: url(../../img/lightPattern.png) repeat;
	font-weight: bold;
}

button.add-row {
	margin-right: 0px;
}

button#addRowConfig {
	margin-right: 0px;
}

button#addRowConfigDept {
	margin-right: 372px;
}

button.addInit {
	background: #8fd366;
	border: 1px solid #7cb661;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 649px;
}

button.addInit:hover, button.addInit:focus {
	background: #8fd366;
	border: 1px solid #7cb661;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
}

span.addInit {
	color: #fff;
}

td > i.removeInit {
	color: #ed2f2f;
	font-size:1.1em;
	vertical-align: middle;
	margin-top: 10px;
	cursor:pointer;
}

td > i.removeInitDisabled {
	color: #596167;
	font-size:1.1em;
	vertical-align: middle;
	margin-top: 10px;
}

div.saveNewRow {
	padding-left: 8px;
	padding-right: 8px;
	box-sizing:content-box;
}

span.saveAddon {
	cursor:pointer;
}

#app-form label.initSwitch, #app-form-customized label.initSwitch, label.initSwitch {
	float:left;
	width:42px;
	height:17px;
	box-sizing: content-box;
}

div > span.rz-pointer.rz-pointer-min {
	top: -11px;
	width: 23px;
	height: 23px;
}

div > span.rz-pointer.rz-pointer-min:after {
	top: 8px;
	left:8px;
	width: 7px;
	height:7px;
}

td.firstLine {
	background: url(../../img/lightBluePattern.png) repeat !important;
}

#filterForm div > span.rz-pointer.rz-pointer-min {
	width: 20px;
    height: 20px;
    margin-top: -2px;
}

#filterForm div > span.rz-pointer.rz-pointer-min:after {
	width: 6px;
    height: 6px;
    top:7px;
    left:7px;
}

#filterForm div > span.rz-pointer.rz-pointer-max {
	width: 26px;
    height: 26px;
    margin-top: -2px;
}

#filterForm div > span.rz-pointer.rz-pointer-max:after {
	width: 8px;
    height: 8px;
    top:9px;
    left:9px;
}

.legend {
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: rgba(255,255,255, 0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 6px 8px;
    width: 180px;
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.container.content .configHeader {
	padding-top: 0px;
}

.progress-bar {
  background-color: #fff;
}
.progress-bar div span {
  color: black !important;
}

div.noData {
	height:120px;
	margin: 40px auto 0 auto;
	width: fit-content;
	width: -moz-fit-content;
}

div.wrongFilter {
	height:120px;
	margin: 40px auto 0 auto;
	width: fit-content;
	width: -moz-fit-content;
}

.slice {
   cursor: pointer;
}

.slice .main-arc {
   stroke: #fff;
   stroke-width: 1px;
}

.slice .hidden-arc {
   fill: none;
}

.slice text {
   pointer-events: none;
   dominant-baseline: middle;
   text-anchor: middle;
}

td.dateError input {
	border-color: #ff6b68;
}

circle,
path {
  cursor: pointer;
}

circle {
  fill: none;
  pointer-events: all;
}

#tooltip { background-color: white;
			  padding: 3px 5px;
			  border: 1px solid black;
			  text-align: center;}

li.menu-nav > a > img {
	width:114px;
	height: 75px;
}

div.new-headers ul.nav-pills li {
	padding-left: 0px;
	padding-right: 0px;
}

div.new-headers ul.nav-pills {
	padding-bottom: 10px;
}

div.new-headers {
	padding-left: 0px;
}

ul.nav-pills > li.wider a {
	height:27px;
	font-size: 11px !important;
}

ul.nav-pills > li.wider {
	vertical-align: middle;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

/************************ BUTTON WEEKS IN CALENDARS ***************************/

ul.dropdown-menu li span.btn-group button.btn-default {
	display: none;
}

ul.dropdown-menu li span.btn-group {
	padding-left: 45px;
}

ul.dropdown-menu li button.btn-success {
	margin-right: 21px;
}

/************************ BUTTON CONFIRM IN FILTERBOX FOR MULTISELECT  ***************************/

.multiSelect .helperButton {
	font-size: 12px;
}

.multiSelect .line {
	max-height: 70px !important;
}

div.checkboxLayer {
	/*width:315px;*/
}

div.checkBoxContainer {

}

.checkboxLayer .checkBoxContainer{
	text-align: left;
}

button#confirm {
	margin-left:4px !important;
}

button#reset {
	margin-left:3px !important;
}

a.disabled-nav {
	color: #abb4ba !important;
	border-color: #abb4ba !important;
}

img.collapsedLoading {
	margin-top: -190px !important;
}

img.collapsedLoading2 {
	margin-top: -170px !important;
}

img.collapsedLoading3 {
	margin-top: -80px !important;
}


img.collapsedLoadingRemove {
	display:none !important;
}

div.bestConfigGridCustomized > div.ngViewport {
	margin-top: 30px;
}

.bestConfigGridCustomized {
	min-height: 200px;
}

li.nav-label a:hover {
	background: url(../../img/darkPattern.png) repeat !important;
	border-color: #596167 !important;
	color: #fff !important;
}

li.nav-label.disabled a:hover {
	background: url(../../img/darkPattern.png) repeat !important;
	border-color: #abb4ba !important;
	color: #abb4ba !important;
}

#app-form-customized {
	width: 570px !important;
}

div.axis-y-col g.c3-axis-y { fill: black; }

div.axis-y-col g.c3-axis-y path, div.axis-y-col g.c3-axis-y line {
	fill: none; stroke: black !important;
}

/*.c3-chart-lines .c3-circles .c3-circle {
    display: none;
}*/


#app-form button.red-btn, button.red-btn, .red-btn:hover, .red-btn:focus {
	background: #ed2f2f !important;
	border-color: #ed2f2f !important;
	color: #fff;
}

.nv-x .nvd3.nv-axis.nv-wrap text {
	font-weight: normal !important;
}

.btn-save, button.btn-save {
  background: white !important;
  border: 1px solid #b1bfca; text-transform: uppercase; color: #595e64; border-radius: 0; width: 80px; height: 24px; padding: 0; font-weight: bold; padding-left: 20px; font-size: 12px;
}

.btn-icon {
	width:35px !important;
	font-size: 12px !important;
}

.btn-delete, table.styled-table tr td .btn.btn-delete {
	background: #CCCCCC !important; color: #6D6D6D; border: 1px solid #b1bfca !important;
}

table.td-stable tr.upper-table > td {
	height: 59.5px !important;
}

/********************************************* ACCESS RIGHTS *****************************************************/

.unavailableModul, .unavailable {
	opacity: 0.6;
	pointer-events: none;
	cursor: not-allowed !important;
}

.unavailableModul a, .unavailable a {
	pointer-events: none;
	cursor: not-allowed !important;
}

.unavailableSubModul {
	/*pointer-events: none;*/
	cursor: not-allowed !important;
}

.unavailableSubModul a {
	pointer-events: none;
	cursor: not-allowed !important;
	color: #abb4ba !important;
	border-color: #abb4ba !important;
}

a.unavailableModul2 {
	color: #abb4ba !important;
	border-color: #abb4ba !important;
	cursor: not-allowed !important;
}

/************************ CALENDARS FIX IN FIREFOX  ***************************/

@-moz-document url-prefix() {
    /*ul.dropdown-menu li {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    }

    ul.dropdown-menu li > span {
    	margin-left: -45px;
    }*/

    div.checkboxLayer {
		/*width:393px;*/
	}

	div.checkBoxContainer {
		/*width:373px;*/
	}

    ul.dropdown-menu li > button {
    	float:none !important;
    }
}

#flightParamsTable table tr:nth-child(2) td:nth-child(7) span[class="rz-bar-wrapper"]:nth-child(3) span.rz-bar {
	background: #b2b8c1;
}

#flightParamsTable table tr:nth-child(2) td:nth-child(8) span[class="rz-bar-wrapper"]:nth-child(3) span.rz-bar {
	background: #b2b8c1;
}

.rest-error-msg-executive-dashboard p {
	/* font-weight: bold; */
	color: red;
}

/* New Navmenu BEGIN */
.new-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
		padding: 0 12.5px;
		margin-bottom: 10px;
}

li.new-menu-nav {
    flex-basis: 100px;
    display: flex;
    justify-content: center;
    margin: 0 1px 10px 1px;
}

.new-nav li {
	display: flex;
	flex-flow: column;
}

.new-nav li ul {
	display: flex;
}

li.new-menu-nav a {
    width: 114px;
    height: 114px;
    text-decoration: none;
    align-self: center;
    background-repeat: no-repeat;
    padding: 0;
    background-color: transparent!important;
}

li.new-menu-nav a .new-nav-label {
		width: 100%;
    display: table;
    text-align: center;
    font-size: 10px;
    margin-top: 1px;
    line-height: 10px;
    height: 38px;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans';
    color: #565656;
    position: relative;
    top: 75px;
    background: url('../../img/greyPattern.png') repeat;
    padding: 3px;
		padding-right: 16px;
}

li.new-menu-nav a .new-nav-label span {
		vertical-align: middle;
		display: table-cell;
}

li.new-menu-nav a:hover .new-nav-label, li.new-menu-nav.active a .new-nav-label,
li.new-menu-nav a:hover .new-nav-label span, li.new-menu-nav.active a .new-nav-label span {
    background: #ed2f2f;
    color: #fff;
	}

/* Secondary nav */
.sec-nav-container {
	width: 100%;
	/* width: 1070px;
	padding: 0 15px;
	margin: 0 auto 10px auto; */
}

.new-sec-nav {
    padding: 0;
    /* margin-left: 1px; comment out if padding + li margin is an odd number */
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    width: 1070px;
    margin: auto;
    padding: 0px 15px 10px 15px;
}

.new-sec-nav li {
    display: flex;
    flex-basis: 260px;
    flex-grow: 1;
    margin: 3px;
    list-style: none;
}

.new-sec-nav li:first-child {
    margin-left: 0;
}

.new-sec-nav li:last-child {
    margin-right: 0;
}

.new-sec-nav li a {
    width: 100%;
    height: 27px;
    padding: 4px 10px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
    border: 1px solid #abb4ba;
    background: url('../../img/lightPattern.png') repeat;
    text-decoration: none;
}

.new-sec-nav li.pattern-blue a {
    background: url('../../img/bluePattern.png') repeat;
}

.new-sec-nav li.active a, .new-sec-nav li:hover > a {
    background: url('../../img/darkPattern.png') repeat;
    color: #fff;
}

/* Tabs */
.new-tabs {
    padding: 0 12.5px;
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
}

.tabs-start, .tabs-end {
    display: flex;
}

.tabs-end {
    align-self: flex-end;
}

.tabs-start {
    align-self: flex-start;
}

.new-tabs .tabs-item {
    position: relative;
}

.new-sec-nav-label a i {
	position: absolute;
	top: 7px;
	right: 6px;
}

.nav-order{
    z-index:1049;
}

.pilot-tab-nav{
    z-index:1;
}


/* CSS Triangle BEGIN */
/* Looks the same as the image version, but more customizable. */
/* Requires any position attribute on parent element; position: relative doesn't change layout and works well */
/* Adjust border sizes on each side except the facing (eg: bottom on arrow-down) to change size of triangle */
/* Adjust padding on container to change container size */
.arrow-container {
    position: absolute;
    border: 1px solid #b1bfca;
    right: 0;
    bottom: 0;
    padding: 6px;
}

.arrow-container.no-border {
    border: none;
}

/* Backgrounds */
.arrow-container.pattern-light {background: url(../../img/lightPattern.png) repeat;}
.arrow-container.pattern-dark {background: url(../../img/darkPattern.png) repeat;}
.arrow-container.pattern-blue {background: url(../../img/bluePattern.png) repeat;}
.arrow-container.color-red {background: #ed2f2f}

.arrow-down {
    width: 0;height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #4f565b;
  }

.arrow-up {
    width: 0;height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #4f565b;
}

.arrow-left {
    width: 0;height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #4f565b;
}

.arrow-right {
    width: 0;height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #4f565b;
}

/* CSS Triangle END */

.chartYou {
	fill: rgb(24, 175, 34);
}

.chartYou rect {
	fill-opacity: 0.2!important;
}

.zoomable {
	position: relative;
}


.zoomable:after {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../../img/zoomable.png);
	top: 45px;
	right: 0px;
	content: " ";
	opacity: 0.1;
	transition: 0.3s all;
	pointer-events: none;
}

.zoomable.with-filter:after{
	top:120px;
}

.zoomable:hover:after {
	opacity: 0.6;
}

/* Aircraft Analysis dropdown BEGIN */

.plane-select, .plane-select-dashboard {
    flex-grow: 1;
    font-size: 14px;
    height: 26px;
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance:  None;
    -moz-appearance: None;
    cursor: pointer;
}

.plane-select option, .plane-select-dashboard option {
    color: initial;
}

/* For IE/Edge */
select::-ms-expand {
    display: none;
  }

.pattern-light {background: url(../../img/lightPattern.png) repeat;}
.pattern-dark {background: url(../../img/darkPattern.png) repeat;}
.pattern-blue {background: url(../../img/bluePattern.png) repeat;}

/* Aircraft Analysis dropdown END */

.select-wrapper-pilot {
		margin-top: 1rem;
    box-shadow: none;
    width: 100%;
    overflow: hidden;
}

.background-arrow {
	background: #f7f7f7 url(../../img/selectArrow_light.png) no-repeat right;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
  text-overflow: '';
	line-height: 16px;
	font-family:inherit;

}

.select-wrapper {
    background: #f7f7f7 url(../../img/selectArrow_light.png) no-repeat right;
    border: 1px solid #E2E2E2;
    box-shadow: none;
    width: 100%;
    height: 23px;
    overflow: hidden;
}

/* AC Info Badge START */

.acInfo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    border: solid #c7cdd1 1px;
    font-size: 14px;
}

.acInfo-top, .acInfo-bottom {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.acInfo-top {
    background: url('../../img/darkPattern.png') repeat;
    color: white;
}

.acInfo-bottom {
    background: url('../../img/pattern.png') repeat;
}

.acInfo-item {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.acInfo-bottom .acInfo-item {
    flex-grow: 1;
}

.acInfo-noData {
    text-align: center;
    opacity: 0.8;
}

.acInfo-item .plane-select {
	z-index: 10;
}

.acInfo-item .select-wrapper {
    background: none;
    border: none;
    width: 100px;
    height: initial;
}



/* AC Info Badge END */

.filter-inline > div {
	display: inline-flex;
}

.filter-inline > div > label {
	white-space: nowrap;
	margin-right: 15px;
	line-height: 20px;
}

.custom-charts > div > div > select {
	height: 22px;
	border-radius: 0px;
	font-size: 13px;
	width: 140px;
}

.custom-charts > div > input {
	height: 22px;
	width: 140px;
	border-radius: 0px;
	/* margin-left: 32px; */
}

.custom-charts > div > span {
	height: 22px;
	width: 140px !important;
	/* margin-left: 32px; */
}

.custom-charts > div > span > button {
	font-size: 13px;
}

.custom-charts > div > label {
	margin: 0px !important;
	font-size: 13px;
	width: 170px !important;
	text-align: left !important;
}

.custom-charts > div > div {
	border: none;
	background: none;
}

.custom-charts > div {
	height: 22px;
	padding-left: 0px;
	margin-right: 0px !important;
}

.filter-dark > fmp-runway > div > label, .filter-dark > fmp-runway-select > div > label {
	line-height: 25px;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	margin-right: 6px;
}

.filter-dark > fmp-runway > div, .filter-dark > fmp-runway-select > div {
	height: 30px;
	margin: 0;
	z-index: 10;
}

.filter-dark > fmp-runway > div > div > select, .filter-dark > fmp-runway-select > div > div > select {
	/* height: 30px; */
	margin-bottom: 0;
	flex-grow: 1;
	font-size: 14px;
	height: 26px;
	border: none;
	background: none;
	box-shadow: none;
	-webkit-appearance:  None;
	-moz-appearance: None;
	cursor: pointer;
	color: white;
	font-weight: bold;
	padding: 0;
	padding-top: 3px;
}

.filter-dark > fmp-runway > div > div > select > option, .filter-dark > fmp-runway-select > div > div > select > option {
    color: initial;
}

.performance-section {
	width:118px !important;
}

.ribbon {
	margin-left: 3px;
}
.main_page {
  min-height: calc(100vh - 81px) !important;
}


@media (max-height: 800px) {
  .main_page {
    min-height: 650px !important
  }
}

@media (max-width: 1070px){
	.sec-nav-container{
		width: 1070px;
	}
	.footer {
		width: 1070px;
	}
}

@media (max-width: 980px){
	.pp-flex-content{
		gap: 50px !important;
	}
	.flex-columns{
		justify-content: center !important;
	}

}

@media (max-width: 768px){
	.pp-flex-content{
		gap: 100px !important;
	}
	.flex-columns{
		justify-content: center !important;
	}

}

@media (min-width: 1024px) and (max-width: 1040px){
	.navbar-collapse.collapse {
		width: 1070px;
	}
}

@media (width: 980px) {
	.container {
		width: 980px;
	}
	.footer {
		width: 100%;
	}
	.pilot-perfo-general-info{
	 grid-template-columns :160px 10px 190px 10px 52px 10px 95px 10px 52px 10px 95px !important;
	}

	.rowMedia {
		width: 980px !important;
	}

	.rowMediaSmall {
		width: 940px !important;
		margin-left: 8px;
	}

	.acInfoMedia {
		width: 980px !important;
	}
	.new-sec-nav{
		width: 980px;
		padding-right: 15px;
		padding-left: 18px;
	}
	.sec-nav-container {
		width: 980px;
	}
	li.new-menu-nav a, li.menu-nav > a > img {
		width: 103px;
	}
	.container .navbar-nav li h2 {
		font-size: 10px;
	}
	input {font-size: 10px}
  	.container.content .row .right-column {width: 764px !important;}
	.performance-section {
		width: 105px !important;
	}
	.performance-section > div {
		width: 10px !important;
	}
	.in-the-air-section > div {
		width: 180px !important;
	}
	.on-the-ground-section > div {
		width: 110.7px !important;
	}
	.container.content .row .filter-box-wrapper {
		position: initial;
	}
	.filter-box-wrapper h1 {
		position: unset;
		margin: -15px -5px 0 -5px;
		width: calc(100% + 10px);
	}
	li.menu-nav > a > img {
		width: 102px;
	}
	.ground > ul > h2 > div {
		width: 111px !important;
	}
	.air >  h2 > div {
		width: 180px !important;
	}
	.performance >  h2 > div {
		width: 10px !important;
		margin-top: 1px !important;
	}
	.conf-nav-mobile-mod {
		flex-basis: 300px !important;
	}
	.conf-nav-mobile-mod:nth-child(4) {
		margin-right: 0;
	}
	.conf-nav-mobile-mod:nth-child(5), .conf-nav-mobile-mod:nth-child(2) {
		margin-left: 0;
	}


  	.ribbon {
		margin-left: 0;
	}

	li.new-sec-nav-label:nth-child(5) a{
		width: 947px !important;
	}

	

	li.new-sec-nav-label {
		margin-left: 0px;
		
	}

	button#addRowConfigDept {
		margin-right: 343px
	}
	.wrapper {
		width: 980px;
	}
	.gauge_container {
		margin-left: 37px
	}
	.homepage-nav hr {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.homepage-nav .ground {
		margin-top: 8px !important;
	}

	.charts button span.title, .cow-charts button span.title  {
		border-style: none;
	}
	
	div.form-group.col-sm-12 {
		height: auto !important;
	}

	/* exception for last element, which opens dropdown to the left instead of right */
	#navbar li:nth-child(4) ul li > ul~a:after {
		content: " "
	}
	#navbar li:nth-child(4) ul li > ul~a:before {
		position: absolute;
		font-family: 'FontAwesome';
		top: 7px;
		left: 10px;
		content: "\f053";
	}


	
	#navbar li:nth-child(4) ul > li:hover > ul {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 0px;
		z-index: 1050;
		cursor: pointer;
		left: -100%;
		border-top: 1px solid #aab4aa;
		padding-top: 0;
	}
	
	#navbar li:nth-child(5) ul {
		right: 0.5%;
	}

	#navbar li:nth-child(5) ul {
		width: 235px;
	}

	/* #navbar li ul, #navbar li ul > li > ul  */


	

	/* #navbar li:nth-child(5) ul > li:hover > ul {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 0px;
		z-index: 9999;
		cursor: pointer;
		left: 100%;
		border-top: 1px solid #aab4aa;
		padding-top: 0;
	} */
}

.flex-content {
	display: flex;
}

.flex-columns {
	flex-flow: row;
	flex: 1;
	align-items: center;
	flex-wrap: wrap;
}

.flex-rows {
	flex-flow: column;
	flex: 1;
	align-items: center;
	flex-basis: 180px;
}

.exportBtn {background: #fff; margin: 10px auto 0px auto !important; display: block; border: 1px solid #98a3aa; text-transform: uppercase; font-weight: 700; border-radius: 0; padding: 3px 10px; font-size: 12px;}

.exportBtnInline {background: #fff; margin: 10px auto 0px auto !important; display: inline; border: 1px solid #98a3aa; text-transform: uppercase; font-weight: 700; border-radius: 0; padding: 3px 10px; font-size: 12px;}

.red-btn {
	background: #ed2f2f;
	border-color: #ed2f2f;
	color: #fff;
}

.red-btn-inline {
	display: inline-block;
}
.red-btn-go-back {
	width: 92px;
	text-align: center;
	cursor: pointer;
	margin-right: 42px !important;
	color: red;
	border: 1px solid red;
}

.single-chart-export-btn{
	margin: 0px auto !important;
	height: auto !important;
	padding: 3px 10px !important;
}

.StatusBarGreen {
    background: rgba(10,240,10, 0.4);
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 50px;
    z-index: 10000;
}
.topStatusBarRed {
    background: rgba(240,10,10, 0.4);
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    z-index: 10000;
}
.topStatusBarTest {
    background: rgba(100 ,100, 100, 0.4);
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    z-index: 10000;
    font-size: 32px;
}
.StatusBarGreen span , .topStatusBarRed span {
  font-size: 32px;
  color: white;
}

.select2-container--stork .select2-selection--single{
    height: 22px!important;
		position: relative;
		background-color: #f7f7f7;
		border: 1px solid #E2E2E2;
}

.select2-container--stork .select2-selection--single .select2-selection__arrow {
	background: url(../../img/selectArrow_light.png) no-repeat right #f7f7f7;
	padding-right: 30px;
	-webkit-appearance: none;
	padding: 4px 12px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 28px;
}

.select2-container--stork .select2-results>.select2-results__options {
	max-height: 300px;
	font-size: 13px;
	overflow-y: auto;

}

.password-change div span {
    display: inline-block;
    font-weight: bold;
    /* width: 130px; */
}

.text-field-error {
    border: 1px red solid!important;
}

.login-form-link {
    cursor: pointer;
}

.login-form-link:hover {
    color: #ed2f2f;
    text-decoration: none;
    cursor: pointer;
}


.new-user-form {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.new-user-form .form-group {
    display: flex;
    flex: 1;
}

.form-inline{
	text-align: center;
}

.new-user-form .form-group .control-label {
    flex: 1;
    font-weight: bold;
    text-align: right;
}

.new-user-form .form-group .form-control {
    margin-left: 25px;
    min-width: 230px;
    background: #f7f7f7;
    border: 1px solid #E2E2E2;
    box-shadow: none;
    flex: 1;
}

.forbidden {
	cursor: not-allowed!important;
}

.disableSwitch{
	pointer-events: none;
	cursor: not-allowed!important;
}

.clickthrough {
	pointer-events: none;
}

.footer-logo{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.coverage_tooltip_container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.coverage_tooltip_marker {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border: 1px solid #ccc;
    line-height: 16px;
}

.coverage_tooltip_row span {
    color: #ccc;
    line-height: 16px;
    text-transform: uppercase;
}

.coverage-legend {
    text-align: center;
}

.coverage-legend-labels {
    display: flex;
    width: 200px;
    margin: auto;
    margin-bottom: -6px;
}

.coverage-legend-labels div {
    flex-basis: 25%;
    flex: 1;
    text-align: center;
}

.coverage-legend-cell {
    margin: auto;
    width: 61px;
    height: 27px;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
}

#coverage-details-window{
    position: fixed;
    top: 200px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



.tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Bootstrap tooltip override */
.tooltip-inner {
    max-width: fit-content;
    max-width: -moz-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    /* white-space: pre-wrap;
    white-space: -moz-pre-wrap; */
    white-space: nowrap;
    text-align: left;
}

.tooltip {
    position: fixed;
    width: fit-content;
    width: -moz-fit-content;
}

.chart-editor-tabs {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.chart-editor-tabs-list {
	display: flex;
	list-style: none;
	margin-bottom: 0;
	flex: 1;
	gap: 6.5px;
	padding-left: 0px;
}

.chart-editor-tabs-list li {
	position: relative;
	flex: 1;
}

.chart-type{
    text-align: center;
    width: 110px;
}

.hiddenradio [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.hiddenradio [type=radio] + img {
	cursor: pointer;
}

.hiddenradio [type=radio]:hover + img {
	filter: brightness(150%);
}

.hiddenradio [type=radio]:checked + img {
    outline: none;
    filter: invert(80%) sepia(7%) saturate(3486%) hue-rotate(178deg) brightness(92%) contrast(94%);
}

.tab-btn {
	width: 100%;
    height: 41px;
    background-color: #596167;
    border: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: none;
    border-bottom-left-radius: none;
    text-transform: uppercase;
    color: white;
	transition: 0.3s background-color;
	flex: 1;
	margin-top: 6px;
	padding: 0 20px;
	white-space: nowrap;
}

.tab-btn:hover {
	background-color: #8c959b;
}

.tab-btn-clicked {
	margin-top: 0px;
    height: 47px;
    background-color: #3db0fb;
    padding-top: 7px;
    color: white;
}

.preview-btn{
    height: 35px;
    background-color: #D0272c;
    border: 1px solid #D0272c;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
	padding: 0 20px;
	transition: 0.2s color, background-color, border-color;
	border-radius: 4px;
}

.preview-btn:hover {
	color: #e16668;
	border-color: #e16668;
}

.preview-btn:active{
    background-color: #d0292c;
	color: white;
}

.chart-editor-header {
    background: #596167;
		text-align: center;
		/* margin: auto; */
		color: #fff;
		font-size: 15px;
		font-style: italic;
		font-weight: 500;
		text-transform: uppercase;
}

.col-sm-12 {
	padding-right: 0px;
}

.btn {
	font-size: 12px;
}

.c3-legend-background {
	stroke: none!important;
}

.chart-description {
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
    opacity: 0.9;
	text-align: center;
	font-size: 16px;
}

.chart-description-small {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		max-height: 1.5em;
		z-index: 999;
		overflow: hidden;
		background: linear-gradient(white 100%, rgba(255,255,255,0)), url(../../img/chevron.png);
		background-repeat: no-repeat;
		background-attachment: local, scroll;
		background-position: bottom, right;
    background-size: 100% 1.5em, 12px 8px;
    padding: 0!important;
		padding-right: 12px!important;
	}

.chart-description-small:hover {
	max-height: 540px;
	white-space: normal;
	background: white;
}

/* Custom Dashboard Grid Layout */
.grid {
	display: grid;
	grid-column-gap: 15px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: stretch;
}

.grid.two-columns {
	grid-template-columns: 1fr 1fr;
}

button.settings-btn {
	background: none;
	border: none;
}

button.settings-btn:hover {
	color: #ed2f2f;
}

.grid-edit-container {
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}

.grid-element:nth-child(5n+1) .grid-edit-container {
	background-color: rgba(31, 118, 180, 0.6)
}
.grid-element:nth-child(5n+2) .grid-edit-container {
	background-color: rgba(255, 127, 14, 0.6)
}
.grid-element:nth-child(5n+3) .grid-edit-container {
	background-color: rgba(44, 160, 44, 0.6)
}
.grid-element:nth-child(5n+4) .grid-edit-container {
	background-color: rgba(214, 39, 40, 0.6)
}
.grid-element:nth-child(5n+5) .grid-edit-container {
	background-color: rgba(148, 103, 189, 0.6)
}

.grid-edit-name {
	font-weight: bold;
	opacity: 0.8;
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}

.grid-edit-toolbox {
	position: absolute;
	top: 5px;
	right: 5px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.grid-edit-toolbox button {
	background: #fff;
	border: 1px solid #b1bfca;
	box-sizing: border-box;
	height: 30px;
	width: 35px;
	line-height: 30px;
	color: #595e64;
}

.grid-edit-toolbox button:active {
	opacity: 0.7;
	border: 1px solid #b1bfca!important;
	box-sizing: border-box;
}

.grid-edit-toolbox button .squares {
	line-height: initial;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px;
	padding: 0px 4px;
}

.grid-edit-toolbox button.squares {
	padding: 0;
}

.square {
	height: 12px;
	width: 12px;
	box-sizing: border-box;
	border: 1px solid #595e64;
}

.square.filled {
	background: #595e64;
}

.square.double.width {
	grid-column-end: span 2;
	width: 25px;
}

.square.double.height {
	grid-row-end: span 2;
	height: 25px;
}

.grid-element.empty-grid {
	border: 3px dashed rgba(89, 94, 100, 0.2);
	border-radius: 20px;
	height: 300px;
	grid-column-end: span 2;
	opacity: 0.5;
	text-align: center;
	position: relative;
	pointer-events: none;
}

.grid-element.empty-grid div {
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.grid-element.empty-grid div span {
	font-size: 14px;
	font-weight: normal;
}

div.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.disabled-option {
	color: rgb(193, 202, 211);
}

.table-multiselect .multiSelect .checkboxLayer {
	min-width: 220px;
}

.table-multiselect .multiSelect .multiSelectItem {
	min-width: 146px;
}

.hoverLegend {
	border-radius: 5px;
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../../img/list.png);
	background-color: rgba(255,255,255,0.7);
	background-size: contain;
	top: 10px;
	right: 110px;
	transition: 0.3s all;
	box-sizing: border-box;
	background-origin: content-box;
	padding: 2px;
	background-repeat: no-repeat;
}

.tooltip{
	max-width: 350px;
}

.tooltip-inner{
  white-space: pre-line;
	width: 350px;
	max-width: max-content;
}

.gridStyle.bestConfigGrid .ngViewport {
    overflow: hidden;
}

.faded {
	opacity: 0.6;
}

.rzslider .rz-bar {
  background: #c4cce0;
}
.rzslider .rz-selection {
  background: #0db9f0;
}
.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #8b91a2;
}

body {
	min-height: 100vh
}

.ng-scope {
	flex: 1;
}

.main_page, body {
	display: flex;
	flex-direction: column;
}

.footer {
	box-sizing: content-box;
}

/* .big_chart svg {
    height: 500px;
} */

.charts-margin {
	margin-bottom: 20px;
}

.charts-margin-zoomable {
	margin-bottom: 40px;
}

/*Displays only during print.*/
.print-only, .print-only-table-cell{
	display: none;
}

/* Set display to none when .listing-message is preceeded by any divs that are not .invisible */
/* This is a lightweight CSS solution for Pilot Performance - when no data is available,
	we can display the message without checking the scope via JS, but by checking the DOM directly */
.listing-with-message div:not(.invisible) ~ .listing-message {
	display: none;
}

.listing-message {
	opacity: 0.7;
	margin: auto;
	text-align: center;
}

.invisible {
	display: none!important;
}

.charts button.btn-lg.btn-block:after, .cow-charts button.btn-lg.btn-block:after {
	content: " ";
	background: #d3d3d3;
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	top: 22px;
}

.charts button:hover, .cow-charts button:hover {
	opacity: 0.9;
}

.charts button:active, .cow-charts button:active{
	opacity: 0.6;
}

.status-message {
	background: #f5f5f5;
    box-shadow: #ececec 4px 4px 0px 1px;
    padding: 5px 30px;
	margin: 5px;
	display: flex;
}

.status-body {
	margin: 0px 20px;
}

.status-icon {
	color: #ed2f2f;
    font-weight: bold;
    font-size: 2em;
    opacity: 0.5;
}

.status-icon span {
	color: #ed2f2f;
	font-weight: bold;
    animation-name: blink;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.status-icon span:nth-child(2) {
	animation-delay: .2s;
}

.status-icon span:nth-child(3) {
	animation-delay: .4s;
}

.recalcInfoConiguration {
    margin: 0 auto;
    margin-top: 30px;
}

@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}

.spin {
	animation-name: spin;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
}

.spin-slow {
	animation-name: spin;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.four-in-a-row {
	 flex-basis: 25%;
}

/* workaround for bootstrap style overriding ng-hide style for header because of course it does, why wouldn't it */
.main_page div.navbar div.collapse.navbar-collapse.ng-hide {
	display: none!important;
}

.sec-nav-container.pilotOnly {
	background: linear-gradient(to bottom, #cad4da, #aab5bd);
	margin-bottom: 10px;
}

.main_page div.navbar.headernobg .navbar-header {
	background: none!important;
}

.main_page div.navbar.headernobg .tabs {
	height: initial;
}

.main_page div.navbar.headernobg {
	height: 40px;
	min-height: initial;
}

.pilotOnly .new-sec-nav {
	padding: 6px 15px 6px 15px;
	flex-wrap: nowrap;
}

.pilotOnly img {
	width: 100%;
}

.pilotOnly .new-sec-nav li a {
	background: linear-gradient(to bottom, #fff, #f4f4f4);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 114px;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	border: none;
	padding: 0px!important;
}

.pilotOnly .new-sec-nav li a>div {
	border: none;
	border-top: 1px solid #abb4ba;
    background: url('../../img/greyPattern.png') repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 39px;
	width: 100%;
}

.pilotOnly .new-sec-nav li:hover a>div, .pilotOnly .new-sec-nav li.active a>div {
	background: #ed2f2f;
}

.pilotOnly .new-sec-nav li a:hover, .pilotOnly .new-sec-nav li.active a {
	color: #fff;
}

.new-sec-nav li a div.arrow-container {
	display: none;
}

.pilotOnly .new-sec-nav li a div.arrow-container {
	display: block;
}

/* Multiselects in acInfo. */
.acInfo-item .multiSelect .caret {
    display: none;
}

.filterInlineRunwayMulti .multiSelect .clearButton  {
    top: 10px;
}

.acInfo-item.filterInlineRunwayMulti .multiSelect > button,
.acInfo-item.filterInlineRunwayMulti .multiSelect > button:hover,
.acInfo-item.filterInlineRunwayMulti input.form-control,
.custom_dashboard_others .multiSelect > button,
.filterInlineRunwayMulti > button {
    width: 200px;
}

.acInfo-item .multiSelect > button,
.acInfo-item .multiSelect > button:hover,
.acInfo-item input.form-control,
.custom_dashboard_others .multiSelect > button {
    background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;
    border: 1px solid #E2E2E2;
    box-shadow: none;
    text-align: left;
    height: 23px;
    min-height: 23px !important;
    line-height: 23px;
    /* width: 200px; */
    border-radius: 0;
}
.acInfo-item.single-select-inline-advanced .multiSelect > button {
    width: 200px;
    margin-left: 5px;
    line-height: 0px;

}
.single-select-inline-advanced .multiSelect .multiSelectItem {
    line-height: 17px;
}
.single-select-inline-advanced .multiSelect .clearButton {
    top: 11px;
}

.custom_dashboard_others .multiSelect > button {
    width: 200px;
}

.acInfo-item .select-wrapper select {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right; border: 1px solid #E2E2E2; box-shadow: none; height: 23px; line-height: 23px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.acInfo-item .select-wrapper select {box-shadow: none !important; width: 100%}
.acInfo-item .pilot-perfo-multiSelect .multiSelect > button, .acInfo-item .pilot-perfo-multiSelect .multiSelect > button:hover, .acInfo-item .pilot-perfo-multiSelect input.form-control {width: 210px;}
.acInfo-item .pilot-perfo-multiSelect.sectors .multiSelect .button, .acInfo-item .pilot-perfo-multiSelect.sectors .multiSelect .button:hover {width: 255px;}
.acInfo-item .pilot-perfo-multiSelect .multiSelect .button .buttonLabel{padding: 0;}

.acInfo-item .offseted {margin-top: 2px;}

.acInfo-item input[type="checkbox"] { margin-top: 8px;}

.acInfo-item .select-wrapper.custom-dash {
    background: none;
		border: none;
		 width: 230px;
		height: initial;
}

@-moz-document url-prefix(){
	.acInfo-item input[type="checkbox"] { margin-top: 0px;}
}

/* Single select in config. */
.editable-wrap .editable-controls>select,
#configurationMethods,
#selectLoginCredential
 {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;border: 1px solid #E2E2E2;box-shadow: none; text-align: left; height: 23px; line-height: 23px;width: 50px; -webkit-appearance: none; -moz-appearance: none;}
.user-role-select .editable-wrap .editable-controls>select {width: 140px;}

/* [Configuratoin][Pilot's Performance][Enabled Fuel Initiatives] */
#app-form .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .button,#app-form .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .button:hover,#app-form .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope input.form-control {
	background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right !important;
	border: 1px solid #E2E2E2 !important;
	box-shadow: none;
	text-align: left;
	height: 23px;
	line-height: 23px;
	width: 140px;
	margin: auto;
	min-height: 23px !important;
}
#app-form .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .caret, .custom_dashboard_others .multiSelect > button .caret {display: none;}

/* [Configuration][User Managment][Roles Managment][Roles Configuration] */
.form-group.table-multiselect.form-horizontal.multiSelect.inlineBlock.ng-isolate-scope .button, .form-group.table-multiselect.form-horizontal.multiSelect.inlineBlock.ng-isolate-scope .button:hover, .form-group.table-multiselect.form-horizontal.multiSelect.inlineBlock.ng-isolate-scope input.form-control {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;border: 1px solid #E2E2E2;box-shadow: none; text-align: left; height: 23px; width: 200px}
.form-group.table-multiselect.form-horizontal.multiSelect.inlineBlock.ng-isolate-scope .caret {display: none;}

/* Targets */
.form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .button, .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .button:hover, .form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope input.form-control {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;border: 1px solid #E2E2E2;box-shadow: none; text-align: left; height: 23px; line-height: 23px; width: 115px;}
.form-group.table-multiselect.multiSelect.inlineBlock.ng-isolate-scope .caret {display: none;}
.ng-scope .single-select.ng-pristine.ng-valid, .ng-scope .single-select.ng-valid.ng-dirty {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;border: 1px solid #E2E2E2;box-shadow: none; text-align: left; height: 23px; line-height: 23px; min-width: 60px; -webkit-appearance: none; -moz-appearance: none;}

.ng-scope .date-input.ng-pristine.ng-valid, .ng-scope .date-input.ng-valid.ng-dirty.ng-valid-date {
    background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right;
    border: 1px solid #E2E2E2;
    box-shadow: none;
    text-align: left;
    height: 23px;
    line-height: 23px;
    max-width: 98px;
    width: 98px
}

.ng-scope .target-input.ng-pristine.ng-valid, .ng-scope .target-input.ng-valid.ng-dirty  {
    background: #f7f7f7;
}

.ac-info-grid {
  display: grid;
  grid-template-columns: 70px 260px 70px 260px;
	padding-left: 10px;
}
.ac-info-grid .acInfo-item { padding: 0;}

.acInfo-bottom-me-and-others .ac-info-grid{
  grid-template-columns: 85px 250px 155px 250px;
}

.acInfo-bottom-exec-dash .ac-info-grid{
  grid-template-columns: 165px 130px 125px 125px 120px 125px 115px 120px;
}

.acInfo-bottom-exec-dash .ac-info-grid .cell-with-filter{
  grid-column: 1 / 3;
}

.acInfo-bottom-my-flights .ac-info-grid{
  grid-template-columns: 115px 175px 140px 150px 160px 85px;
}
@media (width: 980px) {
	.acInfo-bottom-my-flights .ac-info-grid{
		grid-template-columns: 115px 128px 140px 128px 160px 80px;
	}

	.acInfo-bottom-exec-dash .ac-info-grid{
		grid-template-columns: 165px 100px 120px 110px 120px 110px 115px 100px;
	  }

	.acInfoMediaGrid {
		width: 965px !important;
	}

	.container.no-break {
		width: 965px !important;
	}

	.media965 {
		width: 965px !important;
	}

	.btnMedia {
		margin-right: 15px !important;
	}
	.acInfoMediaGridSmall {
		width: 950px !important;
	}
	
}

/* Loading slider */

.loadingBar .rzslider{
    width:100%;
}

.loading-slider span.rz-pointer, .loading-slider span.rz-bubble {
    display: none;
}

.loading-slider {
    margin: 0px!important;
}

.foreground-on-hover:hover {
	z-index: 1000;
}

.btn.add-btn.disabled, .btn.add-btn.disabled:hover {
    opacity: 0.5;
    pointer-events: initial; /* override existing disabled class */
    cursor: not-allowed;
}

.envBox {
	background: #5b5b5b;
	color: #FFFFFF;
	padding: 2px 8px;
	position:absolute;
	left: 45%;
	border-radius: 10px;
}

.top-spacing{
	padding-top:50px;
}

.sidebar-submenu-item{
  cursor:move;
}

.filterRestore {
	cursor: pointer;
	pointer-events: none;
}

.filterRestore i {
	color: gray;
}

.filterRestore.active {
	pointer-events: initial;
}

.filterRestore.active i {
	color: #00C5CD;
}


#file1 {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.col0 {
	display: none;
}

.c3-axis-x-label {
	padding-top: 10px;
}


.btn.btn-sm.btn-danger.ng-binding{
	height: 30px;
    margin-left: 3px;
    background: #CCCCCC !important;
    padding: 0;
    width: 59px;
    color: #6D6D6D;
    font-size: 12px;
    border: 1px solid #b1bfca;
    text-transform: uppercase;
 }
span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-default.ng-binding,
span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-default.ng-binding  {
	height: 30px;
    margin-left: 3px;
    background: #CCCCCC !important;
    padding: 0;
    width: 59px;
    color: #6D6D6D;
    font-size: 12px;
    border: 1px solid #b1bfca;
    text-transform: uppercase;
}

span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-danger.ng-binding,
span > ul > li:nth-child(2) > span > button.btn.btn-sm.btn-danger.ng-binding {
	    width: 63px;
	    height: 30px;
    	margin-left: 3px;
    	background: url(../../img/delIcon.png) no-repeat 7px center #ff6565 !important;
    	border: 1px solid #ff6b68;
    	text-transform: uppercase;
    	color: #fff;
    	border-radius: 0;
    	font-weight: bold;
    	padding-left: 20px;
    	font-size: 12px;
    	border: 1px solid #ff6b68 !important;
    	padding-top: 7px;
}

.btn.btn-sm.btn-info.ng-binding::after{
	    content: "Today";
}

.btn.btn-sm.btn-info.ng-binding{
	background-color: #5bc0de !important;
	border-color: #46b8da !important;
	content: "Today";
    width: 59px;
    height:30px;
    padding: 5px 10px;
    font-weight:normal;
    text-transform: capitalize;
    border: 1px solid transparent;
}

.btn.btn-sm.btn-danger.ng-binding::after{
	content: "Clear";
	text-transform: none;
}

.btn.btn-sm.btn-success {
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
	text-transform: capitalize;
	border-radius: 0 3px 3px 0;
	width: 59px;
	height:30px;
	padding: 5px 10px;
	font-weight:normal
}

.btn.btn-sm.btn-success::after {
	content: "Close";
}

.clearActive .clearFilter {
	color: red!important;
}

.clearActive.clearFilter_all {
	cursor: pointer!important;
}

.modal-container-large {
    width: 600px;
    background: #fff;
	margin-left: -125px;
	margin-top: -100px;
}

#FMP_filterbox .form-group.col-sm-12.slider-filter {
	margin-bottom: 20px;
}

.pageName {
	margin: auto;
}

.acInfo-item div.select-wrapper {
     display: inline-flex;
     position: relative;
     width: 200px;
     margin-left: 5px;
}

.recalcFilterOverlay {
    position: absolute;
    top: 29px;
    left: 0px;
    background: rgba(220,220,220,0.8);
    padding: 1px 11px;
}


.acInfo-item div.form-group {
    height: initial;
}

.filter-inline div {
    align-items: center;
    margin-bottom: 0px;
}

.acInfo .filter-inline label {
    font-size: 14px;
    font-weight: normal;
    margin-right: 5px;
}

.acInfo .filter-inline .multiSelect > button, .acInfo .filter-inline .multiSelect > button:hover {
    width: 150px;
}

.acInfo .acInfo-item .filter-inline input.form-control {
    width: 100px;
}

.benchmark-stats {
    background: rgba(0,0,0,0.05);
    position: absolute;
    text-align: right;
    right: 50px;
    z-index: 999;
    font-size: 8px;
    top: 20px;
    opacity: 0.5;
    padding: 1px;
    transition: 0.3s all;
}
.benchmark-stats:hover {
    background: rgba(0,0,0,0.3);
    font-size: 14px;
    opacity: 1;
}

infobox-container #FMP_filterbox {
    padding: 0;
}

infobox-container #FMP_filterbox filter-runway-arr-inline div.acInfo-item div button#multiSelectFull,
infobox-container #FMP_filterbox filter-runway-dep-inline div.acInfo-item div button#multiSelectFull,
#distance div button#multiSelectFull,
.cow-filter-container div.select-wrapper {
    width: 150px;
}

.text-element-container .text-element-content {
    margin: 15px 30px 0px 30px;
    max-height: 43px;
    /* overflow: hidden; */
    transition: 0.6s max-height;
	overflow-wrap: break-word;
}

.text-element-long .text-element-content {
    overflow: hidden;
}

.text-element-container .text-element-ellipsis {
    margin-left: 30px;
}

.text-element-container .text-element-content.expanded {
    max-height: fit-content;
}

.text-element-show-more {
    display: none!important;
}

.text-element-show-more.button {
    margin: 10px 25px;
    border: none;
    font-weight: bold;
    font-size: 13px;
}

.text-element-container.text-element-long .text-element-show-more {
    display: block!important;
}

.coverageGridPadding .ngCanvas > div{
    left: -21px;
}

.coverageGridPadding .ngHeaderScroller{
    left: -21px;
}

.block-centered {
    display: block;
    text-align: center;
}

/* CoW charts */

#cowFilters {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 20px;
}

.cow-filter-container {
	display: flex;
	gap: 10px;
}


/* password reset */

.centered {
    text-align:center;
}

.select-dropdown {
    z-index:10;
    -webkit-appearance: none;
}

/* EFB Configuration */

#app-form > div > div > div.configSection > span.config-input,
#app-form > div > div > div:nth-child(4) > div.configSection > span.config-input {
    font-size: 12px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    margin: 10px 0 15px 0;
}

.configOption {
    padding-left: 50%;
}
input.efb-conf-input {
    font-size: 12px;
    padding: 3px 6px;
    vertical-align: middle;
    margin: 0px 13px 0px 0px;
}

#app-form > div > div > div:nth-child(4) > div.configSection > div > div > b > div {
    width: 140%;
}


.sort-button-up {
    position: absolute;
    top: 10px;
    right: 10px;
    border-color: gray transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    height: 0;
    width: 0;
}

.sort-button-down {
    position: absolute;
    top: 3px;
    right: 10px;
    border-color: gray transparent;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    height: 0;
    width: 0;
}
.ngNoSort {
    cursor: default;
}

.sortedUp {
    border-color: red transparent;
}
.sortedDown {
    border-color: red transparent;
}

.ngHeaderText {
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }

.parent {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.parent input {
    flex: 1;
}

.sortable-header-email1 {
    width: 21%;
    max-width: 21%;
    min-width: 21%;
}
.sortable-header-email2 {
    width: 35%;
    max-width: 35%;
    min-width: 35%;
}
.sortable-header1 {
    width: 16%;
    max-width: 16%;
    min-width: 16%;
}
.sortable-header2 {
    width: 25%;
    max-width: 25%;
    min-width: 25%;
}
.sortable-header-edit {
    width: 15%;
    min-width: 15%;
    max-width: 15%;
}

.sortable-header-content {
    position: relative;
    display: flex;
    justify-content: space-around;
}
  
.sort-arrow-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-left: 10px;
}

.row-disabled {
    pointer-events: none;
    opacity: 0.5;
}

table.styled-table tr td .btn.btn-lock {
    border: 1px solid #b1bfca;
    text-transform: uppercase;
    color: #595e64;
    border-radius: 0;
    width: 65px;
    height: 24px;
    padding: 0;
    font-weight: bold;
    padding-top: 4px;
    font-size: 12px;
    margin-right: 7px;
}

.efb-user-invalid {
    background: #ed2f2f33;
}

button#addRowConfig.red-btn-inverted {
    background: #fff !important;
    border-color: #ed2f2f !important;
    color: #ed2f2f !important;
}
button.add-row span.fa-download {
    color: red;
    padding-top: 8px;
}

button.add-row span.fa.fa-undo
button.add-row span.fa.fa-save {
    color: #fff;
    padding-top: 5px;
}

.select-field-name {
    width: 80px;
}
#configurationMethods,
#selectLoginCredential {
    width: 250px;
}

#efbUsersTable td {
    white-space: normal;
    word-break: break-all;
  }

.header-search-input {
    box-sizing:  border-box;
    width: 85%;
}

.sort-clickable-wrapper {
    position: absolute;
    top: 0px;
    right: -10px;
    cursor: pointer;
    height: 25px;
    width: 25px;
}

.beta-class {
    color: orange; 
    font-style: italic; 
    margin-left: 5px;
}