@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: 1080px; margin-top:10px}

.navbar-header {background: url('../../img/pattern.png') #fff repeat; height: 45px; 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;};
li.menu-nav > a > img, li.menu-nav > a > p {width:207px; height: 95px;}

.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%;}

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

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

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

li.new-menu-nav a {
    width:209px;
    height: 117px;
    text-decoration: none;
    align-self: center;
    background-repeat: no-repeat;
    padding: 0;
    background-color: transparent!important;
}
li:first-child.new-menu-nav {
    margin-left: 0;
}
li:last-child.new-menu-nav {
    margin-right: 0;
}

li.new-menu-nav a .new-nav-label {
    text-align: -webkit-center;
    font-size: 11px;
    margin-top: 1px;
    line-height: 20px;
    height: 27px; /* 38px */
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans';
    color: #565656;
    position: relative;
    top: 77px;
    background: url('../../img/greyPattern.png') repeat;
    padding: 3px;
    padding-top: 3px; /* 10px*/
    display: flex;
    justify-content: center;
}

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

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: 1080px;
    margin: auto;
    gap: 3px;
    padding: 0px 15px 10px 15px;
    margin-bottom: 15px;
}

.new-sec-nav li {
    display: flex;
    flex-basis: 260px;
    flex-grow: 1;
    /* margin: 3px; */
    list-style: none;
    min-width: 24%;
}

.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;
}
.new-sec-nav li ul li.active a {
    background: url('../../img/darkPattern.png') repeat !important;
    color: #fff!important;
}
/* 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 Flex Navmenu END */

.flex-content {
    display: flex;
}

.row.charts {
    margin-top: 15px;
}

.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: 30px!important; margin-top: 185px;}
.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%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad4da', endColorstr='#b0bbc2',GradientType=0 );
/* IE6-9 */
border: 1px solid #c7cdd1;
}
#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 {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;}
.row.charts .form-group .multiSelect .button, #FMP_filterbox .container .multiSelect .button, #FMP_filterbox .container input.form-control {background: #eaeef0; border: 0; border-radius: 0; height: 23px; line-height: 23px; padding: 0 2%; color: #000;}
.row.charts .form-group .multiSelect .button, #FMP_filterbox .container .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;}
.row.charts .form-group .multiSelect .button .buttonLabel, #FMP_filterbox .container .multiSelect .button .buttonLabel {padding: 0;}

#FMP_filterbox .container .multiSelect > button, #FMP_filterbox .container input.form-control {background: #eaeef0; border: 0; border-radius: 0; height: 23px; line-height: 23px; padding: 0 2%; color: #000;}
#FMP_filterbox .container .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 {padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 110px;}
#FMP_filterbox .container .multiSelect .caret {display: none;}
#FMP_filterbox .container .multiSelect.inlineBlock {width: 100%;}

.row.charts .form-group .multiSelect .caret, #FMP_filterbox .container .multiSelect .caret {display: none;}
#FMP_filterbox .container .multiSelect.inlineBlock {width: 100%;}
#FMP_filterbox .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);}
.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;}
.exportBtnWithTooltip {background: #fff; display: inline-block; border: 1px solid #98a3aa; text-transform: uppercase; font-weight: 700; border-radius: 0; padding: 3px 10px; font-size: 12px;}
.rowTooltip { display: flex;
    justify-content: center;
    align-items: center;}

.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: 67px; line-height: 26px; padding: 0 12px; top: -55px; background-clip: padding-box;}
.container.content .tabCatHeader {margin-bottom: -60px; padding-top: 25px;}
.container.content .tabCatHeader.tabCatHeaderFirst {padding-top: 0;}
.chart_agacia svg {margin-bottom: 60px !important;}
.navbar-main {position: absolute !important;}
.navbar-header-main {background: none !important;}

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

.charts .glyphicon-collapse-down, .charts .glyphicon-collapse-up {float: right; width: 50px; height: 30px; background: #ed2f2f; border-left: 20px solid #fff; margin-top: -16px; position: absolute; top: 0; right: 0; background-clip: padding-box;}
.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 {content: ''; background: url('../../img/triangleDown.png') no-repeat center center; display: block; height: 30px; width: 30px;}
.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; background-clip: padding-box;}
.charts > button {box-shadow: none !important; height: 60px; padding: 0; background: transparent !important; border: 0; border-top: 1px solid #d3d3d3 !important; border-radius: 0; position: relative; top: 0; left:0;}
.charts > .ng-scope {padding-bottom: 60px;}

table.styled-table {max-width: 920px; 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;}
button.add-row {background: #ed2f2f !important; color: #fff !important; text-transform: uppercase; border: 1px solid #ed2f2f !important; border-radius: 0; opacity: 1 !important; font-weight: bold; margin-top: 5px; margin-bottom: 80px; float: right; margin-right: 0; padding: 0px 10px !important; height: 25px !important; font-size: 12px}
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:nth-child(2n+1) td.invalid{background: #f7aaaa; border: #f7aaaa 2px solid}
table.styled-table tr:nth-child(2n) td.invalid {background: #f7aaaa; border: #f7aaaa 2px solid}
table.styled-table tr.events-row td {background: #f7f8fa;}
/* table.styled-table tr.invalid {background: #f55353; } */
table.styled-table tr.event-log-row:nth-child(2n+1) td{background: #fff;}
table.styled-table tr.event-log-row: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-info {background: #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; 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: 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-danger.btn-delete {background: initial!important; border-color: #b1bfca} */
table.styled-table tr td .btn.btn-danger.btn-delete {background: rgba(255, 255, 255, 100)!important; border-color: #b1bfca}
table.styled-table tr td .btn.btn-danger.btn-delete i {color: #ed2f2f;}

button:active {outline: none !important;border: none !important;}
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 {height: auto !important; width: 100%; padding: 10px; border-radius: 0; border: 1px solid #c4c5c7; background: url('../../img/lightPattern.png') repeat; margin: 0px auto 20px auto; display: inline-block; padding: 10px; text-align: center;}
#app-form button:not(.btn) {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 {display: inline;}
#app-form label {text-align: left; float: left; margin-top: 20px;}
#app-form form[name="editableForm"] input {padding: 2%; width: 100%; border-radius: 0; box-shadow: none; background: #fff; border: 1px solid #c4c5c7; }
#app-form h2 {background: #596167;font-style: italic;text-transform: uppercase;color: #fff;font-size: 15px;padding: 5px 20px; margin-top: 0;}
#app-form .form-wrapper {background: #fff; margin: 10px 0; padding: 10px !important; border: 1px solid #c4c5c7; text-align: left;}
#app-form .form-wrapper .header {font-weight: bold; text-transform: uppercase; text-align: left;}
#app-form .form-wrapper span.title {font-size: 12px;text-align: left;display: inline-block;vertical-align: middle;width: 330px;margin: 0px 0 15px 0;}
#app-form .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 {font-size: 12px; padding: 3px 6px; vertical-align: middle; margin: 0px 13px 0px 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 {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 text {font-size: 13px !important; 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;}
.ngViewport {overflow: hidden}
.gridStyle {background: url('../../img/pattern.png') repeat;}

.bestConfigRowActive {
    background-color: #95f09e;
}

.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: 990px; margin: 0 auto;}

.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 {position: absolute; top: 50%; left: 50%; margin-left: -180px; width: 360px; margin-top: -100px;}
.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: absolute;right: 0;top: -27px;text-transform: uppercase;font-size: 12px; color: #ed2f2f; font-weight: 600;} */
.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 url('../../img/arrowRight.png') 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 {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.homepage .homepage-nav .air h1 {top: 140px;}
.container.homepage .homepage-nav .performance h1 {top: 140px;}
.container.homepage .homepage-nav .performance {padding-bottom: 10px;}
.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: 9px; 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: scroll;height: 310px;}
/* This class destroy  tooltip position in c3.js*/
/* .big_chart {position: inherit !important;} */

.modal-footer .btn.btn-primary {background: #ff6565; border: 1px solid #ff6b68;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: #7d7d7d; border: 1px solid #828282;text-transform: uppercase;color: #fff;border-radius: 0;height: 27px;padding: 4px 10px !important;font-weight: bold;font-size: 12px;}
.modal-header {padding: 1px 10px; background: #596167; text-align: center;}
.modal-header h3 {margin: 3px; 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;}

/* FILTERBOX FIX */
.navbar-header {padding: 0;}
.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: 9px;}
.navbar-nav li li a p span.arrow {height: 38px;}


.filter-box-wrapper {position: relative !important; left: 0 !important;  height: 100%; width: 180px; z-index: 9999; padding: 15px 5px 20px 5px;top: 0px; margin-top: 0 !important; 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;}
#FMP_filterbox form {margin-top: 0;}
#FMP_filterbox {width: auto; display: block;}
#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: 5px auto 4px auto;}

.filter-box-wrapper {display: inline-block !important; vertical-align: top; z-index: 1040; flex-basis: auto; flex-shrink: 0}
.filter-box-wrapper label {font-size: 13px !important;}
.filter-box-wrapper 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;
}
.offseted {margin-top: 20px;}
.right-column {width: 840px; display: inline-block !important; vertical-align: top; margin-left: 30px;}
.right-column .charts > .row, .right-column .charts.row , .right-column .ng-isolate-scope .row {margin-left: 0 !important; margin-right: 0 !important;}

.row.charts .form-group .multiSelect .button, #FMP_filterbox .container .multiSelect .button, #FMP_filterbox .container input.form-control, #multiSelectFull {padding-left: 6px;; background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right !important;border: 1px solid #E2E2E2;box-shadow: none;}
#FMP_filterbox .container .select-wrapper, #FMP_filterbox .container .select-wrapper-floating , #multiSelectFull {background: #f7f7f7 url('../../img/selectArrow_light.png') no-repeat right !important ; border: 1px solid #E2E2E2;box-shadow: none; padding-left: 6px;}
#FMP_filterbox .container .select-wrapper select, #FMP_filterbox .container .select-wrapper-floating select {box-shadow: none !important}
#multiSelectFull { background-color: #f7f7f7 !important; border: 1px solid #E2E2E2 !important; }
.navbar {margin-bottom: 0;}

.container.content {width: 1080px !important;}

.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 {font-size: 15px; font-size: 15px;padding: 0 12px;height: 27px;line-height: 26px;border-width: 0 20px;top: -23px; overflow: hidden;}
.charts button {height: 35px; margin-bottom: 14px; margin-top: 7px; }


.right-column .ngTopPanel {z-index: 0 ;}

/*.c3-axis-y { fill: #204383; }*/
.c3-axis-y2 { fill: #ea312f; }
/*.c3-axis-y path, .c3-axis-y line { fill: none; stroke: #204383 !important; }*/
.c3-axis-y2 path, .c3-axis-y2 line { fill: none; stroke: #ea312f !important; }
.c3-xgrid, .c3-ygrid { stroke: rgb(212,212,212) !important; stroke-dasharray: 0 0 !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.35 !important; }
.c3-line { stroke-width: 1.5px !important; }

#chart_discretionaryFuel, #chart_overburn, #chart_sr, #chart_df, #chart_doc { position: relative !important; }

.loading-image2 {
    position: relative;
    top: 50%;
    left: 46.5%;

}

/* Page loading image */

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../img/APM_product_logo.svg') 50% 50% no-repeat rgb(249,249,249);
    background-size: 13%;
}


.temp-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.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;
}

/* Datepicker override */
#Datepicker_RefPoint .dropdown-menu {
    padding: 7px;
}

/* "Number" input - remove +/- buttons */
.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 /* Ditto, for Mozilla */
.no-spinner {
    -moz-appearance:textfield;
}


/* Custom spinners BEGIN */
.btn-spinner-box {
    float:left;
    border: 1px solid #e2e2e2;
}

.btn-spinner {
    background: url('../../img/selectArrow.png') no-repeat center;
    background-size: 17px 11px;
    width: 16px;
    height: 10px;
    cursor: pointer;
}

.btn-spinner:hover {
    opacity:0.9;
}

.btn-spinner:active {
    opacity:1;
}

.btn-spinner-up {
    transform: rotate(180deg);
    height:11px;
}

/* Custom spinners END */

.settings-btn:hover {
    color: #ed2f2f;
    text-decoration: none;
}



/* Aircraft Analysis dropdown BEGIN */

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

.select2-container--stork .select2-selection--single{
        height: 21px!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;
	overflow-y: scroll;
}

.plane-select option {
    color: initial;
}

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

/* Aircraft/Engine switches */
.acInfo-switch {
    flex: 1;
    text-align: center;
    width: 22px;
    height: 22px;
    border: 1px solid #b1bfca;
    padding-top: 2px;
    margin-right: 3px;
    background: url(../../img/lightPattern.png) repeat;
    color: #b1bfca;
}

.acInfo-switch svg {
    vertical-align: top;
}

.acInfo-switch svg g path {
    fill: #4f565b;
}

.acInfo-switch.unavailableModul:hover, .acInfo-switch.unavailableModul {
    background: url(../../img/darkPattern.png) repeat;
}

.acInfo-switch.unavailableModul:hover svg g path, .acInfo-switch.unavailableModul svg g path {
    fill: #b1bfca;
}

.acInfo-switch:hover {
    background: url(../../img/darkPattern.png) repeat;
    border: 1px solid #4f565b;
}

.acInfo-switch:hover svg g path {
    fill: #fff;
}

.acInfo-switch.active, acInfo-switch.active:hover {
    /* background: url(../../img/bluePattern.png) repeat; */
    background: #ed2f2f;
    color: #4f565b;
    border: 1px solid #b1bfca;
}

.acInfo-switch.active:hover svg g path, .acInfo-switch.active svg g path {
    fill: #fff;
}

.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 */

/* 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 */

.zoomable {
	position: relative;
}

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

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

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

#trapezoid {
	border-bottom: 100px solid red;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 100px;
}

.header.ver2 {
    font-size: 30px;

}

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

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

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

span.header {
	font-size: 0px;
	background-color: #FFF;
	position: relative;
	z-index: 50;
	padding: 0 9px 0 9px;
}

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

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

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.confCenter {
    margin: auto;
    width: 70%;
    padding: 10px;
}

.confCenterNew {
    margin-left:170px;
    width: 70%;
    padding: 0px 10px 10px;
}

#nav {
    position:relative;
    width:800px;
    margin:0 auto;
    margin-top:0px;
    padding:0px;
    margin-left:0px;
    margin-right:auto;
}

ul#navigation {
    margin:0px auto;
    position:relative;
    float:center;
}

ul#navigation li {
    /* display:inline;
    font-size:12px;
    font-weight:bold; */
    /* margin:0;
    padding:0; */
    /* float:left;
    position:relative; */
}

ul#navigation li a {
    /* padding: 4px 10px !important;
    font-size: 12px;
    color: #596167;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #abb4ba;
    border-radius: 0;
    background: url('../../img/lightPattern.png') repeat; */
    /* width: 212px; */
    /* display:block; */

    /* -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear; */
}

ul#navigation li.wider {
    margin: 15px;
    text-align: center;
}

ul#navigation li a:hover {
    background:#f8f8f8;
    color:#fff;
}

ul#navigation li a.first {
    border-left: 0 none;
}

ul#navigation li a.last {
    border-right: 0 none;
}

ul#navigation li:hover > a {
    background: url('../../img/darkPattern.png') repeat;
    color:#fff;
}

ul#navigation.new-sec-nav li.unavailableModul a,
ul.new-sec-nav li.unavailableModul a {
  background: url('../../img/lightPattern.png') repeat;
  color:#565656;
}


/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    /* width:210px; */
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation ul {
    top: 28px;
    left: 1px;
    width: 100%;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
    margin: 0;
}

ul#navigation ul li a {
    background: url('../../img/lightPattern.png') repeat;
    padding:7px 15px;
    color:#616161;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:100%;
    line-height: 100%;
}

.current_page {
    padding: 4px 10px !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #abb4ba;
    border-radius: 0;
    background: url('../../img/darkPattern.png') repeat;
    color:#fff;
    width: calc(100%);
    display:block;
    text-align: center;

    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}

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

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

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

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

.configSection {
    margin: 10px 0px 0px 0px;
}

.configOption {
    padding-left: 69%;
}
.reportDate {
    /*padding-left: 180px;*/
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.topStatusBarGreen {
    background: rgba(10,240,10, 0.4);
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    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.6);
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    z-index: 10000;
    font-size: 32px;
}
.topStatusBarGreen span , .topStatusBarRed span , .topStatusBarTest span {
  font-size: 32px;
  color: white;
}
.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 */
}
.padded-settings{
  padding-top: 10px;
}


#data_export a{
	background: url(../../img/bluePattern.png) repeat;
}

li#data_export.active a{
	background: url(../../img/darkPattern.png) repeat;
	border-color: #596167;
	color: #fff;
}

/*********************************** NAVIGATION *******************************************/

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

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;
}

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

/*************************************** BUTTON STYLING  *******************************************/

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

/************************************** TABLES ******************************************************/
.btn-save {
  background: white;
  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;
}

/* OnClick effect for collapsible inner table separators */
.ngAggregate.ng-scope:active {
    background: #dbe7ef;
}
.ng-scope {
	flex: 1;
}

/**************************************  CHARTS ***************************************************************/
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;
}

.heatmap-legend {
    position: relative;
    top: 20px;
    display: flex;
    justify-content: center;
    font-size: 12px;
}

.heatmap-legend div {
    flex-basis: 120px;
    height: 2em;
    text-align: center;
    margin-left: 5px;
    overflow: hidden;
}

#heatMap .nv-x .nv-wrap g .tick text, #heatMap .nv-y .nv-wrap g .tick text {
    font-size: 12px!important;
    fill: #565656!important;
}

#heatMap .nv-x .nv-wrap g .nv-axislabel, #heatMap .nv-y .nv-wrap g .nv-axislabel {
    font-size: 13px!important;
    fill: #565656!important;
    font-weight: 600!important;
}

.nv-best-value {
    fill: url(#best-value)!important;
}

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

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

.unavailableModul a {
    pointer-events: none !important;
    display: block;
}

.unavailableModul p {
    pointer-events: none !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;
}

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

/* AC Info Badge START */

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

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

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

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

.acInfo-item {
    padding: 0 5px;
}

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

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

/* AC Info Badge END */

.lines2Wrap .nv-groups {
    stroke-dasharray: 1;
}

.nv-scatterWrap {
    display: none!important;
}

.nv-y2 .nvd3.nv-axis path.domain, .nv-y1 .nvd3.nv-axis path.domain {
    stroke: #2b2b2b!important;
}
.nv-y2 .nvd3.nv-axis text, .nv-y1 .nvd3.nv-axis text {
    fill: #2b2b2b!important;
}

.nv-noData {
}

.export-footer {
    display:flex;
    justify-content: flex-end;
}

.export-footer .red-btn {
    margin-right: 20px;
    background: #ed2f2f;
    border: 1px solid #ed2f2f;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    height: 27px;
    padding: 4px 10px !important;
    font-weight: bold;
    font-size: 12px;
}

/* Fix for scrollbar jumping: just display it at all times */
html { overflow-y: scroll; }

.errorMsg {
    font-size: 14px;
    margin-top: 25px;
    display: flex;
    justify-content: space-around;
}

.errorMsgInner {
    justify-self: center;
}

.parentHeader {
    display: flex;
    position: absolute;
    top:120px;
    border-top: 1px solid #4b4b4b;
    color: white;
    width: 838px;
    background: url('../../img/darkPattern.png') repeat;
}

.big_chart svg.nvd3-svg {
    height: 440px;
}

.main-menu-nav a {
    display: block;
}

.esnChanges:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1px;
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #f00;
    transition: 0.2s all;
}

.esnChanges:hover:after {
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid #f00;
}


.customEvent:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0e9fff;
    border-top: 10px solid transparent;
    transition: 0.2s all;
}

.customEvent:hover:before {
    border-right: 20px solid transparent;
    border-bottom: 20px solid #0e9fff;
    border-top: 20px solid transparent;
}

.noDataDisplayTooltip {
    color: rgba(0,0,0,0)
}

.ngCellText:empty {
    pointer-events: none;
    background-color: transparent!important;
}

.ngCellText.noDataDisplayTooltip:empty {
    pointer-events: initial;
}

.Average, .noTooltip {
    background: url('../../img/bluePattern.png') repeat;
    margin-top: 0!important;
    font-size:12px!important;
    height: 26px;
    pointer-events: none;
}

.noTooltip, Average1 {
    background-image: url('../../img/bluePatternTransparent.png')!important;
    border-top: solid;
    border-bottom: solid;
    border-width: 2px;
    padding: 3px;
}

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

.ngCanvas > div > div > div > .tooltip{
  width: fit-content;
  width: -moz-fit-content;
}

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

@media (width: 980px) {
  body {
    min-width: 980px !important;
  }

	.container {
		width: 100%
	}
  .container.content {
		width: 980px !important;
	}

  .right-column {
    width: 745px;
  }

  .new-sec-nav {
    padding: 0;
  }
	.sec-nav-container {
		width: 980px;
	}
	li.new-menu-nav a {
		width: 188px;
        background-size: 188px 96px !important;
	}
  .filter-box-wrapper.sticky {
      position: relative !important;
      top: 0 !important;
  }
	li.menu-nav > a > img {
		width: 102px;
	}
	.ground > ul > h2 > div {
		width: 108px !important;
	}
	.air >  h2 > div {
		width: 175px !important;
	}
	.performance >  h2 > div {
		width: 6px !important;
		margin-top: 2px !important;
	}
  .wrapper {
    width: 980px
  }

  .mobile-adjustments {
    padding: 0 !important;
    margin: 0;
  }

  .acInfo {
    font-size: 11px
  }

  .navbar-config li {
    flex-basis: 300px!important;
  }

  .navbar-config li.ribbon {
    flex-basis: 900px!important;
  }
}

.navbar-config

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;
}

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

#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;
}

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

.filter-slider {
    margin-bottom: 20px!important;
}

.ngCellText a:hover {
    color: #ed2f2f;
}

.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;
}

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

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

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

.c3-axis-y2 {
    fill: #ff7f0e;
}

.c3-axis-y2 path, .c3-axis-y2 line {
    fill: none;
    stroke: #ff7f0e !important;
}

.ngHeaderButton {
    /* display: none!important; */
}

.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;
}

.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;
}

.nvd3.nv-noData {
  position: relative;
  transform: translate(-3.5%, 0%) !important;
  text-align: center;
}

.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: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Checklist */

.editable-checklist .editable-controls .editable-input, .checklist {
    display: table;
    flex-wrap: wrap;
    width: 400px;
}

.editable-checklist label, .checklist label {
    margin-bottom: 0;
    width: 80px;
    height: 24px;
    position: relative;
}

.editable-checklist .editable-controls .editable-input label input, .checklist label input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.editable-checklist label span, .checklist label span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    line-height: 24px;
    font-size: 11px;
    margin: 1px;
    transition: 0.2s background-color;
    color: #2b2b2b;
    background-color: #fff;
    opacity: 0.8;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.editable-checklist .editable-controls .editable-input label input:checked ~ span, .checklist label input:checked ~ span {
    background-color: #0e9fff;
    color: #fff;
    border: none;
    opacity: 1;
}

.checklist label.ingroup span {
    opacity: 0.3;
    background-color: #ccc;
    border: none;
}

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

.clickthrough {
	pointer-events: none;
}

.removed {
    display: none!important;
}

.description {
    opacity: 0.8;
    text-align: center;
    margin: auto;
}

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

/* Loading slider */

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

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

.invalid {
    color: red;
}

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

.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;
}

/* Multiselects in acInfo. */
.acInfo-item .multiSelect .caret {display: none;}
.acInfo-item .multiSelect .button, .acInfo-item .multiSelect .button:hover, .acInfo-item 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; min-height: 23px !important; line-height: 23px; width: 200px; border-radius: 0}
.acInfo-item .select-wrapper select, .filter-inline .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;}
.acInfo-item .select-wrapper select, .filter-inline .select-wrapper select {box-shadow: none !important; width: 100%; color: #565656; padding-left: 6px;}
.filter-inline .select-wrapper select {-webkit-appearance: none; -moz-appearance: none;}
.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-top .select-wrapper {margin-top:3px}

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

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

/* Single select in config. */
.editable-wrap .editable-controls>select {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;-webkit-appearance: none; -moz-appearance: none;padding-right: 30px}
/* .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 {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; width: 74px; -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; }

/* @media print{*{text-shadow:none !important;color:#000 !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333333;background-color:#ffffff;} */

* {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
    color-adjust: exact !important;  /*Firefox*/
}

.hoverLegend {
	border-radius: 5px;
	display: initial;
	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;
}

.error-message span{
    color:red;
}

.status-ribbon {
    opacity: 0;
}

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

.arrow-align {
    font-size: 16px;
    line-height: initial;
    vertical-align: 1px;
}