@font-face { font-family: 'Helvetica-webfont'; src: url("../fonts/subset-Helvetica.eot"); src: url("../fonts/subset-Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-Helvetica.woff2") format("woff2"), url("../fonts/subset-Helvetica.woff") format("woff"), url("../fonts/subset-Helvetica.svg#Helvetica") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Helvetica-Bold-webfont'; src: url("../fonts/subset-Helvetica.eot"); src: url("../fonts/subset-Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-Helvetica.woff2") format("woff2"), url("../fonts/subset-Helvetica.woff") format("woff"), url("../fonts/subset-Helvetica.svg#Helvetica") format("svg"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Helvetica-webfont'; src: url("../fonts/subset-Helvetica.eot"); src: url("../fonts/subset-Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-Helvetica.woff2") format("woff2"), url("../fonts/subset-Helvetica.woff") format("woff"), url("../fonts/subset-Helvetica.svg#Helvetica") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Helvetica-Bold-webfont'; src: url("../fonts/subset-Helvetica.eot"); src: url("../fonts/subset-Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-Helvetica.woff2") format("woff2"), url("../fonts/subset-Helvetica.woff") format("woff"), url("../fonts/subset-Helvetica.svg#Helvetica") format("svg"); font-weight: 900; font-style: normal; }

html { font-size: 14px; line-height: 1.5; position: relative; width: 100%; height: 100%; display: block; }

body { height: auto; min-height: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial; color: #666; background: #1A181C; position: relative; width: 100%; height: 100%; display: block; }

#main { position: relative; width: 100%; height: 100%; display: block; background: #1A181C; }

html, body, header, section, footer, main, aside, nav, div, article, p, ul, li, img { position: relative; display: block; margin: 0; padding: 0; }

button { cursor: pointer; }

button:active, button:focus { outline: none; box-shadow: none; }

.pointer { cursor: pointer; }

* { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.moveFromBottomFade { animation: moveFromBottomFade 0.7s 0.2s cubic-bezier(0.19, 1, 0.22, 1) both; transform-origin: 50% 50%; }

@keyframes moveFromBottomFade { from { opacity: 0;
    transform: translateY(100%); } }

.scaleDown { animation: scaleDown 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; box-shadow: none !important; transform-origin: 50% 50%; }

@keyframes scaleDown { to { opacity: 0.5;
    filter: blur(20px);
    transform: scale(0.6); } }

@keyframes rotation { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@media screen and (max-width: 1050px) { .moveFromBottomFade { animation: mobileMoveFromBottomFade 0.4s 0.4s cubic-bezier(0.19, 1, 0.22, 1) both; transform-origin: 50% 50% !important; }
  .scaleDown { animation: mobileScaleDown 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important; box-shadow: none !important; transform-origin: 50% 50% !important; } }

@keyframes mobileMoveFromBottomFade { 0% { opacity: 0;
    transform: translateY(-100px); }
  100% { opacity: 1;
    transform: translateY(0%); } }

@keyframes mobileScaleDown { 0% { opacity: 1;
    transform: scale(1); }
  100% { opacity: 0;
    transform: scale(1) translateY(-100px); } }

.glitch1 { animation: is-off 4s linear infinite !important; }

@keyframes is-off { 0%, 50% { opacity: 1; }
  56%, 57% { opacity: .8; }
  58% { opacity: 1; }
  71% { transform: scaleY(1) skewX(0deg); }
  72% { transform: scaleY(1.2) skewX(-10deg); }
  73% { transform: scaleY(1) skewX(0deg); }
  80% { opacity: 1; }
  81%, 84% { opacity: .8; }
  85% { opacity: 1; }
  91% { transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff; }
  92% { transform: scaleX(1.1) scaleY(0.2) skewX(10deg);
    color: green; }
  93% { transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #fff; } }

@keyframes c1 { 0% { clip: rect(28px, 9999px, 29px, 0); }
  5% { clip: rect(71px, 9999px, 13px, 0); }
  10% { clip: rect(6px, 9999px, 87px, 0); }
  15% { clip: rect(66px, 9999px, 23px, 0); }
  20% { clip: rect(34px, 9999px, 61px, 0); }
  25% { clip: rect(9px, 9999px, 19px, 0); }
  30% { clip: rect(19px, 9999px, 44px, 0); }
  35% { clip: rect(3px, 9999px, 82px, 0); }
  40% { clip: rect(91px, 9999px, 39px, 0); }
  45% { clip: rect(99px, 9999px, 12px, 0); }
  50% { clip: rect(87px, 9999px, 54px, 0); }
  55% { clip: rect(17px, 9999px, 70px, 0); }
  60% { clip: rect(69px, 9999px, 70px, 0); }
  65% { clip: rect(25px, 9999px, 39px, 0); }
  70% { clip: rect(98px, 9999px, 81px, 0); }
  75% { clip: rect(5px, 9999px, 82px, 0); }
  80% { clip: rect(27px, 9999px, 92px, 0); }
  85% { clip: rect(94px, 9999px, 82px, 0); }
  90% { clip: rect(4px, 9999px, 7px, 0); }
  95% { clip: rect(91px, 9999px, 93px, 0); }
  100% { clip: rect(80px, 9999px, 13px, 0); } }

h1, h2, h3, h4, p { margin: 18px 0; font-weight: normal; color: #FFF; }

h1 { font-size: 2rem; }

h2 { font-size: 1.6rem; }

h3 { font-size: 1.4rem; }

h4 { font-size: 1.2rem; }

h3.block-title, .filter-line h3 { margin: 0; padding: 0; font-family: Helvetica, Arial; font-size: 16px; color: #FFF; letter-spacing: 0.4px; text-align: left; text-transform: uppercase; font-weight: bold; }

.subtitle { color: #039EE0; font-weight: bold; margin-bottom: 15px; display: block; position: relative; font-size: 12px; }

.fw-n { font-weight: 400 !important; }

.fw-m { font-weight: 500 !important; }

.fw-s { font-weight: 600 !important; }

.fw-b { font-weight: 700 !important; }

.ta-l { text-align: left; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ta-j { text-align: justify; }

.va-t { vertical-align: top; }

.va-tt { vertical-align: text-top; }

.va-m { vertical-align: middle; }

.va-b { vertical-align: bottom; }

.va-tb { vertical-align: text-bottom; }

.va-base { vertical-align: baseline; }

.va-sup { vertical-align: super; }

.va-sub { vertical-align: sub; }

.hide { display: none !important; }

.inline-block { display: inline-block !important; }

.no-overflow { position: relative; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; }

.nowrap { white-space: nowrap; }

.normal-wrap { white-space: normal !important; }

.ellipsis { position: relative; overflow: hidden; }

.ellipsis::before { content: ' '; float: left; width: 1px; height: 100%; }

.ellipsis > *:first-child { float: right; width: 100%; margin-left: -1px; }

.ellipsis::after { content: '...'; position: relative; float: right; left: 100%; top: -24px; width: 80px; margin-left: -79px; padding-left: 25px; text-align: left; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFF 28px, #FFF 100%); }

.row, .column { box-sizing: border-box; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.column { position: relative; float: left; }

.column + .column { margin-left: 1.6%; }

.cgr-receipts-filters .column { margin-left: 1.6%; min-height: 65px}

.column-1 { width: 6.86666666667%; }

.column-2 { width: 15.3333333333%; }

.column-2-5 { width: 20%; }

.column-3 { width: 23.8%; }

.column-4 { width: 32.2666666667%; }

.column-5 { width: 40.7333333333%; }

.column-6 { width: 49.2%; }

.column-7 { width: 57.6666666667%; }

.column-8 { width: 66.1333333333%; }

.column-9 { width: 74.6%; }

.column-10 { width: 83.0666666667%; }

.column-11 { width: 91.5333333333%; }

.column-12 { width: 100%; margin-left: 0; }

@media only screen and (max-width: 550px) { .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 { width: auto; float: none; }
  .column + .column { margin-left: 0; } }

.cols { position: relative; display: block; overflow: visible; float: none; clear: both; width: 100%; }

.cols::after { content: ' '; position: relative; display: block; float: none; clear: both; }

.cols > .c { position: relative; display: block; box-sizing: border-box; overflow: visible; float: left; clear: none; padding: 0 10px; margin: 0; }

.cols-table { display: table; }

.cols-table > .c { display: table-cell; float: none; vertical-align: middle; }

.cols-ib { font-size: 0; }

.cols-ib > .c { display: inline-block; float: none; font-size: 14px; vertical-align: middle; }

.cols-flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cols-flex > .c { float: none; -ms-flex-positive: 1; flex-grow: 1; vertical-align: middle; }

.c1p1 { width: 100%; }

.c1p2 { width: 50%; }

.c1p3 { width: 33.333%; }

.c2p3 { width: 66.666%; }

.c1p4 { width: 25%; }

.c3p4 { width: 75%; }

.c1p5 { width: 20%; }

.c2p5 { width: 40%; }

.c3p5 { width: 60%; }

.c4p5 { width: 80%; }

.c1p6 { width: 16.666%; }

.c5p6 { width: 83.333%; }

@media screen and (max-width: 871px) { .cols > .c1p1-m { display: block; clear: both; width: 100%; }
  .cols > .c1p2-m { width: 50%; }
  .cols > .c1p3-m { width: 33.333%; }
  .cols > .c2p3-m { width: 66.666%; }
  .cols > .c1p4-m { width: 25%; }
  .cols > .c3p4-m { width: 75%; }
  .cols > .c0-m { display: none; } }

@media screen and (max-width: 767px) { .cols > .c1p1-m-low { display: block; clear: both; width: 100%; }
  .cols > .c1p2-m-low { width: 50%; }
  .cols > .c1p3-m-low { width: 33.333%; }
  .cols > .c2p3-m-low { width: 66.666%; }
  .cols > .c1p4-m-low { width: 25%; }
  .cols > .c3p4-m-low { width: 75%; }
  .cols > .c0-m-low { display: none; } }

@media screen and (max-width: 479px) { .cols > .c1p1-s { display: block; clear: both; width: 100%; }
  .cols > .c1p2-s { width: 50%; }
  .cols > .c1p3-s { width: 33.333%; }
  .cols > .c2p3-s { width: 66.666%; }
  .cols > .c0-s { display: none; } }

@media screen and (max-width: 359px) { .cols > .c1p1-s-low { display: block; clear: both; width: 100%; }
  .cols > .c1p2-s-low { width: 50%; }
  .cols > .c1p3-s-low { width: 33.333%; }
  .cols > .c2p3-s-low { width: 66.666%; }
  .cols > .c0-s-low { display: none; } }

.hover-shine, .btn--shine, a.page-link, .receipts-chart-nav ul li a { overflow: hidden !important; }

.hover-shine:after, .btn--shine:after, a.page-link:after, .receipts-chart-nav ul li a:after { background: #FFF; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 0s linear; width: 50px; }

.hover-shine:hover:after, .btn--shine:hover:after, a.page-link:hover:after, .receipts-chart-nav ul li a:hover:after { left: 120%; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.btn { position: relative; display: inline-block; min-width: 80px; padding: 10px; font-size: 1rem; font-weight: normal; line-height: 1; text-align: center; text-decoration: none; border: none; cursor: pointer; outline: none; color: #FFF; background: #039EE0; text-transform: uppercase; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; box-shadow: 2px 2px 3px rgba(20, 20, 20, 0.1); border: 1px solid transparent; }

.btn--float { float: left; margin-top: 0px !important; margin-right: 10px; }

.btn--submit { transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.btn--submit:hover { background: #36BDF6; }

.btn--cancel { background: transparent; border: 1px solid #039EE0; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); color: #039EE0; margin-left: 5px; }

.btn--cancel:hover { background: #36BDF6; color: #FFF; }

.btn-red { color: #FFF; background: #DC3545; }

.btn-green { color: #FFF; background: #10AC84; }

.btn-blue { color: #FFF; background: #36C; }

.btn-yellow { color: #000; background: #FFC107; }

.arrow-btn-left { border-style: solid; border-color: #0D477F; }

a.page-link { display: inline-block; color: #FFF; background: #0D477F; text-decoration: none; padding: 0px 12px 0px 44px; font-family: Helvetica, Arial; color: #FFFFFF; letter-spacing: 0.34px; text-align: left; line-height: 12px; margin-top: 5px; position: relative; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); height: 35px; line-height: 35px; }

a.page-link i { display: inline-block; width: 20px; height: 20px; position: absolute; left: 13px; top: 7px; background-repeat: no-repeat !important; background-position: 50% 50%; }

a.page-link i.mail { background-image: url(../img/icons/table-buttons/mail.svg); }

a.page-link i.pdf { background-image: url(../img/icons/table-buttons/pdf.svg); background-size: auto 100% !important; }

a.page-link:hover { background: #36BDF6; }

.multiple-dropdown { background: #373737; display: block; width: 100%; height: 35px; }

[data-select-type] { display: none; }

[data-select-type].active { display: block; }

.dropdown-menu { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

.dropdown-menu label, .dropdown-menu select { position: relative; display: block; padding: 0 18px 0 12px; line-height: 3em; transition: background 0.3s; cursor: pointer; background: #373737; color: rgba(255, 255, 255, 0.8); webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

.dropdown-menu label .text, .dropdown-menu select .text { white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 35px); display: block; position: relative; overflow: hidden; }

.dropdown-menu label:after, .dropdown-menu select:after { content: ""; position: absolute; display: block; background-image: url(../img/icons/blue-arrow-bottom.svg); background-repeat: no-repeat; width: 20px; height: 10px; top: 18px; right: 20px; animation: arrowFadeBottom 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

@keyframes arrowFadeBottom { 0% { opacity: 0;
    margin-top: -4px; }
  100% { opacity: 2; } }

.dropdown-menu.active label { color: rgba(255, 255, 255, 0.5) !important; }

.dropdown-menu.active label b { color: rgba(255, 255, 255, 0.8) !important; font-weight: normal; }

.dropdown-menu input { display: none; }

.dropdown-menu input:checked ~ label:after { transform: rotate(-180deg); top: 15px; right: 27px; animation: arrowFadeTop 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

@keyframes arrowFadeTop { 0% { opacity: 0;
    margin-top: 4px; }
  100% { opacity: 2; } }

.dropdown-menu input:checked ~ ul.submenu { max-height: 300px; transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.dropdown-menu ul.submenu { max-height: 0; padding: 0; overflow: hidden; list-style-type: none; background: #444; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; min-width: 100%; overflow: auto; }

.dropdown-menu ul.submenu::-webkit-scrollbar { width: 6px; background: #373737; }

.dropdown-menu ul.submenu::-webkit-scrollbar-track { border-radius: 10px; background: #373737; }

.dropdown-menu ul.submenu::-webkit-scrollbar-thumb { box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); background: #999; border-radius: 10px; transition: 0.4s; }

.dropdown-menu ul.submenu::-webkit-scrollbar-thumb:hover { background: #039EE0; }

.dropdown-menu ul.submenu li { color: #0D477F; }

.dropdown-menu ul.submenu li:nth-child(2n) { background: rgba(255, 255, 255, 0.1); }

.dropdown-menu ul.submenu li button { width: 100%; display: block; padding: 12px; background: transparent; border: none; text-align: left; color: #ddd; text-decoration: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.5) inset; transition: background .15s; font-size: 13px; line-height: 15px; }

.dropdown-menu ul.submenu li button:hover { background: #039EE0 !important; color: #FFF; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4) inset; }

.dropdown-menu ul.submenu li button.selected { background: #36BDF6; color: #FFF; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2) inset; }

.dropdown-menu ul.submenu li button.selected:after { content: 'x'; position: absolute; right: 10px; top: 11px; color: #1A181C; font-weight: bold; opacity: 0.8; }

.dropdown-menu ul.submenu li button.selected:after:hover { color: #DC3545; }

.dropdown-menu ul.submenu li button.selected:hover { background: #DC3545 !important; }

.dropdown-menu ul.submenu li.search-hide { display: none !important; }

.dropdown-menu ul.submenu li.search.search-hide { display: block !important; }

.dropdown-menu ul.submenu li.search input { display: block; border: none; padding-left: 13px; line-height: 40px !important; height: 40px; background: #fff; display: inline-block; width: 100%; box-sizing: border-box; opacity: 0.6; font-size: 14px; }

.dropdown-menu ul.submenu li.search input:active, .dropdown-menu ul.submenu li.search input:focus, .dropdown-menu ul.submenu li.search input:hover { opacity: 1; box-shadow: none !important; }

.select-type-line { position: absolute; top: 0px; right: 0px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

.select-type-line label { display: inline-block; position: relative; padding: 0 0 0 28px; margin-left: 10px; color: #FFF; cursor: pointer; }

.select-type-line b { display: inline-block; width: 18px; height: 18px; border: 1px solid #039EE0; position: absolute; left: 0px; top: -1px; border-radius: 100%; }

.select-type-line b:after { content: ''; display: block; background: transparent; width: 8px; height: 8px; border-radius: 100%; top: 5px; position: absolute; left: 5px; transform: scale(0.3); transition: 0.2s; }

.select-type-line input { display: none; }

.select-type-line input:checked + b:after { content: ''; display: block; background: #039EE0; width: 8px; height: 8px; border-radius: 100%; top: 5px; position: absolute; left: 5px; transform: scale(1); }

.radio-menu { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; position: relative; display: block; padding: 0 18px 0 12px; line-height: 3em; transition: background 0.3s; cursor: pointer; background: #373737; color: rgba(255, 255, 255, 0.8); text-align: center; }

.radio-menu label { padding-left: 18px; position: relative; display: inline-block; width: 31%; box-sizing: border-box; }

.radio-menu label b { content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 3px; position: absolute; left: 7px; top: 10px; }

.radio-menu label b:before { content: ''; display: inline-block; border: 1px solid #039EE0; width: 15px; height: 15px; border-radius: 3px; position: absolute; left: -6px; top: 3px; }

.radio-menu label input { display: none; }

.radio-menu label input:checked + b:before { background: #039EE0; }

.radio-menu label input:checked + b:after { content: ''; display: block; width: 3px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 5px; left: 0px; animation: checkmark 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

.checkbox-menu label { padding-left: 25px; position: relative; display: inline-block; box-sizing: border-box; }

.checkbox-menu label b { content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 3px; position: absolute; left: 7px;}

.checkbox-menu label b:before { content: ''; display: inline-block; border: 1px solid #039EE0; width: 15px; height: 15px; border-radius: 3px; position: absolute; left: -6px; top: 3px; }

.checkbox-menu label input { display: none; }

.checkbox-menu label input:checked + b:before { background: #039EE0; }

.checkbox-menu label input:checked + b:after { content: ''; display: block; width: 3px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 5px; left: 0px; animation: checkmark 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes checkmark { 0% { opacity: 0;
    transform: rotate(45deg) scale(0.5); }
  100% { transform: rotate(45deg); } }

.form { display: block; position: relative; margin: 25px 0 0 0; }

.form h3, .form h4 { /* Comment: */ font-family: Helvetica, Arial; font-size: 14px; color: #FFFFFF; line-height: 21px; margin-top: 30px; }

.form .form-message { display: block; font-family: Helvetica, Arial; font-weight: normal; font-size: 12px; color: #FFFFFF; text-transform: none; padding: 9px 10px; margin-right: -10px; background: #039EE0; border-radius: 1px; margin-bottom: 10px; line-height: 1.2em; letter-spacing: 0.6px; }

.form .form-message.success { background: #10AC84; }

.form .form-message.error { background: #DC3545; }

.form .form-message.warning { background: #FFC107; }

.form .form-message .close-parent { width: 20px; height: 20px; line-height: 11px; text-align: center; position: absolute; right: 5px; top: 4px; border: none; background: transparent; opacity: .9; }

.form .form-message-container .form-message:last-child { margin-bottom: 20px; }

.form-line, .form--line { display: block; position: relative; margin-bottom: 15px; }

.form-line.copied, .form--line.copied { animation: copiedLine 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes copiedLine { 0% { opacity: 0;
    transform: scale(0.85); }
  100% { transform: translateY(0px); } }

.form-line label, .form--line label { color: #039EE0; display: block; }

.form-line:after, .form--line:after { content: ''; clear: both; width: 100%; height: 0px; display: block; }

.form-line .circle-btn, .form--line .circle-btn { position: absolute; right: -53px; top: 0px; border: none; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; height: 42px; width: 42px; }

.form-line .circle-btn.copy-button, .form--line .circle-btn.copy-button { background-image: url(../img/icons/add-new.svg); }

.form-line .circle-btn.remove-button, .form--line .circle-btn.remove-button { background-image: url(../img/icons/remove-new.svg); }

.form-line .circle-btn:hover, .form--line .circle-btn:hover { transform: rotate(360deg); transition: 0.2s; }

.form-uppercase-link, .form--uppercase-link { text-transform: uppercase; text-decoration: none; color: #039EE0; font-family: Helvetica-Bold, Arial; font-size: 12px; margin: 4px 0 1px 0; display: inline-block; text-align: right; float: right; border-bottom: 1px solid transparent; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; opacity: .8; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.form-uppercase-link:hover, .form--uppercase-link:hover { color: #36BDF6; border-bottom: 1px solid #36BDF6; }

.form-error, .form--error { color: #FFF; padding: 0px 0px 5px; font-size: 13px; line-height: 16px; background: #DC3545; padding: 0px 0px 0px; font-size: 12px; line-height: 30px; text-align: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

.form-error .close-parent, .form--error .close-parent { width: 20px; height: 20px; line-height: 11px; text-align: center; position: absolute; right: 5px; top: 4px; border: none; background: transparent; opacity: .9; }

.form .form-line input[type="text"], .form .form-line input[type="password"], .form .form-line textarea { background: #373737; border: 1px solid transparent; font-family: Helvetica; font-size: 14px; color: #FFF; text-align: left; padding: 5px 10px; line-height: 22px !important; }

.form .form-line input[type="text"]:active, .form .form-line input[type="text"]:focus, .form .form-line input[type="password"]:active, .form .form-line input[type="password"]:focus, .form .form-line textarea:active, .form .form-line textarea:focus { background: #FFF; color: #1A181C; transition: 0.2s cubic-bezier(1, 0, 0, 1); box-shadow: 0; outline: 0; box-shadow: 0 0 20px rgba(3, 158, 244, 0.7); }

.form .form-line textarea { width: 700px; height: 130px; resize: none; }

.form .btn.float { float: left; margin-right: 10px; }

input[type="text"], input[type="password"] { background: transparent; color: #CBD4E2; line-height: 30px; height: 30px; width: calc(100% - 12px); padding: 0 5px; border: 1px solid #039EE0; transition: 0.4s cubic-bezier(1, 0, 0, 1); }

input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus { background: #FFF; color: #1A181C; transition: 0.2s cubic-bezier(1, 0, 0, 1); box-shadow: 0; outline: 0; box-shadow: 0 0 20px rgba(3, 158, 244, 0.7); }

.scroll, .scrollbox { overflow: hidden; height: 100%; }

.scrollbox-wrapper { position: relative; overflow: hidden; }

.scrollbox-rail, .scrollbox-bar { display: none; position: absolute; top: 0; right: 1px; z-index: 200; width: 5px; border-radius: 8px; }

.scrollbox-rail-in, .scrollbox-bar-in { display: block; }

.scrollbox-rail { height: 100%; opacity: .2; filter: alpha(opacity=20); }

.scrollbox-bar { background: #039EE0; min-height: 30px; }

.cssscroll { height: 100%; display: block; overflow-x: hidden; overflow-y: auto; position: relative; }

.cssscroll-style::-webkit-scrollbar { width: 6px; }

.cssscroll-style::-webkit-scrollbar-track { border-radius: 10px; }

.cssscroll-style::-webkit-scrollbar-thumb { background: #039EE0; border-radius: 10px; transition: 0.4s; }

.cssscroll-style::-webkit-scrollbar-thumb:hover { background: #36BDF6; }

.preloader { display: block; width: 100%; position: relative; transform-origin: 50% 50%; min-width: 200px; animation: showUserMenu 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@keyframes showUserMenu { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.spinner { display: block; position: relative; width: 64px; height: 64px; margin: 50px auto; }

.spinner div { transform-origin: 32px 32px; animation: lds-spinner 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.spinner div:after { content: " "; display: none; position: absolute; top: 3px; left: 29px; width: 4px; height: 14px; border-radius: 3px; background: #039EE0 !important; }

.spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }

.spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }

.spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }

.spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }

.spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }

.spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }

.spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }

.spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }

.spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }

.spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }

.spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }

.spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes lds-spinner { 0% { opacity: 1; }
  100% { opacity: 0; } }

.img { position: relative; display: block; overflow: hidden; }

.img-bg { position: absolute; display: block; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: no-repeat 50% 50% / cover; transform: scale(1.001) rotate(-0.001deg); transition: transform 0.5s ease 0s; }

.img-3p2, .img-5p3, .img-8p3 { position: relative; height: 0; padding: 0 0 66.66%; }

.img-5p3 { padding: 0 0 60%; }

.img-8p3 { padding: 0 0 37.5%; }

.img::after { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }

.img-fade::after { content: ' '; background: rgba(0, 0, 0, 0.4); }

.img-fadesoft::after { content: ' '; background: rgba(0, 0, 0, 0.2); }

a:hover .img:not(.no-zoom) .img-bg, .img:not(.no-zoom):hover .img-bg { transform: scale(1.07) rotate(-0.33deg); }

.img-demo { overflow: hidden; width: 300px; margin: 20px 0; }

.mymodule { position: relative; display: block; width: 500px; height: 250px; margin: 30px auto; padding: 0; background: url(../img/img.jpg); background-size: cover; }

.mymodule .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 0; font-size: 2rem; font-weight: bold; color: #FFF; }

.container { margin: auto; width: 900px; }

.main { padding: 40px 0; margin: 0 auto; width: 900px; max-width: 100%; }

.shadow-bottom:after { content: ''; position: absolute; bottom: -5px; left: 0px; height: 40px; width: 102%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1a181c 55%, #1a181c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a181c',GradientType=0 ); pointer-events: none; }

@media (max-width: 1200px) { .shadow-bottom:after { bottom: -20px; } }

.size-row, .floatThead-container table { background: #092E51 !important; }

.floatThead-container { width: 100% !important; }

.floatThead-wrapper .floatThead-container { top: -30px !important; }

.floatThead-wrapper .scroll { margin-top: 30px !important; height: 160px !important; }

.floatThead-wrapper .scroll thead { display: none !important; }

.table-dark { width: 100%; display: table; border: none; border-collapse: collapse; margin-bottom: 10px; }

.table-dark.scroll-fixhead tr:hover { background: #36BDF6; }

.table-dark .head { color: #FFF; }

.table-dark .head td { background: #092E51; }

.table-dark tr { background: #1A181C; }

.table-dark td { padding: 5px 3px 5px 8px; color: #FFF; font-family: Helvetica, Arial; font-size: 12px; color: #FFFFFF; text-align: left; }

.table-dark tr { border-bottom: 1px solid #1A181C; background-color: #373737; }

.table-dark tr:nth-child(2n) { background-color: #4B4B4B; }

@media (max-width: 1150px) { .dashboard, .dashboard--header, .main-container { width: 1150px !important; }
  .main-container { min-height: 500px !important; overflow: hidden; }
  .main-container > .content { min-height: 500px !important; height: 100% !important; display: block; -ms-flex: inherit !important; flex: inherit !important; }
  .dashboard--header { top: 0px !important; position: absolute !important; } }

.footer { width: 100%; height: 100px; background: #CCC; text-transform: uppercase; }

.footer p { margin: 0; padding: 20px; text-align: center; color: #000; }

.footer--nav { position: relative; }

.footer--nav ul { margin: auto; display: block; padding: 0; text-align: center; }

.footer--nav ul li { display: inline-block; margin: 0 10px; }

.footer--nav ul li a { color: #555; text-decoration: none; transition: .2s; }

.footer--nav ul li a:hover { opacity: .6; }

.dashboard { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; background: #1A181C; overflow: hidden; }

.dashboard--header { height: 65px; width: 100%; position: fixed; background-color: #373737; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); margin: 0; z-index: 1000; vertical-align: top; top: 0px; }

.dashboard--header--logo { background-color: #0D477F; background-image: url(../img/logos/freeway-header.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; height: 65px; width: 65px; display: inline-block; overflow: hidden; }

.dashboard--header--logo:hover { transition: 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.dashboard--header--logo:hover:hover { background-color: #039EE0; }

.dashboard--header--title { width: 640px; display: inline-block; height: 65px; position: absolute; left: 65px; line-height: 65px; padding-left: 20px; overflow: hidden; max-width: 670px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

.dashboard--header--title .title { color: #039EE0; font-family: Helvetica-Bold, Arial; font-size: 18px; letter-spacing: 0.45px; text-align: left; text-transform: uppercase; text-decoration: none; transition: 0.2s; font-weight: bold; }

.dashboard--header--title .title:hover { color: #FFF; }

.dashboard--header--title span { color: #A8ADBC; font-family: Helvetica, Arial; font-size: 12px; letter-spacing: 0; }

.dashboard--header--title span.spacer { width: 30px; display: inline-block; text-align: center; }

.dashboard--header--title span.arrow { width: 30px; height: 30px; display: inline-block; text-align: center; background-image: url(../img/icons/blue-arrow-bottom.svg); background-position: 0% 50%; background-repeat: no-repeat; transform: rotate(-90deg); margin-left: 5px; margin-right: 10px; }

.dashboard--header--title span b { color: #FFF; font-family: Helvetica-Bold, Arial; font-size: 14px; position: relative; }

.dashboard--header--title span.quote { position: relative; margin-left: 40px; color: rgba(255, 255, 255, 0.3); }

@media (max-width: 1210px) { .dashboard--header--title span.quote { display: none; } }

.dashboard--header--title span.quote b { font-style: italic; font-size: 16px; font-weight: 400; margin-right: 30px; color: rgba(255, 255, 255, 0.45); }

.dashboard--header--title span.quote b i { z-index: 2; display: inline-block; position: relative; }

.dashboard--header--title span.quote b:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 6px; right: -15px; background-image: url(../img/header/quotemark.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; transform: rotate(180deg); opacity: 0.4; }

.dashboard--header--title span.quote:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -12px; left: -17px; background-image: url(../img/header/quotemark.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; opacity: 0.4; }

.dashboard--header--right { position: absolute; top: 0px; line-height: 65px; right: 20px; }

.dashboard--header--search { width: 350px; float: right; position: relative; top: 0px; line-height: 65px; }

.dashboard--header--search input { border: none; border-bottom: 2px solid #0D477F; background-image: url(../img/icons/search-blue.svg); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 20px; margin-top: 17px; display: block; position: relative; }

.dashboard--header--search input:active, .dashboard--header--search input:focus { background-color: transparent; background-image: url(../img/icons/search-blue.svg) !important; background-position: 0% 50%; background-repeat: no-repeat !important; padding-left: 20px; padding-right: 0px; color: #FFF; box-shadow: none; }

@media (max-width: 1290px) { .dashboard--header--search { width: 250px; } }

@media (max-width: 800px) { .dashboard--header--search { display: none; } }

.dashboard--header--user { width: auto; position: relative; top: 0px; line-height: 65px; right: 0px; float: right; color: #FFF; margin-left: 70px; }

.dashboard--header--user:before { height: 40px; width: 2px; background: #646D76; position: absolute; content: ''; top: 10px; left: -17px; }

.dashboard--header--user button { background: none; border: none; position: relative; display: block; line-height: 65px; padding: 0 30px 0 70px; }

.dashboard--header--user .user-avatar {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 5px;
  float: left;
  border-radius: 100%;
  background-color: #039EE0;
  background-image: url(../img/icons/dashboard-top/user-avatar.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  left: 15px;
}

.dashboard--header--user .user-avatar .badge{
  position: absolute;
  top: -7px;
  right: -12px;
  border-radius: 50%;
  background-color: #db3737;
  color: white;
  height: 25px;
  width: 25px;
  text-align: center;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard--header--user .user-name { color: #FFF; font-size: 15px; }

.dashboard--header--user .user-name:after { content: ''; display: block; width: 20px; height: 20px; background-image: url(../img/icons/dashboard-top/user-arrow-bottom.svg); background-repeat: no-repeat; position: absolute; right: 0px; top: 30px; }

.dashboard--header--user ul { display: none; background: #0D477F; position: absolute; top: 50px; width: 230px; right: -3px; z-index: 10; padding: 0px; margin: 0px; }

.dashboard--header--user ul:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent #0d487f transparent; position: absolute; top: -5px; right: 10px; }

.dashboard--header--user ul li { padding: 0; margin: 0; border-bottom: 1px solid #039EE0; display: block; width: 100%; line-height: 37px; }

.dashboard--header--user ul li:last-child { border-bottom: none; }

.dashboard--header--user ul li a { color: #FFF; padding: 0; margin: 0; display: block; text-decoration: none; padding: 0 0 0 40px; font-weight: bold; font-family: Helvetica-Bold, Arial; font-size: 12px; position: relative; line-height: 36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.dashboard--header--user ul li a i { display: inline-block; height: 20px; width: 20px; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 10px; top: 7px; }

.dashboard--header--user ul li a i.change-pass { background-image: url(../img/icons/dashboard-top/change-pass.svg); }

.dashboard--header--user ul li a i.log-out { background-image: url(../img/icons/dashboard-top/log-out.svg); }

.dashboard--header--user ul li a i.switch { background-image: url(../img/icons/dashboard-top/switch.svg); }

.dashboard--header--user ul li a:hover { background-color: #039EE0; }

.dashboard--header--user button:hover + ul, .dashboard--header--user ul:hover { display: block; animation: showUserMenu 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; min-width: 200px; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.6); }

@keyframes showUserMenu { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.dashboard--footer { text-align: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; height: 65px; line-height: 65px; text-align: center; z-index: 10; left: 0px; width: 100%; position: relative; background-color: #373737; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); margin: 0; color: #FFF; font-family: Helvetica, Arial; font-size: 13px; text-shadow: 1px 1px rgba(30, 30, 30, 0.1); }

.dashboard--footer .icon { display: inline-block; background-image: url(../img/logos/freeway-header.png); background-repeat: no-repeat; background-position: 50% 50%; height: 65px; width: 65px; }

.dashboard--footer span { display: inline-block; line-height: 65px; height: 65px; overflow: hidden; }

.sidebar { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 65px; background-color: #373737; -ms-flex-negative: 0; flex-shrink: 0; top: 65px; bottom: 0; left: 0; transition: all .3s; z-index: 120; }

.sidebar:hover .nav { width: 300px !important; background: #373737; box-shadow: 0 0 10px rgba(20, 20, 20, 0.2); }

.sidebar:hover .nav--item { width: 300px; transition: 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.sidebar:hover .nav--link { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; }

.sidebar:hover .nav--link.active { background: #494B4C !important; }

.sidebar:hover .nav span { display: block; }

.sidebar:hover .nav { overflow-y: auto; }

.sidebar:hover .nav::-webkit-scrollbar { width: 5px; }

.sidebar:hover .nav::-webkit-scrollbar-track { border-radius: 10px; }

.sidebar:hover .nav::-webkit-scrollbar-thumb { background: #039EE0; border-radius: 10px; transition: 0.4s; }

.sidebar:hover .nav::-webkit-scrollbar-thumb:hover { background: #36BDF6; }

.sidebar .nav { margin-top: 0px; width: 100%; list-style: none; transition: 0.05s cubic-bezier(0.445, 0.05, 0.55, 0.95); min-height: 100%; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; height: 100%; overflow-y: hidden; overflow-x: hidden; }

.sidebar .nav--item { width: 100%; position: relative; height: 65px; }

.sidebar .nav--link { display: block; text-decoration: none; color: #9d9d9d; height: 65px; width: 65px; margin-left: 1px; position: relative; border-bottom: 1px solid transparent; cursor: pointer; }

.sidebar .nav--link:before { content: ''; display: block; position: absolute; width: 2px; height: 45px; background: transparent; left: 0px; top: 10px; }

.sidebar .nav--link svg { position: absolute; left: 23px; top: 21px; }

.sidebar .nav--link span { display: none; position: absolute; top: 10px; line-height: 50px; left: 68px; width: 300px; opacity: 0.65; font-family: Helvetica-Bold, Arial; font-size: 14px; text-align: left; font-weight: bold; cursor: pointer; }

.sidebar .nav--link.active { color: #FFF; }

.sidebar .nav--link.active svg g, .sidebar .nav--link.active svg path { fill: #fff !important; }

.sidebar .nav--link.active i:first-of-type { color: #FFF; }

.sidebar .nav--link.active:before { left: 0px; background: #FFF; }

.sidebar .nav--link:hover { transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 !important; color: #FFF !important; }

.sidebar .nav--link:hover svg g, .sidebar .nav--link:hover svg path { fill: #039EE0; }

.sidebar .nav--link:hover span { color: #fff !important; opacity: 1 !important; transition: 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.sidebar .nav--link:hover i { color: #36BDF6; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 !important; }

.sidebar .nav--link:hover .tooltip { display: block; }

.sidebar .nav--link .tooltip { width: 270px; text-transform: none; color: #FFF; position: absolute; top: 60px; left: 10px; background: #373737; border-radius: 5px; border: 1px solid #979797; display: none; animation: showTitleTooltip 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; min-width: 200px; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.7); }

.sidebar .nav--link .tooltip:parent { border: 1px solid red; cursor: pointer; }

.sidebar .nav--link .tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; top: -6px; left: 50%; margin-left: -7.5px; border-width: 2px 2px 2px 0; transform: rotate(45deg); border-top: 1px solid #979797; border-left: 1px solid #979797; background: #373737; }

@keyframes showTitleTooltip { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.sidebar .nav--link .tooltip-container { padding: 10px 15px; text-align: left; }

@media (max-width: 1150px) { .sidebar { top: 0px; position: absolute; } }

.main-container { -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 65px; }

.main-container > .content { -ms-flex: 1; flex: 1; transition: .3s; overflow: hidden; min-height: 100%; display: block; position: relative; margin-left: 65px; }

.simple-block, .details-header, .details-content { padding: 17px 20px 20px 20px; }

.padding-block { padding: 50px 40px 50px 40px; min-height: 200px; z-index: 2; }

.padding-block:after { content: ''; clear: both; display: block; width: 100%; height: 1px; }

.open-dashboard-popup .home-top, .open-dashboard-popup .home-movies { filter: blur(4px); }

.open-dashboard-popup .dashboard-popup { display: block; }

.open-dashboard-popup .content { min-height: 750px; }

.dashboard-popup { position: absolute; display: block; width: 100%; height: 100%; z-index: 50; display: none; }

.dashboard-popup .popup-close {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 4px;
  right: 4px;
  color: #fff;
  cursor: pointer;
  background: #0D477F;
  border: none;
  z-index: 10;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
}

.dashboard-popup .popup-close:hover { opacity: 0.5; }

.dashboard-popup .popup-title {
  position: relative;
  display: block;
  width: auto;
  max-width: 90%;
  margin: -10px auto 0;
  padding: 0 0 20px;
  font-size: 16px;
  line-height: normal;
  color: #FFF;
  text-align: center;
}

.dashboard-popup .popup-subtitle {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px;
  font-size: 14px;
  line-height: normal;
  color: #FFF;
  background: rgba(255,255,255,0.05);
}

.dashboard-popup b.bg { background: #373737; display: block; width: 100%; height: 100%; opacity: 0.8; position: absolute; top: 0px; z-index: 1; animation: popupBlockBg 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@keyframes popupBlockBg { 0% { opacity: 0; }
  100% { opacity: 0.8; } }

.dashboard-popup-container { margin: 40px 40px 40px 40px; z-index: 2; positiom: relative; min-height: 700px; background: #1A181C; padding: 30px; box-sizing: border-box; animation: popupContainer 0.4s 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.6); }

@keyframes popupContainer { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.dashboard-popup-container .row:first-child { margin-bottom: 40px; }

.dashboard-popup-container .column { background: #373737; height: 400px; position: relative; overflow: hidden; }

#popup_chart_1 { width: 500px; height: 570px; display: block; margin: auto; position: relative; }

#popup_chart_1 svg g.svg-first rect.rect-first { fill: transparent !important; }

@media (max-width: 1200px) { #popup_chart_1 { margin-left: -30px; transform: scale(0.96); transform-origin: 50% 50%; } }

#popup_chart_2 { width: 510px; margin: auto; position: relative; }

@media (max-width: 1200px) { #popup_chart_2 { margin-left: -30px; transform: scale(0.8); transform-origin: 50% 60%; } }

@media (min-width: 1200px) { #popup_chart_2 { margin-top: 20px; transform: scale(0.9); transform-origin: 50% 50%; } }

#popup_chart_3 { width: 100%; min-height: 350px; font-family: Helvetica, Arial !important; }

.dashboard-popup-col1 .scroll { height: 350px; }

.dashboard-popup-col2 .map-box { position: absolute; bottom: 15px; left: 15px; width: 250px; padding: 5px 10px 20px 10px; background: #3F3F3F; }

.dashboard-popup-col2 .map-box .close { content: 'x'; position: absolute; display: block; top: 3px; right: 2px; color: #fff; cursor: pointer; background: transparent; border: none; z-index: 10; }

.dashboard-popup-col2 .map-box .close:hover { opacity: 0.5; }

.dashboard-popup-col2 .map-box .flag-circle { display: none; }

.dashboard-popup-col2 .map-box h3 { display: block; position: relative; width: 90%; margin: auto; font-size: 13px; }

.dashboard-popup-col2 .map-box .all { font-size: 13px; color: #FFF; text-align: left; float: inherit !important; position: relative; width: 90%; margin: auto; }

.dashboard-popup-col2 .map-box ul { display: block; position: relative; width: 90%; padding: 0; margin: auto; }

.dashboard-popup-col2 .map-box ul li { width: 100%; margin: 0 auto 5px auto; height: auto; }

.dashboard-popup-col2 .map-box ul li span { display: block; width: 100%; float: none; margin: 0 !important; box-sizing: border-box; font-size: 12px; position: relative; }

.dashboard-popup-col2 .map-box ul li span.title { padding-bottom: 5px; }

.dashboard-popup-col2 .map-box ul li span.tag { margin-top: 20px; }

.dashboard-popup-col3 { margin-top: 20px; }

#video-frame { display: block; height: 100%; width: 100%; position: fixed; background-image: url(../video/login.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; top: 0px; left: 0px; }
/* #video-frame { display: block; height: 100%; width: 100%; position: fixed; background-image: url(../video/login-christmas-2025.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; top: 0px; left: 0px; } */
/* #video-frame { display: block; height: 100%; width: 100%; position: fixed; background-image: url(../video/login-city.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; top: 0px; left: 0px; } */

#video-frame:before { content: ''; z-index: 2; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.3); position: absolute; }

#video-frame video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); }

.login {
  z-index: 20;
  bottom: 0;
  color: #f1f1f1;
  width: 369px;
  min-height: 200px;
  background-position: 50% 50%;
  padding: 0;
  height: 519px;
  transform-origin: 50% 50%;
  animation: showLogin 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
  margin: auto;
}

@keyframes showLogin { 0% { opacity: 0;
    transform: translateY(150px); }
  100% { transform: translateY(0px); } }

.login h2 { font-family: Helvetica, Arial; font-size: 16px; color: #FFF; letter-spacing: 0.4px; text-align: center; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; }

.login .form { padding: 10px 20px; width: 250px; margin: auto; position: relative; }

.login .form .btn--submit { width: 110px !important; display: block; position: relative; margin: 20px auto 20px auto !important; }

.login .form--welcome { background: #039EE0; padding: 18px 10px; text-align: center; }

.login .form--welcome h1 { font-size: 16px; margin-top: 0px; font-family: Helvetica-Bold, Arial; letter-spacing: 0.34px; text-align: center; line-height: 18px; margin-bottom: 14px; }

.login .form--welcome span { font-size: 12px; letter-spacing: 0.34px; text-align: center; line-height: 14px; display: block; }

.login .form--welcome .close-parent { width: 20px; height: 20px; line-height: 11px; text-align: center; position: absolute; right: 5px; top: 4px; border: none; background: transparent; opacity: .9; }

.login--logo { margin: 12% auto 15px auto; }

.login--container { background: #1A181C; width: 100%; border-radius: 4px; box-shadow: 0 0 10px rgba(23, 34, 68, 0.6); border-radius: 4px; transform-origin: 50% 50%; text-shadow: 1px 1px rgba(30, 30, 30, 0.1); overflow: hidden; }

.login--container .login--bottom { background: #0D477F; box-shadow: 0 0 10px rgba(26, 24, 28, 0.6) inset; padding: 20px 10px; }

.login--container .login--bottom--title { text-align: center; display: block; width: 100%; font-size: 14px; }

.login--container .login--bottom--apps { margin: 10px auto 0 auto; display: block; text-align: center; }

.login--container .login--bottom--apps a { display: inline-block; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.login--container .login--bottom--apps a:hover { opacity: 0.9; transform: translateY(-4px); }

.login--container .login--bottom--copyright { padding: 0px 0 5px 0; margin: auto; font-size: 11px; text-align: center; width: 100%; display: block; position: relative; width: 200px; }

.login--container .login--bottom--copyright a { color: #039EE0; transition: 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.login--container .login--bottom--copyright a:hover { color: #36BDF6; text-shadow: none; }

#disclaimer { background: #1A181C; display: block; width: 100%; }

#disclaimer .header { width: 100%; display: block; height: 65px; background: #0D477F; text-align: center; }

#disclaimer .header h1 { line-height: 65px; margin: 0; padding: 0; color: #FFF; font-family: Helvetica-Bold, Arial; font-size: 18px; letter-spacing: 0.45px; text-align: center; }

#disclaimer .header .logo { background-color: #0D477F; background-image: url(../img/logos/freeway-header.png); background-repeat: no-repeat; background-position: 50% 50%; display: block; height: 65px; width: 65px; display: inline-block; overflow: hidden; position: absolute; top: 0px; left: 0px; }

#disclaimer .header .logo:hover { transition: 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

#disclaimer .header .logo:hover:hover { background-color: #039EE0; }

#disclaimer .container { padding-top: 50px; padding-bottom: 40px; max-width: 1300px; width: 90%; }

#disclaimer .container h2 { color: #039EE0; font-family: Helvetica-Bold, Arial; font-size: 14px; text-align: left; margin-bottom: 7px; margin-top: 25px; }

#disclaimer .container h2:first-child { margin-top: 10px; }

#disclaimer .container p { color: #FFF; margin-top: 0px; margin-bottom: 20px; }

#disclaimer .container p a { color: #039EE0; }

#disclaimer .footer { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; height: 65px; line-height: 65px; text-align: center; z-index: 100; left: 0px; width: 100%; position: relative; background-color: #494B4C; margin: 0; color: #FFF; font-family: Helvetica, Arial; font-size: 13px; text-shadow: 1px 1px rgba(30, 30, 30, 0.1); margin-top: 50px; display: block; }

#disclaimer .footer .icon { display: inline-block; background-image: url(../img/logos/freeway-header.png); background-repeat: no-repeat; background-position: 50% 50%; height: 65px; width: 65px; }

#disclaimer .footer span { display: inline-block; line-height: 65px; overflow: hidden; }

#cookie-popup { position: fixed; bottom: 0px; left: 0px; background: #0D477F; border-top: 5px solid #039EE0; display: block; width: 100%; padding: 10px 0px; z-index: 1000; animation: showCookie 1s 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) both; }

@keyframes showCookie { 0% { opacity: 0;
    transform: translateY(200px); }
  100% { transform: translateY(0px); } }

#cookie-popup .container { max-width: 1400px; width: 90%; color: #FFF; font-family: Helvetica-Bold, 'Arial Bold', Arial; font-weight: normal; font-size: 12px; }

#cookie-popup .container a { color: #039EE0; font-family: Helvetica-Bold, 'Arial Bold', Arial; font-weight: bold; }

#cookie-popup .container button { float: right; background: #039EE0; color: #FFF; width: 145px; height: 38px; padding: 0; margin: 0 0 0 30px; font-family: Helvetica; font-size: 14px; text-align: center; line-height: 21px; border: none; z-index: 10; position: relative; }

#cookie-popup .container button:hover { background: #36BDF6; }

.filter-line { 
  animation: showFilterLine 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both; 
  transform-origin: 50% 50%; 
  padding: 0px 0px 5px 20px;
}

.cgr-receipts-filter-line {
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 70px;
  padding-bottom: 5px;
  z-index: 10;
  animation: showFilterLine 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform-origin: 50% 50%;
  flex-wrap:wrap;
  display: flex;
  align-items: flex-start;
}

.cgr-receipts-filters {
  width: 100%;
}
.cgr-receipts-filters-button {
  /*min-width: 25%;*/
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.cgr-receipts-filters-div {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  float: right;
  height: 65px;
  margin-left: 28px;
}

.cgr-receipts-date {
  width: 230px;
}

.cgr-receipts-filters .cgr-receipts-date input[type="text"] {
  height: 47px !important;
}

@keyframes showFilterLine { 0% { opacity: 0.5;
    transform: translateY(10px); }
  100% { transform: translateY(0px); } }

.filter-line-blocks { z-index: 200; width: 100%; padding: 0; margin: 0; display: block; position: relative; }

.cgr-receipts-filter-line-blocks {
  z-index: 200;
  min-width: 100%;
  padding: 0;
  margin: 0;
  display: inline;
  position: relative;
}

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .filter-line-block h4,
.filter-line-blocks .filter-line-block h4 { font-family: Helvetica, Arial; font-size: 14px; color: #FFF; text-align: left; margin: 10px 0 4px 0; position: relative; padding-left: 33px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .filter-line-block h4.no-padding,
.filter-line-blocks .filter-line-block h4.no-padding { padding-left: 0px; }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .filter-line-block h4 i,
.filter-line-blocks .filter-line-block h4 i { display: inline-block; width: 30px; height: 20px; position: absolute; left: 0px; background-repeat: no-repeat; background-position: 50% 50%; }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.title,
.filter-line-blocks .filter-line-block h4 i.title { background-image: url(../img/icons/filter-icon/title.svg); }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.territory,
.filter-line-blocks .filter-line-block h4 i.territory { background-image: url(../img/icons/filter-icon/territory.svg); }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.distributor,
.filter-line-blocks .filter-line-block h4 i.distributor { background-image: url(../img/icons/filter-icon/distributor.svg); }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.licensor,
.filter-line-blocks .filter-line-block h4 i.licensor { background-image: url(../img/icons/filter-icon/licensor.svg); }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.contract,
.filter-line-blocks .filter-line-block h4 i.contract { background-image: url(../img/icons/filter-icon/contract.svg); }

.cgr-receipts-filter-line .cgr-receipts-filter-line-blocks .cgr-receipts-filters .filter-line-block h4 i.event,
.filter-line-blocks .filter-line-block h4 i.event { background-image: url(../img/icons/filter-icon/event.svg); }

.filter-line-blocks:after { content: ''; clear: both; }

.filter-line-blocks .input-block { position: relative; display: block; }

.filter-line-blocks .input-block input { position: relative; display: block; transition: background 0.3s; cursor: pointer; background: #373737; border: none; line-height: 42px; height: 42px; font-size: 14px; font-weight: bold; padding-left: 10px; width: 100%; box-sizing: border-box; }

.filter-line-blocks .input-block input:focus, .filter-line-blocks .input-block input:active { box-shadow: none; color: #FFF; }

.filter-line-blocks .filter-line-tags { position: absolute; right: 0px; top: 22px; z-index: 10; }

.filter-line-blocks .filter-line-tags a { margin-right: 0px; }

.filter-line-tags { 
  padding-bottom: 10px; 
  display: flex;
}

.cgr-receipts-filter-line-tags {
  padding-top: 0px;
  display: flex;
  align-items: end;
  float: left;
  width: 410px;
  margin-left: 0px;
  height: unset !important;
}

.cgr-receipts-table-links .button{
  background: #0D477F;
  border: 1px solid transparent;
  color: #FFF;
  line-height: 31px;
  padding: 0px 3px 0px 37px;
  font-size: 12px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 8px;
}

.filter-line-tags .filter { background: #039EE0; margin: 0 10px 10px 0; padding: 0px 15px; font-size: 13px; color: #FFF; border: 1px solid transparent; line-height: 22px; height: 26px; }

.filter-line-tags .filter-container { display: none; }

.filter-line-tags .filter:after { content: 'x'; display: inline-block; margin-left: 10px; }

.filter-line-tags .filter:hover { background: #36BDF6; }

.filter-line-tags .buttons { display: inline-block; margin: 0 10px 8px 0; padding: 0px 15px 0 35px; font-size: 13px; color: #039EE0; transition: 0.3s; position: relative; overflow: hidden; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; line-height: 24px; height: 26px; text-decoration: none; }

.filter-line-tags .buttons svg { margin-right: 10px; top: 5px; left: 13px; position: absolute; }

.filter-line-tags .buttons.clear-all { background: #373737; color: #FFF; border: 1px solid #373737; padding-right: 20px; }

.filter-line-tags .buttons.clear-all svg g, .filter-line-tags .buttons.clear-all svg path { fill: #FFF; }

.filter-line-tags .buttons.create-group { background: transparent; border: 1px solid #039EE0; }

.filter-line-tags .buttons:hover { background: #36BDF6; color: #FFF; transition: 0.15s; }

.filter-line-tags .buttons:hover svg g, .filter-line-tags .buttons:hover svg path { fill: #FFF; }

.tablesorter thead tr .header, .tablesorter thead th { background-color: #092E51 !important; line-height: 13px; padding-top: 4px; padding-bottom: 4px; font-size: 12px !important; }

.c-cyan { background-color: #58CAB9 !important; }

.c-cyan td { background-color: #58CAB9 !important; }

.c-blue { background-color: #7B8CAD !important; }

.c-blue td { background-color: #7B8CAD !important; }

.c-red { background-color: #E29898 !important; }

.c-red td { background-color: #E29898 !important; }


.table-links { text-align: right; display: block; margin-bottom: 20px;}

.table-links .cgr-receipts-table-links {
  text-align: right;
  display: inline-block;
  margin-top: 20px;
  max-width: 20%;
  margin-left: 40px;
  margin-bottom: 0px;
}

.table-links .color-help { top: 15px; height: 40px; position: absolute; width: 650px; text-align: left; }

.table-links .color-help .block { display: inline-block; font-family: Helvetica; font-size: 10px; color: rgba(255, 255, 255, 0.65); text-align: left; margin-right: 12px; }

.table-links .color-help .block .icon { display: block; float: left; width: 15px; height: 15px; margin-right: 5px; }

.table-links .box-check { display: inline-block; position: relative; margin-right: 10px; }

.table-links .box-check input { display: none; }

.table-links .box-check input:checked + label { color: #FFF; }

.table-links .box-check input:checked + label:after { content: ''; display: block; width: 3px; height: 9px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 10px; left: 16px; animation: checkmark 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes checkmark { 0% { opacity: 0;
    transform: rotate(45deg) scale(0.5); }
  100% { transform: rotate(45deg); } }

.table-links .box-check label { line-height: 35px; background: #373737; height: 35px; display: inline-block; padding: 0px 10px 0 35px; color: #039EE0; position: relative; }

.cgr-receipts-table-links .box-check label {
  line-height: 35px;
  background: #373737;
  height: 47px;
  display: inline-block;
  padding: 5px 10px 0px 10px;
  color: #039EE0;
  position: relative;
}

.cgr-receipts-table-links .box-check {
  height: 47px;
}

.table-links .box-check label:before { content: ''; display: inline-block; border: 1px solid #039EE0; width: 15px; height: 15px; border-radius: 3px; position: absolute; left: 10px; top: 8px; }

.table-links .cgr-box-check label:before {
    content: none;
}

.cgr-receipts-table-links {
  display: flex;
  top: 0px !important;
  position: relative !important;
  right: 0px !important;
}

.cgr-box-check-label {cursor: pointer;}

.table-links .button { line-height: 35px; border: none; color: #FFF; padding: 0px 10px 0 43px; font-size: 13px; position: relative; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; margin-right: 12px; background: transparent; border: 1px solid #039EE0; color: #039EE0; }

.table-links .button.blue { background: #0D477F; border: 1px solid transparent; color: #FFF; }

.cgr-receipts-table-links .button.blue {
  background: #0D477F;
  border: 1px solid transparent;
  color: #FFF;
  line-height: 33px;
  padding: 0px 3px 0px 37px;
  font-size: 12px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 8px;
  height: 47px;
}

.cgr-receipts-table-links .button i {
  top: 8px !important;
}
.cgr-receipts-filter-line-tags .buttons svg {
  top: 15px !important;
}

.table-links .button:last-child { margin-right: 0px; }

.table-links .button:hover { background: #039EE0; color: #FFF; }

.table-links .button i { display: inline-block; width: 25px; height: 25px; margin-right: 5px; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 10px; top: 4px; }

.table-links .button i.excel { background-image: url(../img/icons/table-buttons/excel.svg); }

.table-links .button i.csv { background-image: url(../img/icons/table-buttons/csv.svg); }

.table-links .button i.pdf { background-image: url(../img/icons/table-buttons/pdf.svg); }

.table-links .button i.mail { background-image: url(../img/icons/table-buttons/mail.svg); }

.table-links .button i.fullscreen { background-image: url(../img/icons/table-buttons/fullscreen.svg); }

.table-links .button:hover i.fullscreen { background-image: url(../img/icons/table-buttons/fullscreen-white.svg); }

.table-list { padding: 0 20px 10px 20px; margin-top: 0px; animation: showTableList 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showTableList { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { transform: translateY(0px); } }

.table-content { display: block; position: relative; }

.table-content table { width: 100% !important; border-collapse: collapse; box-sizing: border-box; }

table.tablesorter thead th:after, table.tablesorter thead td:after { content: ''; display: inline-block; width: 10px; height: 15px; background-image: url(../img/interface/bg.png); background-repeat: no-repeat; background-position: 50% 50% !important; margin-left: 10px; margin-top: -2px; background-size: 100% auto; position: absolute; }

table.zebra-table thead th.header:after, table.zebra-table thead td.header:after { content: ''; display: inline-block; width: 10px; height: 15px; background-image: url(../img/interface/bg.png); background-repeat: no-repeat; background-position: 50% 50% !important; margin-left: 10px; margin-top: -2px; background-size: 100% auto; position: absolute; }

table.zebra-table thead th, table.zebra-table thead td { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

table.result-table thead th, table.result-table thead td { line-height: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; box-sizing: border-box; }

table.result-table thead th.headerSortUp a:after, table.result-table thead td.headerSortUp a:after { background-image: url(../img/interface/asc.png); }

table.result-table thead th.headerSortDown a:after, table.result-table thead td.headerSortDown a:after { background-image: url(../img/interface/desc.png); }

table.result-table thead th.headerSortUp a:hover, table.result-table thead th.headerSortDown a:hover, table.result-table thead td.headerSortUp a:hover, table.result-table thead td.headerSortDown a:hover { color: #FFF; }

table.result-table thead th a:after, table.result-table thead td a:after { content: ''; display: inline-block; width: 10px; height: 15px; background-image: url(../img/interface/bg.png); background-repeat: no-repeat; background-position: 50% 50% !important; margin-left: 5px; margin-top: -2px; background-size: 100% auto; position: absolute; }

table.result-table thead th a, table.result-table thead td a { position: relative; line-height: 13px; transition: 0.2s; padding-right: 10px; margin-right: 5px; }

table.result-table thead th a:hover, table.result-table thead td a:hover { color: #039EE0; }

table.result-table thead th label, table.result-table thead td label { display: block; line-height: 15px; }

table.result-table thead th label input, table.result-table thead td label input { margin: 0; height: 10px; }

table.result-table thead th .form-group, table.result-table thead td .form-group { display: none !important; }

table.result-table tbody td { padding: 8px 5px 8px 0px !important; }

table.result-table tbody td.rowspan, table.result-table tbody td.lighter { background: #e2ecf8 !important; border-right: 1px solid #A3B1C8; }

.hover-scroll td, .hover-scroll th { overflow: hidden; white-space: nowrap; position: relative; }

.hover-scroll td span, .hover-scroll th span {     display: block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  padding: 5px 3px 5px 8px; }

.hover-scroll td:hover span, .hover-scroll th:hover span { animation: hoverAnim 7s linear infinite; transform-origin: 50% 50%; }

@keyframes hoverAnim { 0% { margin-left: 0px; }
  25% { margin-left: -50%; }
  50% { margin-left: 0px; }
  75% { margin-left: 50%; }
  100% { margin-left: 0px; } }

table.tablesorter, table.zebra-table, table.result-table { position: relative;width: 100%; text-align: left; width: 100%; display: table; border: none; border-collapse: collapse; margin-bottom: 10px; box-sizing: border-box; }

table.tablesorter tr, table.zebra-table tr, table.result-table tr { box-sizing: border-box; border-collapse: collapse; }

table.tablesorter tr td:first-child, table.tablesorter tr th:first-child, table.zebra-table tr td:first-child, table.zebra-table tr th:first-child, table.result-table tr td:first-child, table.result-table tr th:first-child { padding-left: 30px !important; }

table.tablesorter tr td:last-child, table.tablesorter tr th:last-child, table.zebra-table tr td:last-child, table.zebra-table tr th:last-child, table.result-table tr td:last-child, table.result-table tr th:last-child { padding-right: 15px !important; }

table.tablesorter tr td, table.tablesorter tr th, table.zebra-table tr td, table.zebra-table tr th, table.result-table tr td, table.result-table tr th { box-sizing: border-box; border-collapse: collapse; padding-left: 5px !important; }

table.tablesorter tr td.text-right, table.tablesorter tr th.text-right, table.zebra-table tr td.text-right, table.zebra-table tr th.text-right, table.result-table tr td.text-right, table.result-table tr th.text-right { padding-left: 5px !important; }

table.tablesorter tr.transparent, table.zebra-table tr.transparent, table.result-table tr.transparent { background: transparent !important; }

table.tablesorter tr.transparent td, table.tablesorter tr.transparent th, table.zebra-table tr.transparent td, table.zebra-table tr.transparent th, table.result-table tr.transparent td, table.result-table tr.transparent th { background: transparent !important; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.zebra-table thead tr th, table.zebra-table tfoot tr th, table.result-table thead tr th, table.result-table tfoot tr th { color: #FFF; background-color: #0D477F; font-size: 8pt; padding: 4px 5px 4px 15px; background-color: #092E51 !important; }

table.tablesorter thead tr td, table.tablesorter thead tr th, table.zebra-table thead tr td, table.zebra-table thead tr th, table.result-table thead tr td, table.result-table thead tr th { background-repeat: no-repeat; background-position: 99% 50% !important; font-family: Helvetica, Arial; font-size: 12px; color: #FFF; letter-spacing: 0.34px; text-align: left; position: relative; overflow: hidden; min-width: 34px; font-weight: bold; }

table.tablesorter thead tr td a, table.tablesorter thead tr th a, table.zebra-table thead tr td a, table.zebra-table thead tr th a, table.result-table thead tr td a, table.result-table thead tr th a { color: #FFF; text-decoration: none; }

table.tablesorter tbody td, table.tablesorter tbody th, table.zebra-table tbody td, table.zebra-table tbody th, table.result-table tbody td, table.result-table tbody th { color: #0D477F; font-size: 12px; padding: 2px 0 2px 15px; background-color: #A3B1C8; vertical-align: middle; font-size: 12px; color: #0D477F; text-align: left; }

table.tablesorter tbody tr:nth-child(2n) td, table.tablesorter tbody tr:nth-child(2n) th, table.zebra-table tbody tr:nth-child(2n) td, table.zebra-table tbody tr:nth-child(2n) th, table.result-table tbody tr:nth-child(2n) td, table.result-table tbody tr:nth-child(2n) th { background-color: #CBD4E2; }

table.tablesorter thead tr, table.zebra-table thead tr, table.result-table thead tr { background: #092E51; }
table.tablesorter tbody , table.zebra-table tbody, table.result-table tbody { position: relative; }
table.tablesorter tbody tr, table.zebra-table tbody tr, table.result-table tbody tr { position: relative; }
table.tablesorter tbody tr td, table.zebra-table tbody tr td, table.result-table tbody tr td{ position: relative; }

table.tablesorter thead tr .headerSortUp, table.zebra-table thead tr .headerSortUp, table.result-table thead tr .headerSortUp { background-color: #039EE0 !important; }

table.tablesorter thead tr .headerSortUp:after, table.zebra-table thead tr .headerSortUp:after, table.result-table thead tr .headerSortUp:after { background-image: url(../img/interface/asc.png); }

table.tablesorter thead tr .headerSortDown, table.zebra-table thead tr .headerSortDown, table.result-table thead tr .headerSortDown { background-color: #039EE0 !important; background-color: #039EE0 !important; }

table.tablesorter thead tr .headerSortDown:after, table.zebra-table thead tr .headerSortDown:after, table.result-table thead tr .headerSortDown:after { background-image: url(../img/interface/desc.png); }

table.tablesorter thead tr .headerSortUp, table.zebra-table thead tr .headerSortUp, table.result-table thead tr .headerSortUp { background-color: #039EE0 !important; }

table.tablesorter thead input, table.zebra-table thead input, table.result-table thead input { height: 25px; line-height: 25px; border: 1px solid #373737; background: #373737 !important; color: #FFF; padding: 5px; }

table.tablesorter thead input:active, table.tablesorter thead input:focus, table.zebra-table thead input:active, table.zebra-table thead input:focus, table.result-table thead input:active, table.result-table thead input:focus { background: #FFF !important; color: #1A181C; transition: 0.2s cubic-bezier(1, 0, 0, 1); box-shadow: 0; outline: 0; box-shadow: 0 0 20px rgba(3, 158, 244, 0.7); }

table.tablesorter td a, table.zebra-table td a, table.result-table td a { display: block; position: relative; }
table.tablesorter td a.file-link, table.zebra-table td a.file-link, table.result-table td a.file-link { position: relative; display: inline-block; height: 18px; vertical-align: middle; }
table.tablesorter td a.file-link .table-icon-link, table.zebra-table td a.file-link .table-icon-link, table.result-table td a.file-link .table-icon-link { position: relative;  display: block;  width: 20px;  height: 18px; }
table.tablesorter.page-fixhead-sticky, table.zebra-table.page-fixhead-sticky, table.result-table.page-fixhead-sticky {padding-top: 100px;}
table.tablesorter.page-fixhead-sticky thead, table.zebra-table.page-fixhead-sticky thead, table.result-table.page-fixhead-sticky thead{ position: fixed; top: 100px;}		

.add-line { min-width: 200px; position: relative; }

.add-line:hover .line b span {
  display: block;
  transition: 0.2s;
  animation: tableLineChartNum 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform-origin: 50% 50%;
}

@keyframes tableLineChartNum { 0% { opacity: 0;
    transform: translateX(-5px); }
  100% { opacity: 1; } }

.add-line .line { height: 9px; display: block; width: 100%; min-width: 20%; }

.add-line .line b { display: block; height: 100%; float: left; overflow: visible; position: relative; transition: 0.2s; animation: tableLineChartAnim 0.8s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }

@keyframes tableLineChartAnim { 0% { opacity: 0;
    width: 0; }
  100% { opacity: 1; } }

.add-line .line b span {
  font-size: 10px;
  line-height: 1.1em;
  display: none;
  color: #FFF;
  padding: 2px 4px 3px 5px;
  position: absolute;
  top: auto;
  left: auto;
  right:100%;
  white-space: nowrap;
  border-radius: 2px;
  transform: translate(-95%, 0);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  z-index: 1003 !important;
}

.add-line .line b span:hover { z-index: 10; }

.add-line .line b.type1 { background: #039EE0; width: 30%; }

.add-line .line b.type1 span { background: #039EE0; bottom: 5px; border-radius: 4px 4px 0 4px;}

.add-line .line b.type2 { background: #587D8D; width: 10%; z-index: 2; }

.add-line .line b.type2 span { background: #587D8D; top: 5px; border-radius: 4px 0 4px 4px;}

.add-line .line b.type3 { background: #5262BA; width: 60%; z-index: 3; }

.add-line .line b.type3 span { background: #5262BA; bottom: 5px; border-radius: 4px 4px 0 4px;}

.total, .total-row { background: #092E51 !important; color: #FFF !important; }

.total td, .total-row td { background: #092E51 !important; color: #FFF !important; }

.bolder { font-weight: bold !important; }

.c-cyan .contact-link, .c-red .contact-link, .c-blue .contact-link { font-weight: bold; }

.contact-link { position: relative; color: #0D477F; text-decoration: none; }

.contact-link:hover { font-weight: bold; }

.table-icon-link { display: inline-block; width: 30px; height: 30px; margin-left: 10px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 1; transition: 0.2s; }

.table-icon-link.table-preview { background-image: url(../img/icons/table-buttons/eye-blue.svg); }

.table-icon-link.table-download { background-image: url(../img/icons/table-buttons/pdf-blue.svg); }

.table-icon-link.table-csv {
  background-image: url(../img/icons/table-buttons/csv-blue.svg);
  background-size: 14px;
}

.table-icon-link.table-excel {
  background-image: url(../img/icons/table-buttons/excel-blue.svg);
  background-size: 14px;
}

.table-icon-link.table-pen { background-image: url(../img/icons/table-buttons/pen.svg); }

.table-icon-link.table-remove, .table-icon-link.table-trash { background-image: url(../img/icons/table-buttons/trash.svg); }

.table-icon-link.table-mail { position: absolute; background-image: url(../img/icons/table-buttons/mail-blue.svg); top: -4px; margin-left: 2px; height: 20px; width: 20px; }

.table-icon-link:hover { opacity: 0.7; }

table.cama-results tbody td { padding: 0px 5px 0px 0px !important; }
table.residuals-results tbody td { padding: 0px 2px 0px 2px !important; }
table.invoices-results tbody td { padding: 0px 2px 0px 2px !important; }

.page-fixhead-container { position: fixed; z-index: 20; left: 70px; width: 100%; display: none; overflow: hidden; top: 65px; }

.page-fixhead-container tbody { opacity: 0 !important; }

.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 2px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; right: 2px !important; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }

.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }

.daterangepicker.opensleft:before { right: 9px; }

.daterangepicker.opensleft:after { right: 10px; }

.daterangepicker.openscenter:before, .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.opensright:before { left: 9px; }

.daterangepicker.opensright:after { left: 10px; }

.daterangepicker.drop-up { margin-top: -7px; }

.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; }

.daterangepicker.single .drp-selected { display: none; }

.daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons { display: block; }

.daterangepicker.auto-apply .drp-buttons { display: none; }

.daterangepicker .drp-calendar { display: none; max-width: 270px; }

.daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right { padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table { border: none; }

.daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }

.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; color: #666; }

.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker td.off { background-color: #fff; border-color: transparent; color: #999; }

.daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }

.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }

.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active { background-color: #039EE0; border-color: transparent; color: #fff; }

.daterangepicker td.active:hover { background-color: #039EE0; border-color: transparent; color: #fff; }

.daterangepicker th.month { width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }

.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; }

.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }

.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }

.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; }

.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }

.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }

.daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #ddd; }

.daterangepicker .ranges { float: none; text-align: left; margin: 0; }

.daterangepicker.show-calendar .ranges { margin-top: 8px; }

.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }

.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }

.daterangepicker .ranges li:hover { background-color: #eee; }

.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }

.daterangepicker { width: 530px; right: 0px; top: 40px !important; padding-bottom: 10px; }

.daterangepicker .ranges ul { width: 140px; }

.daterangepicker.single .ranges ul { width: 100%; }

.daterangepicker.single .drp-calendar.left { clear: none; }

.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; }

.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; }

.daterangepicker.ltr { direction: ltr; text-align: left; }

.daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; }

.daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.daterangepicker.ltr .drp-calendar.right { margin-left: 0; }

.daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; }

.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; }

.daterangepicker.rtl { direction: rtl; text-align: right; }

.daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; }

.daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.daterangepicker.rtl .drp-calendar.right { margin-right: 0; }

.daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; }

.daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; }

.video-container { display: block; position: relative; padding: 15px 0 10px; }

.video-container:after { content: ''; display: block; clear: both; }

.video-player { display: none; margin: 10px 0px 30px; background: #000; padding: 0; overflow: hidden; border-radius: 3px; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.4); }

.video-player iframe { width: 100%; height: 506px; margin: 0px 0 -4px; padding: 0px; }

.play-video { position: relative; display: inline-block; padding: 10px; font-size: 12px; font-weight: normal; line-height: 1; text-align: center; text-decoration: none; border: none; cursor: pointer; outline: none; color: #FFF; background: #0D477F; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; user-select: none; float: right; padding: 0px 60px 0px 50px; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); overflow: hidden !important; height: 35px; line-height: 32px; }

.play-video:before { content: ''; display: block; position: absolute; background-image: url(../img/icons/table-buttons/video-white.svg); background-repeat: no-repeat; background-position: 50% 50%; display: block; position: absolute; width: 30px; height: 30px; left: 10px; top: 2px; }

.play-video:after { background: #FFF; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 0s linear; width: 50px; }

.play-video:hover { background: #36BDF6; }

.play-video:hover:after { left: 120%; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.play-video:hover i { background-image: url(../img/icons/white-arrow-bottom.svg); }

.play-video i { display: block; position: absolute; background-image: url(../img/icons/blue-arrow-bottom.svg); background-repeat: no-repeat; width: 20px; height: 10px; top: 14px; left: inherit !important; right: 15px !important; animation: arrowFadeBottom 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; background-color: transparent; }

.play-video.active { background: #039EE0; }

.play-video.active i { background-image: url(../img/icons/white-arrow-bottom.svg); }

.play-video.active i { transform: rotate(180deg); top: 11px; right: 22px !important; }

.accordion-top { display: block; position: relative; height: 50px; }

.accordion-top ul { display: block; position: relative; width: 300px; float: left; }

.accordion-top ul li { display: inline-block; }

.accordion-top ul li button { border: none; font-family: Helvetica, Arial; font-size: 18px; letter-spacing: 0; line-height: 18px; width: 113px; line-height: 50px; height: 50px; margin-right: 5px; background: #5E5E5E; color: #FFF; border-top-right-radius: 4px; border-top-left-radius: 4px; }

.accordion-top ul li button.active { background: #CBD4E2; color: #0D477F; }

.accordion-top .btn { float: right; display: inline-block; background: #0D477F; text-transform: none; padding-left: 15px !important; padding-right: 15px !important; margin-top: 5px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.accordion-top .btn:hover { background: #36BDF6; }

.accordion-content { background: #CBD4E2; }

.accordion-content-block { display: none; padding: 20px 20px; animation: showUserMenu 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showUserMenu { 0% { opacity: 0;
    transform: scale(0.85); }
  100% { transform: translateY(0px); } }

.accordion-content-block.active { display: block; }

.accordion-content-block table { width: 100%; color: #0D477F; display: table; border: none; border-collapse: collapse; }

.accordion-content-block table tr { border-bottom: 2px solid #A3B1C8; }

.accordion-content-block table tr:last-child { border-bottom: none !important; }

.accordion-content-block table td { font-family: Helvetica-Bold, Arial; font-weight: bold; font-size: 14px; color: #0D477F; letter-spacing: 0; line-height: 18px; }

.accordion-content-block table td:first-child { width: 18%; min-width: 180px; }

.flag { display: inline-block; width: 64px; height: 64px; background: url(../img/charts/flags.png) no-repeat; }

.flag.flag-ad { background-position: -64px 0; }

.flag.flag-ae { background-position: -128px 0; }

.flag.flag-af { background-position: -192px 0; }

.flag.flag-ag { background-position: -256px 0; }

.flag.flag-ai { background-position: -320px 0; }

.flag.flag-al { background-position: -384px 0; }

.flag.flag-am { background-position: -448px 0; }

.flag.flag-an { background-position: -512px 0; }

.flag.flag-ao { background-position: -576px 0; }

.flag.flag-ar { background-position: -640px 0; }

.flag.flag-as { background-position: -704px 0; }

.flag.flag-at { background-position: -768px 0; }

.flag.flag-au { background-position: -832px 0; }

.flag.flag-aw { background-position: -896px 0; }

.flag.flag-ax { background-position: -960px 0; }

.flag.flag-az { background-position: 0 -64px; }

.flag.flag-ba { background-position: -64px -64px; }

.flag.flag-bb { background-position: -128px -64px; }

.flag.flag-bd { background-position: -192px -64px; }

.flag.flag-be { background-position: -256px -64px; }

.flag.flag-bf { background-position: -320px -64px; }

.flag.flag-bg { background-position: -384px -64px; }

.flag.flag-bh { background-position: -448px -64px; }

.flag.flag-bi { background-position: -512px -64px; }

.flag.flag-bj { background-position: -576px -64px; }

.flag.flag-bl { background-position: -640px -64px; }

.flag.flag-bm { background-position: -704px -64px; }

.flag.flag-bn { background-position: -768px -64px; }

.flag.flag-bo { background-position: -832px -64px; }

.flag.flag-br { background-position: -896px -64px; }

.flag.flag-bs { background-position: -960px -64px; }

.flag.flag-bt { background-position: 0 -128px; }

.flag.flag-bw { background-position: -64px -128px; }

.flag.flag-by { background-position: -128px -128px; }

.flag.flag-bz { background-position: -192px -128px; }

.flag.flag-ca { background-position: -256px -128px; }

.flag.flag-cd { background-position: -320px -128px; }

.flag.flag-cf { background-position: -384px -128px; }

.flag.flag-cg { background-position: -448px -128px; }

.flag.flag-ch { background-position: -512px -128px; }

.flag.flag-ci { background-position: -576px -128px; }

.flag.flag-ck { background-position: -640px -128px; }

.flag.flag-cl { background-position: -704px -128px; }

.flag.flag-cm { background-position: -768px -128px; }

.flag.flag-cn { background-position: -832px -128px; }

.flag.flag-co { background-position: -896px -128px; }

.flag.flag-cr { background-position: -960px -128px; }

.flag.flag-cu { background-position: 0 -192px; }

.flag.flag-cv { background-position: -64px -192px; }

.flag.flag-cw { background-position: -128px -192px; }

.flag.flag-cy { background-position: -192px -192px; }

.flag.flag-cz { background-position: -256px -192px; }

.flag.flag-de { background-position: -320px -192px; }

.flag.flag-dj { background-position: -384px -192px; }

.flag.flag-dk { background-position: -448px -192px; }

.flag.flag-dm { background-position: -512px -192px; }

.flag.flag-do { background-position: -576px -192px; }

.flag.flag-dz { background-position: -640px -192px; }

.flag.flag-ec { background-position: -704px -192px; }

.flag.flag-ee { background-position: -768px -192px; }

.flag.flag-eg { background-position: -832px -192px; }

.flag.flag-eh { background-position: -896px -192px; }

.flag.flag-er { background-position: -960px -192px; }

.flag.flag-es { background-position: 0 -256px; }

.flag.flag-et { background-position: -64px -256px; }

.flag.flag-eu { background-position: -128px -256px; }

.flag.flag-fi { background-position: -192px -256px; }

.flag.flag-fj { background-position: -256px -256px; }

.flag.flag-fk { background-position: -320px -256px; }

.flag.flag-fm { background-position: -384px -256px; }

.flag.flag-fo { background-position: -448px -256px; }

.flag.flag-fr { background-position: -512px -256px; }

.flag.flag-ga { background-position: -576px -256px; }

.flag.flag-gb { background-position: -640px -256px; }

.flag.flag-gd { background-position: -704px -256px; }

.flag.flag-ge { background-position: -768px -256px; }

.flag.flag-gg { background-position: -832px -256px; }

.flag.flag-gh { background-position: -896px -256px; }

.flag.flag-gi { background-position: -960px -256px; }

.flag.flag-gl { background-position: 0 -320px; }

.flag.flag-gm { background-position: -64px -320px; }

.flag.flag-gn { background-position: -128px -320px; }

.flag.flag-gq { background-position: -192px -320px; }

.flag.flag-gr { background-position: -256px -320px; }

.flag.flag-gs { background-position: -320px -320px; }

.flag.flag-gt { background-position: -384px -320px; }

.flag.flag-gu { background-position: -448px -320px; }

.flag.flag-gw { background-position: -512px -320px; }

.flag.flag-gy { background-position: -576px -320px; }

.flag.flag-hk { background-position: -640px -320px; }

.flag.flag-hn { background-position: -704px -320px; }

.flag.flag-hr { background-position: -768px -320px; }

.flag.flag-ht { background-position: -832px -320px; }

.flag.flag-hu { background-position: -896px -320px; }

.flag.flag-ic { background-position: -960px -320px; }

.flag.flag-id { background-position: 0 -384px; }

.flag.flag-ie { background-position: -64px -384px; }

.flag.flag-il { background-position: -128px -384px; }

.flag.flag-im { background-position: -192px -384px; }

.flag.flag-in { background-position: -256px -384px; }

.flag.flag-iq { background-position: -320px -384px; }

.flag.flag-ir { background-position: -384px -384px; }

.flag.flag-is { background-position: -448px -384px; }

.flag.flag-it { background-position: -512px -384px; }

.flag.flag-je { background-position: -576px -384px; }

.flag.flag-jm { background-position: -640px -384px; }

.flag.flag-jo { background-position: -704px -384px; }

.flag.flag-jp { background-position: -768px -384px; }

.flag.flag-ke { background-position: -832px -384px; }

.flag.flag-kg { background-position: -896px -384px; }

.flag.flag-kh { background-position: -960px -384px; }

.flag.flag-ki { background-position: 0 -448px; }

.flag.flag-km { background-position: -64px -448px; }

.flag.flag-kn { background-position: -128px -448px; }

.flag.flag-kp { background-position: -192px -448px; }

.flag.flag-kr { background-position: -256px -448px; }

.flag.flag-kw { background-position: -320px -448px; }

.flag.flag-ky { background-position: -384px -448px; }

.flag.flag-kz { background-position: -448px -448px; }

.flag.flag-la { background-position: -512px -448px; }

.flag.flag-lb { background-position: -576px -448px; }

.flag.flag-lc { background-position: -640px -448px; }

.flag.flag-li { background-position: -704px -448px; }

.flag.flag-lk { background-position: -768px -448px; }

.flag.flag-lr { background-position: -832px -448px; }

.flag.flag-ls { background-position: -896px -448px; }

.flag.flag-lt { background-position: -960px -448px; }

.flag.flag-lu { background-position: 0 -512px; }

.flag.flag-lv { background-position: -64px -512px; }

.flag.flag-ly { background-position: -128px -512px; }

.flag.flag-ma { background-position: -192px -512px; }

.flag.flag-mc { background-position: -256px -512px; }

.flag.flag-md { background-position: -320px -512px; }

.flag.flag-me { background-position: -384px -512px; }

.flag.flag-mf { background-position: -448px -512px; }

.flag.flag-mg { background-position: -512px -512px; }

.flag.flag-mh { background-position: -576px -512px; }

.flag.flag-mk { background-position: -640px -512px; }

.flag.flag-ml { background-position: -704px -512px; }

.flag.flag-mm { background-position: -768px -512px; }

.flag.flag-mn { background-position: -832px -512px; }

.flag.flag-mo { background-position: -896px -512px; }

.flag.flag-mp { background-position: -960px -512px; }

.flag.flag-mq { background-position: 0 -576px; }

.flag.flag-mr { background-position: -64px -576px; }

.flag.flag-ms { background-position: -128px -576px; }

.flag.flag-mt { background-position: -192px -576px; }

.flag.flag-mu { background-position: -256px -576px; }

.flag.flag-mv { background-position: -320px -576px; }

.flag.flag-mw { background-position: -384px -576px; }

.flag.flag-mx { background-position: -448px -576px; }

.flag.flag-my { background-position: -512px -576px; }

.flag.flag-mz { background-position: -576px -576px; }

.flag.flag-na { background-position: -640px -576px; }

.flag.flag-nc { background-position: -704px -576px; }

.flag.flag-ne { background-position: -768px -576px; }

.flag.flag-nf { background-position: -832px -576px; }

.flag.flag-ng { background-position: -896px -576px; }

.flag.flag-ni { background-position: -960px -576px; }

.flag.flag-nl { background-position: 0 -640px; }

.flag.flag-no { background-position: -64px -640px; }

.flag.flag-np { background-position: -128px -640px; }

.flag.flag-nr { background-position: -192px -640px; }

.flag.flag-nu { background-position: -256px -640px; }

.flag.flag-nz { background-position: -320px -640px; }

.flag.flag-om { background-position: -384px -640px; }

.flag.flag-pa { background-position: -448px -640px; }

.flag.flag-pe { background-position: -512px -640px; }

.flag.flag-pf { background-position: -576px -640px; }

.flag.flag-pg { background-position: -640px -640px; }

.flag.flag-ph { background-position: -704px -640px; }

.flag.flag-pk { background-position: -768px -640px; }

.flag.flag-pl { background-position: -832px -640px; }

.flag.flag-pn { background-position: -896px -640px; }

.flag.flag-pr { background-position: -960px -640px; }

.flag.flag-ps { background-position: 0 -704px; }

.flag.flag-pt { background-position: -64px -704px; }

.flag.flag-pw { background-position: -128px -704px; }

.flag.flag-py { background-position: -192px -704px; }

.flag.flag-qa { background-position: -256px -704px; }

.flag.flag-ro { background-position: -320px -704px; }

.flag.flag-rs { background-position: -384px -704px; }

.flag.flag-ru { background-position: -448px -704px; }

.flag.flag-rw { background-position: -512px -704px; }

.flag.flag-sa { background-position: -576px -704px; }

.flag.flag-sb { background-position: -640px -704px; }

.flag.flag-sc { background-position: -704px -704px; }

.flag.flag-sd { background-position: -768px -704px; }

.flag.flag-se { background-position: -832px -704px; }

.flag.flag-sg { background-position: -896px -704px; }

.flag.flag-sh { background-position: -960px -704px; }

.flag.flag-si { background-position: 0 -768px; }

.flag.flag-sk { background-position: -64px -768px; }

.flag.flag-sl { background-position: -128px -768px; }

.flag.flag-sm { background-position: -192px -768px; }

.flag.flag-sn { background-position: -256px -768px; }

.flag.flag-so { background-position: -320px -768px; }

.flag.flag-sr { background-position: -384px -768px; }

.flag.flag-ss { background-position: -448px -768px; }

.flag.flag-st { background-position: -512px -768px; }

.flag.flag-sv { background-position: -576px -768px; }

.flag.flag-sy { background-position: -640px -768px; }

.flag.flag-sz { background-position: -704px -768px; }

.flag.flag-tc { background-position: -768px -768px; }

.flag.flag-td { background-position: -832px -768px; }

.flag.flag-tf { background-position: -896px -768px; }

.flag.flag-tg { background-position: -960px -768px; }

.flag.flag-th { background-position: 0 -832px; }

.flag.flag-tj { background-position: -64px -832px; }

.flag.flag-tk { background-position: -128px -832px; }

.flag.flag-tl { background-position: -192px -832px; }

.flag.flag-tm { background-position: -256px -832px; }

.flag.flag-tn { background-position: -320px -832px; }

.flag.flag-to { background-position: -384px -832px; }

.flag.flag-tr { background-position: -448px -832px; }

.flag.flag-tt { background-position: -512px -832px; }

.flag.flag-tv { background-position: -576px -832px; }

.flag.flag-tw { background-position: -640px -832px; }

.flag.flag-tz { background-position: -704px -832px; }

.flag.flag-ua { background-position: -768px -832px; }

.flag.flag-ug { background-position: -832px -832px; }

.flag.flag-us { background-position: -896px -832px; }

.flag.flag-uy { background-position: -960px -832px; }

.flag.flag-uz { background-position: 0 -896px; }

.flag.flag-va { background-position: -64px -896px; }

.flag.flag-vc { background-position: -128px -896px; }

.flag.flag-ve { background-position: -192px -896px; }

.flag.flag-vg { background-position: -256px -896px; }

.flag.flag-vi { background-position: -320px -896px; }

.flag.flag-vn { background-position: -384px -896px; }

.flag.flag-vu { background-position: -448px -896px; }

.flag.flag-wf { background-position: -512px -896px; }

.flag.flag-ws { background-position: -576px -896px; }

.flag.flag-ye { background-position: -640px -896px; }

.flag.flag-yt { background-position: -704px -896px; }

.flag.flag-za { background-position: -768px -896px; }

.flag.flag-zm { background-position: -832px -896px; }

.flag.flag-zw { background-position: -896px -896px; }

#receipts-chartdiv { width: 100%; min-height: 400px; font-family: Helvetica, Arial !important; margin-top: 65px; }

#receipts-chartdiv text { font-family: Helvetica, Arial !important; }

.receipts-chart-nav { position: absolute; right: 20px; top: -30px; z-index: 20; }

.receipts-chart-nav ul { border: 1px solid #039EE0; border-radius: 2px; line-height: 25px; height: 25px; }

.receipts-chart-nav ul li { display: inline-block; }

.receipts-chart-nav ul li:last-child a { border: none !important; }

.receipts-chart-nav ul li a { transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); border-right: 1px solid #039EE0; display: block; width: 100px; color: #039EE0; text-decoration: none; text-align: center; line-height: 25px; height: 25px; font-size: 12px; margin: 0; padding: 0; overflow: hidden; position: relative; }

.receipts-chart-nav ul li a.active { pointer-events: none; }

.receipts-chart-nav ul li a.active, .receipts-chart-nav ul li a:hover { color: #FFF; background: #039EE0; }

#map-chart { width: 500px; height: 375px; position: relative; margin: 10px auto 10px auto }

#map-chart .map-tip { bottom: 10px; left: 10px; height: 100px; width: 117px; position: absolute; z-index: 10; background: url(../img/charts/map-tip.png); background-repeat: no-repeat; background-size: auto 100%; pointer-events: none; }

#map-chart-div { width: 550px; height: 380px; }

#map-chart-div g { cursor: pointer; }

.google-visualization-tooltip { display: none !important; opacity: 0 !important; }

body .unsold-distributor { cursor: pointer; display: block; width: 250px; padding: 0px; margin: 0px; text-align: left; background: transparent; border: none; position: absolute; z-index: 5; }

body .unsold-distributor-container { margin-top: 8px; display: none; }

body .unsold-distributor-container:before { content: ''; position: absolute; top: -5px; left: 10px; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #092E51 transparent; }

body .unsold-distributor table.zebra-table tr th, body .unsold-distributor table.zebra-table tr td { line-height: 20px !important; padding: 5px 5px 5px 10px !important; }

.map-box { background: #373737; vertical-align: top; width: 100%; box-sizing: border-box; margin-top: 30px; padding: 20px 30px 20px 30px; animation: showMapBox 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showMapBox { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.map-box-top { position: relative; }

.map-box-top h3 { margin: 0; line-height: 40px; height: 40px; font-family: Helvetica, Arial; font-size: 16px; color: #FFF; letter-spacing: 0; }

.map-box-top h3 .flag-circle { position: relative; left: 0px; top: 0px; border-radius: 100%; height: 38px; width: 38px; overflow: hidden; float: left; display: inline-block; margin-right: 20px; }

.map-box-top h3 .flag-circle b { position: absolute; top: -12.7px; left: -13px; }

.map-box .all { position: absolute; right: 0px; color: #039EE0; font-size: 12px; text-align: right; }

.map-box-list .mg { display: block; text-align: right; opacity: 0.49; font-family: Helvetica; font-size: 10px; color: #FFF; text-align: right; }

.map-box-list ul { display: block; position: relative; margin: 2px 0 0 0; }

.map-box-list ul li { position: relative; display: block; width: 100%; height: 25px; margin: 0 0 5px 0; }

.map-box-list ul li .title { font-family: Helvetica, Arial; font-size: 14px; color: #FFF; letter-spacing: 0; line-height: 18px; }

.map-box-list ul li .tag { display: block; background: #039EE0; color: #FFF; padding: 2px 10px; text-transform: uppercase; font-family: Helvetica-Bold, Arial; font-size: 13px; text-align: left; display: inline-block; position: relative; width: auto; margin: 0; float: right; }

.unsold-first-column { padding: 20px 0 0 0; }

.unsold-bottom-top { display: flex; position: relative; height: 50px; margin-top: 30px; width: 155%;}

.unsold-bottom-top .expand-btn { position: relative; display: inline-block; font-size: 12px; font-weight: normal; line-height: 1; text-align: center; text-decoration: none; border: none; cursor: pointer; outline: none; color: #FFF; background: #0D477F; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; user-select: none; padding: 0px 60px 0px 15px; transition: 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); overflow: hidden !important; height: 37px; line-height: 32px; }

.unsold-bottom-top .expand-btn:after { background: #FFF; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 0s linear; width: 50px; }

.unsold-bottom-top .expand-btn:hover { background: #36BDF6; }

.unsold-bottom-top .expand-btn:hover:after { left: 120%; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.unsold-bottom-top .expand-btn:hover i { background-image: url(../img/icons/white-arrow-bottom.svg); }

.unsold-bottom-top .expand-btn i { display: block; position: absolute; background-image: url(../img/icons/blue-arrow-bottom.svg); background-repeat: no-repeat; width: 20px; height: 10px; top: 14px; left: inherit !important; right: 15px !important; animation: arrowFadeBottom 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; background-color: transparent; }

.unsold-bottom-top .expand-btn.active { background: #039EE0; }

.unsold-bottom-top .expand-btn.active i { background-image: url(../img/icons/white-arrow-bottom.svg); }

.unsold-bottom-top .expand-btn.active i { transform: rotate(180deg); top: 11px; right: 22px !important; }

.unsold-bottom-top .table-links { position: absolute; right: 0px; top: 0px !important;}

.dropdown-unsold { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; margin-bottom: 2px; cursor: pointer; }

.dropdown-unsold label { position: relative; display: block; line-height: 3em; transition: background 0.3s; cursor: pointer; background: #373737; cursor: pointer; }

.dropdown-unsold label b.region { background: #092E51; display: block; position: relative; padding: 0 18px 0 12px; }

.dropdown-unsold label span.count { display: block; position: relative; padding: 0 18px 0 12px; }

.dropdown-unsold label:after { content: ""; position: absolute; display: block; background-image: url(../img/icons/blue-arrow-bottom.svg); background-repeat: no-repeat; width: 20px; height: 10px; top: 15px; right: 20px; animation: arrowFadeBottom 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

@keyframes arrowFadeBottom { 0% { opacity: 0;
    margin-top: -4px; }
  100% { opacity: 2; } }

.dropdown-unsold.active label { color: rgba(255, 255, 255, 0.5) !important; }

.dropdown-unsold.active label b { color: rgba(255, 255, 255, 0.7) !important; }

.dropdown-unsold input { display: none; }

.dropdown-unsold input:checked ~ label:after { transform: rotate(-180deg); top: 15px; right: 27px; animation: arrowFadeTop 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

@keyframes arrowFadeTop { 0% { opacity: 0;
    margin-top: 4px; }
  100% { opacity: 2; } }

.dropdown-unsold input:checked ~ ul.submenu { max-height: 4000px; transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.dropdown-unsold ul.submenu { max-height: 0; padding: 0; overflow: hidden; list-style-type: none; background: #444; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); position: relative; min-width: 100%; overflow: hidden; }

.dropdown-unsold ul.submenu li { color: #0D477F; }

.dropdown-unsold ul.submenu li:nth-child(2n) { background: rgba(255, 255, 255, 0.1); }

.dropdown-unsold ul.submenu li { cursor:default; width: 100%; display: block; padding: 5px 0px 5px 15px; background: transparent; border: none; text-align: left; color: #ddd; text-decoration: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.5) inset; transition: background .15s; white-space: nowrap; font-size: 13px; box-sizing: border-box; }

.dropdown-unsold ul.submenu li.selected { background: #36BDF6; color: #FFF; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2) inset; }

.dropdown-unsold ul.submenu li.selected:after { content: 'x'; display: inline-block; float: right; color: #1A181C; font-weight: bold; opacity: 0.8; }

.dropdown-unsold ul.submenu li.selected:after:hover { color: #DC3545; }

.dropdown-unsold ul.submenu li.selected:hover { background: #DC3545 !important; }

.unsold-bottom .column-6 { width: 49.6%; }

.unsold-bottom .column-6 + .column-6 { margin-left: 0.7%; }

@media (max-width: 1400px) { .unsold-bottom .column-6 { width: 100% !important; margin: 0 !important; } }

.active-bank { z-index: 10 !important; }

.bank-info, .mg-info { position: relative; cursor: pointer; transition: 0.1s; }

.bank-info.active, .mg-info.active { font-weight: bold; }

.bank-info:hover, .mg-info:hover { color: #039EE0; }

.bank-popup, .mg-popup { display: none; position: absolute; top: 0px; background: #FFF; border-radius: 3px; z-index: 1000; padding: 10px 10px; border: 1px solid #BCD4E4; box-shadow: 0 2px 1px 0 rgba(194, 207, 222, 0.52); border-radius: 4px; animation: bankInfoPopup 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 0% 0%; }

@keyframes bankInfoPopup { 0% { opacity: 0;
    transform: scale(0.7); }
  100% { transform: translateY(0px); } }

.bank-popup:before, .mg-popup:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #FFF transparent; position: absolute; top: -8px; }

.bank-popup:after {
  content:'';
  position: absolute;
  top: 100%;
  left: 8px;
  right: 0;
  width: 0;
  height: 0;
  border-top: solid 8px white;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}

.hide-before:before, .hide-after:after {
  display: none;
}

.bank-popup .close, .mg-popup .close { position: absolute; right: -10px; top: -10px; background-image: url(../img/icons/bank-popup-close.svg); background-repeat: no-repeat; border: none; height: 25px; width: 25px; background-color: transparent; background-position: 50% 50%; transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.bank-popup .close:hover, .mg-popup .close:hover { transform: scale(1.2); }

.bank-popup table, .mg-popup table { width: 500px; color: #039EE0; border-collapse: collapse; }

.bank-popup table thead tr, .mg-popup table thead tr { border-bottom: 1px solid #039EE0; }

.bank-popup table thead tr td, .mg-popup table thead tr td { color: #039EE0 !important; border-bottom: 1px solid #039EE0; }

.bank-popup table tr, .mg-popup table tr { border-bottom: 1px solid #BCD4E4; }

.bank-popup table tr:last-child, .mg-popup table tr:last-child { border-bottom: 1px solid transparent !important; }

.bank-popup table tr td, .mg-popup table tr td { padding: 4px 2px 4px 2px; background: #FFF !important; font-family: Helvetica, Arial; font-size: 12px; color: #3C88B5; letter-spacing: 0.25px; text-align: left; line-height: 15px; }

.bank-popup table tr td:first-child, .mg-popup table tr td:first-child { text-transform: uppercase; }

.mg-popup { transform-origin: 50% 0% !important; }

.mg-popup table td { color: #7C7878 !important; font-size: 11px !important; }

.mg-popup:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #FFF transparent; position: absolute; top: -8px; left: 50%; margin-left: -20px; }

.home-top { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 215px; z-index: 10; background: linear-gradient(to bottom, #1a181c 0%, #1a181c 95%, rgba(26, 24, 28, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a181c', endColorstr='#001a181c',GradientType=0 ); animation: showMovieBlockTop 0.13s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showMovieBlockTop {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}

.home-top-fix {
  position: fixed;
  z-index: 10;
  width: calc(100% - 80px);
}

.home-top .block {
  display: inline-block;
  margin-right: 20px;
  margin-left: 20px;
  flex: 1;
  flex-grow: 3;
  box-sizing: border-box;
  padding-top: 5px;
}

.home-top .block .scrollbox-rail, .home-top .block .scrollbox-bar { margin-top: 30px; }

.home-top .block h3 {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial;
  font-size: 16px;
  color: #FFF;
  letter-spacing: 0.4px;
  text-align: left;
  text-transform: uppercase;
}
.home-top .block h3 a {
  text-decoration: none;
  color: #FFF;
  transition: 0.2s;
}
.home-top .block h3 a:hover {
  color: #36BDF6;
}
@media (max-width: 1200px) {
  .home-top {
    height: auto;
  }
  .home-top .block {
    min-width: 45% !important;
    flex: 2;
    height: 215px;
    margin-bottom: 25px;
  }
}
.home-top tbody tr {
  cursor: pointer;
}
.home-top--last-visited {
  display: block;
  overflow: hidden;
  height: 225px;
}
.home-top--last-visited:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 40px;
  background: -moz-linear-gradient(left, rgba(26, 24, 28, 0) 0%, rgba(26, 24, 28, 0) 1%, #1a181c 100%);
  background: -webkit-linear-gradient(left, rgba(26, 24, 28, 0) 0%, rgba(26, 24, 28, 0) 1%, #1a181c 100%);
  background: linear-gradient(to right, rgba(26, 24, 28, 0) 0%, rgba(26, 24, 28, 0) 1%, #1a181c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001a181c", endColorstr="#1a181c",GradientType=1 );
}
.home-top--last-visited .last-visited-list {
  white-space: nowrap;
  transition: 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-right: 220px;
}
.home-top--last-visited .last-visited-box {
  display: inline-block;
  background-color: #373737;
  padding: 10px 0 15px 10px;
  height: 150px;
  margin: 5px 15px 0 0;
  width: 200px;
  overflow: hidden;
  position: relative;
}
.home-top--last-visited .last-visited-box.empty {
  opacity: 0.6;
  pointer-events: none;
}
.home-top--last-visited .last-visited-box.empty .last-box-date {
  background: rgba(220, 220, 220, 0.1);
  width: 100px;
  height: 17px;
  display: block;
  position: relative;
}
.home-top--last-visited .last-visited-box.empty h4 {
  background: rgba(220, 220, 220, 0.1);
  width: 170px;
  height: 30px;
  margin-bottom: 13px;
  display: block;
  position: relative;
}
.home-top--last-visited .last-visited-box.empty .title-1 {
  background: rgba(170, 170, 170, 0.1);
  width: 100px;
  height: 15px;
  margin-left: 70px;
  margin-bottom: 5px;
}
.home-top--last-visited .last-visited-box.empty .title-2 {
  display: block;
  width: 100px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.home-top--last-visited .last-visited-box.empty .title-2 span {
  background: rgba(170, 170, 170, 0.1);
  width: 100px !important;
  padding: 0px !important;
  height: 15px;
  display: block;
  position: relative;
  margin-bottom: 5px;
}
.home-top--last-visited .last-visited-box.empty .title-2 span.last-box-prizes {
  background: rgba(170, 170, 170, 0.1);
}
.home-top--last-visited .last-visited-box.empty .poster {
  background: rgba(200, 200, 200, 0.1);
}
.home-top--last-visited .last-visited-box.empty:before {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0px;
  height: 120px;
  width: 140%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1a181c 55%, #1a181c 100%);
  pointer-events: none;
  z-index: 20;
}
.home-top--last-visited .last-visited-box a {
  text-decoration: none;
}
.home-top--last-visited .last-visited-box:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 30px;
  background: -moz-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0.8) 85%, #373737 100%);
  background: -webkit-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0.8) 85%, #373737 100%);
  background: linear-gradient(to right, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0.8) 85%, #373737 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001a181c", endColorstr="#1a181c",GradientType=1 );
  pointer-events: none;
}
.home-top--last-visited .last-visited-box .last-box-date {
  color: #039EE0;
  font-family: Helvetica, Arial;
  font-size: 12px;
  text-align: left;
}
.home-top--last-visited .last-visited-box h4 {
  font-family: Helvetica-Bold, Arial;
  font-size: 16px;
  color: #FFF;
  letter-spacing: 0;
  text-align: left;
  line-height: 18px;
  margin: 5px 15px 5px 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  height: 40px;
  display: block;
  position: relative;
}
.home-top--last-visited .last-visited-box h4 a {
  color: #FFF;
  text-decoration: none;
}
.home-top--last-visited .last-visited-box h4 a:hover {
  color: #36BDF6;
}
.home-top--last-visited .last-visited-box h4:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  height: 10px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #373737 70%, #373737 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #373737 70%, #373737 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #373737 70%, #373737 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#1a181c",GradientType=0 );
}
.home-top--last-visited .last-visited-box .last-box-bottom {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding-left: 70px;
}
.home-top--last-visited .last-visited-box .last-box-bottom .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 88px;
  margin-right: 10px;
  display: block;
  float: left;
  clear: none;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-1 {
  font-family: Helvetica, Arial;
  font-size: 12px;
  color: #A8ADBC;
  text-align: left;
  display: block;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 {
  text-transform: uppercase;
  font-family: Helvetica-Bold, Arial;
  font-size: 14px;
  color: #039EE0;
  text-align: left;
  display: inline-block;
  position: relative;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 span {
  display: block;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 .last-box-prizes {
  display: inline-block;
  background: #039EE0;
  color: #FFF;
  padding: 2px 5px;
  font-size: 12px;
  width: 92px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  margin-right: 2px;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 .tags {
  cursor: pointer;
  position: relative;
  display: block;
  float: left;
  white-space: nowrap;
  width: auto;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 .tags.scroll-tags {
  animation: tagScrollAnim 13s linear infinite;
  transform-origin: 0 0;
}
.home-top--last-visited .last-visited-box .last-box-bottom .title-2 .tags.scroll-tags:hover {
  animation-play-state: paused;
}
.home-top--last-visited .nav {
  position: absolute;
  bottom: 0px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  z-index: 10;
  background: #646D76;
  border: none;
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
  overflow: hidden;
}
.home-top--last-visited .nav.inactive, .home-top--last-visited .nav.disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
  filter: grayscale(100%) !important;
  background-color: #373737 !important;
}
.home-top--last-visited .nav.active {
  background-color: #039EE0;
}
.home-top--last-visited .nav:hover {
  background-color: #36BDF6;
}
.home-top--last-visited .nav-prev {
  right: 40px;
  background-image: url(../img/icons/arrow-left.svg);
  background-position: 46% 50%;
}
.home-top--last-visited .nav-next {
  right: 0px;
  background-image: url(../img/icons/arrow-right.svg);
}
.home-top--most-recent {
  flex-grow: 4 !important;
  height: 225px;
}
.home-top--most-recent .scroll {
  height: 180px;
  padding-right: 2px;
}
.home-top--statements {
  height: 225px;
}
.home-top--statements .head {
  position: sticky;
}
.home-top--statements .state {
  width: 49%;
  display: inline-block;
}
.home-top--statements .state.right {
  float: right;
}
.home-top--statements .scroll {
  height: 180px;
  padding-right: 2px;
}

.home-movies { display: block; width: 100%; padding-top: 30px; padding-bottom: 50px; }

.home-movies--container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 20px; padding-right: 20px; }

.home-movies--container .movie { display: block; -ms-flex-preferred-size: 16.6%; flex-basis: 16.6%; box-sizing: border-box; height: calc( 100vw/5 + 35px); position: relative; perspective: 1500px; perspective-origin: 50% 50%; transform-style: preserve-3d; background: #1A181C; border: none; animation: showMovieBLock 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showMovieBLock { 0% { opacity: 0;
    transform: scale(0.9) translateY(20px); }
  100% { transform: translateY(0px); } }

.home-movies--container .movie:nth-child(1) { animation-delay: 0.15s; }

.home-movies--container .movie:nth-child(2) { animation-delay: 0.2s; }

.home-movies--container .movie:nth-child(3) { animation-delay: 0.25s; }

.home-movies--container .movie:nth-child(4) { animation-delay: 0.3s; }

.home-movies--container .movie:nth-child(5) { animation-delay: 0.35s; }

.home-movies--container .movie:nth-child(6) { animation-delay: 0.4s; }

.home-movies--container .movie:nth-child(7) { animation-delay: 0.45s; }

.home-movies--container .movie:nth-child(8) { animation-delay: 0.5s; }

.home-movies--container .movie:nth-child(9) { animation-delay: 0.55s; }

.home-movies--container .movie:nth-child(10) { animation-delay: 0.6s; }

.home-movies--container .movie:nth-child(11) { animation-delay: 0.65s; }

.home-movies--container .movie:nth-child(12) { animation-delay: 0.7s; }

.home-movies--container .movie:nth-child(13) { animation-delay: 0.75s; }

.home-movies--container .movie:nth-child(14) { animation-delay: 0.8s; }

.home-movies--container .movie:nth-child(15) { animation-delay: 0.85s; }

.home-movies--container .movie:nth-child(16) { animation-delay: 0.9s; }

.home-movies--container .movie:nth-child(17) { animation-delay: 0.95s; }

.home-movies--container .movie:nth-child(18) { animation-delay: 1s; }

.home-movies--container .movie:nth-child(19) { animation-delay: 1.05s; }

.home-movies--container .movie:nth-child(20) { animation-delay: 1.1s; }

.home-movies--container .movie:hover button.star { background-image: url(../img/icons/star-inactive.png); animation: showInactiveStar 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; top: -3px; right: -2px; transition: 0.4s; }

@keyframes showInactiveStar { 0% { opacity: 0;
    transform: scale(0.6) rotate(270deg); }
  100% { transform: translateY(0px); } }

.home-movies--container .movie:hover button.star.active { animation: none !important; }

.home-movies--container .movie:hover button.star.active:hover { animation: starHoverAnim 0.2s 0.1s cubic-bezier(1, 0, 0, 1) both !important; }

.home-movies--container .movie button.star { transition: 0.4s; content: ''; position: absolute; z-index: 20; right: 4px; top: 0px; width: 35px; height: 35px; display: block; background-repeat: no-repeat; background-position: 50% 50%; border: none; background-color: transparent; transform-origin: 50% 50%; transition: 0.1s cubic-bezier(1, 0, 0, 1); }

.home-movies--container .movie button.star.active { background-image: url(../img/icons/star-active.png); }

.home-movies--container .movie button.star.active:hover { opacity: 0.85; animation: none !important; }

.home-movies--container .movie button.star:hover { background-image: url(../img/icons/star-active.png); opacity: 0.85; animation: starHoverAnim 0.2s 0.1s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

@keyframes starHoverAnim { 0% { transform: rotate(-360deg); }
  100% { transform: rotate(0deg); } }

@media (min-width: 1500px) { .home-movies--container .movie { -ms-flex-preferred-size: 14.2%; flex-basis: 14.2%; height: calc( 100vw/5 - 12px); } }

@media (max-width: 1200px) { .home-movies--container .movie { -ms-flex-preferred-size: 25%; flex-basis: 25%; height: calc( 1200px /5 + 140px); } }

.home-movies--container .movie:hover { box-shadow: none; z-index: 10; }

.home-movies--container .movie:hover .poster { transform: scale(0.8); transition: 0.32s; opacity: 0; }

.home-movies--container .movie:hover .movie--block--menu { display: block !important; }

.home-movies--container .movie--block { display: block; height: 100%; width: 100%; }

.home-movies--container .movie--block--menu { display: none; background: #0D477F; min-height: 108%; width: 110%; top: -2.5%; left: -5%; z-index: 2; position: absolute; box-shadow: 2px 2px 15px rgba(20, 20, 20, 0.7); animation: showMovieMenu 0.34s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; min-width: 200px; }

@keyframes showMovieMenu { 0% { opacity: 0.5;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.home-movies--container .movie--block--menu li { display: block; }

.home-movies--container .movie--block--menu .title { padding: 10px 0px 10px 15px; font-family: Helvetica-Bold, Arial; font-size: 16px; color: #FFF; letter-spacing: 0.5px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.home-movies--container .movie--block--menu .title a { color: #FFF; text-decoration: none; }

.home-movies--container .movie--block--menu .title:before { content: ''; float: right; height: 40px; width: 60px; margin-left: 5px; margin-bottom: 5px; }

.home-movies--container .movie--block--menu .link { height: 42px; line-height: 42px; border-bottom: 1px solid  #1F93FF; }

.home-movies--container .movie--block--menu .link:last-child { border-bottom: none; }

.home-movies--container .movie--block--menu .link a { text-decoration: none; font-family: Helvetica-Bold, Arial; font-size: 12px; color: rgba(255, 255, 255, 0.75); text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); display: block; transition: 0.2s cubic-bezier(1, 0, 0, 1); padding: 0 0 0 15px; opacity: 0.63; }

.home-movies--container .movie--block--menu .link a i { display: inline-block; width: 25px; height: 40px; margin-right: 15px; float: left; background-repeat: no-repeat; background-position: 50% 35% !important; }

.home-movies--container .movie--block--menu .link a i.cama { background-image: url(../img/icons/movie-menu/cama.svg); }

.home-movies--container .movie--block--menu .link a i.cgr-reports { background-image: url(../img/icons/movie-menu/cgr-reports.svg); }

.home-movies--container .movie--block--menu .link a i.receipts { background-image: url(../img/icons/movie-menu/receipts.svg); }

.home-movies--container .movie--block--menu .link a i.outstanding { background-image: url(../img/icons/movie-menu/outstanding.svg); }

.home-movies--container .movie--block--menu .link a i.das { background-image: url(../img/icons/movie-menu/das.svg); }

.home-movies--container .movie--block--menu .link a i.collection { background-image: url(../img/icons/movie-menu/collection.svg); }

.home-movies--container .movie--block--menu .link a i.bankdetails { background-image: url(../img/icons/movie-menu/bankdetails.svg); }

.home-movies--container .movie--block--menu .link a i.charts { background-position: 50% 35% !important; background-image: url(../img/icons/movie-menu/charts.svg); }

.home-movies--container .movie--block--menu .link a:hover { opacity: 1; color: #fff; background-color: #092E51; }

.home-movies--container .movie--block .poster { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; transition: 0.2s; background-color: #1A181C; box-shadow: 0px 0px 0px #1A181C inset; background-image: url(../img/movies/poster-ipsum.jpg); }

.home-movies--container .movie.hover--ending { transition: 0.4s; }

.home-movies--container--last-visited { display: block; }

.details-header { padding: 50px 40px 20px 40px; }

.details-header-cover { height: calc( 100vw/4 + 70px); max-height: 400px; max-width: 285px; background-color: #1A181C; margin-left: 0 !important; }

.details-header-cover .bg { width: 100%; height: 100%; display: block; background-position: 50% 0% !important; background-repeat: no-repeat !important; max-height: 395px; min-height: 360px; max-width: 290px; background-color: #1A181C; background-image: url(../img/movies/poster-ipsum.jpg); }

@media (min-width: 1200px) { .details-header-cover .bg { background-size: 100% !important; } }

@media (max-width: 1200px) { .details-header-cover .bg { background-position: 0% 0% !important; background-size: 100% auto !important; } }

.details-header-cover button.star { content: ''; position: absolute; z-index: 20; right: 10px; top: 25px; width: 35px; height: 35px; display: block; background-repeat: no-repeat; background-position: 50% 50%; border: none; background-color: transparent; transform-origin: 50% 50%; transition: 0.1s cubic-bezier(1, 0, 0, 1); background-image: url(../img/icons/star-active.png); opacity: 0.8; filter: grayscale(80%); }

.details-header-cover button.star.active { background-image: url(../img/icons/star-active.png); filter: grayscale(0%); opacity: 1; }

.details-header-cover button.star.active:hover { opacity: 0.85; animation: none !important; }

.details-header-cover button.star:hover { background-image: url(../img/icons/star-active.png); opacity: 0.85; animation: starHoverAnim 0.2s 0.1s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; filter: grayscale(0%); }

@keyframes starHoverAnim { 0% { transform: rotate(-360deg); }
  100% { transform: rotate(0deg); } }

.details-header-badge { position: absolute; top: 25px; left: -15px; background: #039EE0; display: block; min-width: 100px; color: #FFF; padding: 10px 15px; line-height: 1.3em; }

.details-header-badge .details-header-title { color: #0D477F; display: block; }

.details-header-center { max-height: 400px; position: relative; }

@media (max-width: 1150px) { .details-header-center { width: 74.6% !important; max-height: inherit !important; } }

.details-header-center .row { position: relative; }

.details-header-center .group { display: inline-block; background: #2E6298; color: #FFF; margin-bottom: 10px; position: relative; padding: 2px 20px; font-size: 12px; }

.details-header-center .shadow-bottom:after { bottom: -10px; height: 25px; }

.details-header-center-content { height: calc( 100vw/4 - 30px); max-height: 225px; width: 53%; display: block; position: relative; }

@media (max-width: 1290px) { .details-header-center-content { width: calc(100% - 280px); } }

@media (max-width: 1150px) { .details-header-center-content { width: 100%; height: auto; padding-bottom: 30px; } }

.details-header-center-content:after { content: ''; position: absolute; bottom: -8px; left: 0px; height: 20px; width: calc(100% - 7px); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1a181c 55%, #1a181c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a181c',GradientType=0 ); pointer-events: none; }

.details-header-center-content h3 { margin-bottom: 10px; }

.details-header-center-content .scroll { height: calc(100% - 75px); padding: 0; }

.details-header-center-content .scroll p { margin: 0; padding: 0; }

.details-header-center-card { min-height: 200px; min-width: 260px; float: right; }

@media (max-width: 1150px) { .details-header-center-card { width: 100%; min-height: auto; padding-bottom: 30px !important; } }

.details-header-center-card .card-box { display: table; background: #373737; height: 109px; vertical-align: top; width: 100%; box-sizing: border-box; }

.details-header-center-card .card-box-photo { display: table-cell; width: 73px; height: 109px; flaot: left; top: 0px; left: 0px; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat; vertical-align: top; }

.details-header-center-card .card-box-txt { float: left; display: table-cell; width: auto; padding-left: 30px; padding-top: 18px; padding-bottom: 15px; padding-right: 10px; vertical-align: top; }

.details-header-center-card .card-box-txt .name { font-family: Helvetica; font-size: 12px; color: #FFF; text-align: left; display: block; }

.details-header-center-card .card-box-txt .title { font-family: Helvetica; font-size: 12px; color: #A8ADBC; text-align: left; display: block; position: relative; margin-top: -2px; margin-bottom: 5px; }

.details-header-center-list .scroll { max-height: 115px; }

.details-header-center-list .scroll .table-dark { margin-bottom: 5px; }

@media (max-width: 1200px) { .details-header-center-list { margin-top: 5px; } }

.details-header-links { float: right; margin-top: -32px; height: 63px; }

@media (min-width: 1400px) { .details-header-links { width: calc(100% - (49.2% + 290px + 3.2%)); } }

.details-header-links .arrow-link { position: relative; display: inline-block; border-color: #039EE0; border-style: solid; border-width: 0; height: 30px; line-height: 30px; padding: 0px; color: #039EE0; font-size: 12px; text-decoration: none; padding: 0px 10px 0px 10px; font-family: Helvetica-Bold, Arial; font-size: 12px; letter-spacing: 0.6px; text-align: center; min-width: 80px; max-width: 35%; }

.details-header-links .arrow-link:after, .details-header-links .arrow-link:after { position: absolute; box-sizing: border-box; content: ""; width: 23.5px; height: 23.5px; top: 50%; position: absolute; top: 0px; }

.details-header-links .arrow-link-prev { border-width: 2px 2px 2px 0; margin-left: 15px; }

.details-header-links .arrow-link-prev:after { transform: rotate(-45deg); border-top: 2px solid #039EE0; border-left: 2px solid #039EE0; left: -12px; top: 3px; }

.details-header-links .arrow-link-prev span { margin-left: -25px; }

.details-header-links .arrow-link-next { border-width: 2px 0px 2px 2px; margin-right: 15px; float: right; }

.details-header-links .arrow-link-next:after { transform: rotate(45deg); border-top: 2px solid #039EE0; border-right: 2px solid #039EE0; right: -11px; top: 2.6px; }

.details-header-links .arrow-link-next span { margin-left: -12px; }

.details-header-links .arrow-link b { display: block; position: relative; z-index: 2; white-space: nowrap; }

.details-header-links .arrow-link span { opacity: 0.65; font-family: Helvetica, Arial; font-size: 10px; color: #FFF; letter-spacing: 0.5px; text-align: center; margin-top: -2px; position: relative; display: block; white-space: nowrap; width: calc(100% + 40px); overflow: hidden; text-overflow: ellipsis; }

.details-header-links .arrow-link:hover, .details-header-links .arrow-link:hover:after { background: #36BDF6; border-color: #36BDF6; color: #FFF; }

.details-header-stats { float: right; max-width: 300px; background: #373737; }

@media (max-width: 1150px) { .details-header-stats { width: 74.6% !important; max-width: inherit !important; max-height: inherit !important; margin-top: 30px; } }

.details-header-stats .stats-border { overflow: hidden; display: block; border: 1px solid #979797; background: #2F2F2F; margin: 15px 15px; min-height: 50px; padding: 15px 10px; text-align: center; }

.details-header-stats .stats-border h4 { font-family: Helvetica-Bold, Arial; font-weight: bold; font-size: 12px; color: #1F93FF; text-align: center; text-transform: uppercase; margin: 13px auto 3px auto; position: relative; line-height: 1.2em; padding-bottom: 10px; }

.details-header-stats .stats-border h4:first-child { margin: 0px auto 3px auto; }

.details-header-stats .stats-border h4:hover { z-index: 10; }

.details-header-stats .stats-border h4:hover .tooltip { display: block; }

.details-header-stats .stats-border h4 .tooltip { width: 300px; text-transform: none; color: #FFF; position: absolute; width: 124%; bottom: -60px; left: 50%; margin-left: -62%; background: #373737; border-radius: 5px; border: 1px solid #979797; display: none; animation: showTitleTooltip 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; min-width: 200px; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.7); }

.details-header-stats .stats-border h4 .tooltip:parent { border: 1px solid red; cursor: pointer; }

.details-header-stats .stats-border h4 .tooltip:after { position: absolute; content: ""; width: 10px; height: 10px; top: -6px; left: 50%; margin-left: -7.5px; border-width: 2px 2px 2px 0; transform: rotate(45deg); border-top: 1px solid #979797; border-left: 1px solid #979797; background: #373737; }

@keyframes showTitleTooltip { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { transform: translateY(0px); } }

.details-header-stats .stats-border h4 .tooltip-container { padding: 10px 15px; text-align: left; }

.details-header-stats .stats-border .txt { color: #FFF; font-family: Helvetica, Arial; font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 18px; display: block; margin-top: -11px; }

.details-header-stats .stats-border a { margin: 20px auto 0px auto; display: inline-block; position: relative; }

.details-header-stats .stats-border .tags {
    text-align: left; white-space: nowrap; overflow: hidden; margin-left: -10px; margin-right: -10px; position: relative;
    display: block;
    float: left;
    white-space: nowrap;
    width: auto;
}

.details-header-stats .stats-border .tags span {
  display: inline-block; background: #039EE0; color: #FFF; padding: 2px 10px; text-transform: uppercase; font-family: Helvetica-Bold, Arial;
  font-size: 13px; text-align: left; position: relative; width: auto; margin: 0 5px 0 0;

}

.details-header-stats .stats-border .tags.scroll-tags {
  animation: tagScrollAnim 13s linear infinite;
  transform-origin: 0 0;
}
.details-header-stats .stats-border .tags.scroll-tags:hover {
  animation-play-state: paused;
}

@keyframes tagScrollAnim {
  0% {
    left: 100%;
    transform: translateX(0);
  }
  100% {
    left: 0;
    transform: translateX(-100%);
  }
}

@keyframes hoverScrollAnim {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media (min-width: 1400px) { .details-header-stats { width: calc(100% - (49.2% + 290px + 3.2%)); } }

@media (max-width: 1050px) { .details-header-stats { width: 74.6% !important; } }

@media (min-width: 1450px) { .details-header-center { width: calc(100% - (350px + 340px)); }
  .details-header-links, .details-header-stats { width: 350px; max-width: 350px; margin-left: 0 !important; } }

@media (max-width: 1180px) { .details-header-links { width: 100%; margin-top: 0px; margin-bottom: 20px; } }

.details-content { margin: 30px 40px 40px 40px; color: #FFF; background: #2F2F2F; padding: 0; }

.details-content-top { margin: 0; padding: 0 40px; height: 50px; line-height: 50px; background: #373737; }

.details-content-top ul { display: table; width: 100%; border-collapse: collapse; }

.details-content-top ul li { display: table-cell; min-width: 80px; }

.details-content-top ul li button, .details-content-top ul li a { display: block; line-height: 48px; height: 48px; height: 50px; width: 100%; background: transparent; border: none; opacity: 0.65; font-family: Helvetica, Arial; font-size: 14px; color: #FFF; text-align: center; padding-left: 25px; transition: 0.1s; overflow: hidden; position: relative; }

.details-content-top ul li button i, .details-content-top ul li a i { display: block; width: 20px; height: 40px; background-repeat: no-repeat; background-position: 50% 20% !important; margin-left: 2px; margin-top: -5px; float: left; }

.details-content-top ul li button i.cama, .details-content-top ul li a i.cama { background-image: url(../img/icons/movie-menu/cama.svg); }

.details-content-top ul li button i.cgr-reports, .details-content-top ul li button i.cgr, .details-content-top ul li a i.cgr-reports, .details-content-top ul li a i.cgr { background-image: url(../img/icons/movie-menu/cgr-reports.svg); }

.details-content-top ul li button i.receipts, .details-content-top ul li a i.receipts { background-image: url(../img/icons/movie-menu/receipts.svg); }

.details-content-top ul li button i.outstanding, .details-content-top ul li a i.outstanding { background-image: url(../img/icons/movie-menu/outstanding.svg); }

.details-content-top ul li button i.das, .details-content-top ul li a i.das { background-image: url(../img/icons/movie-menu/das.svg); }

.details-content-top ul li button i.collection, .details-content-top ul li button i.statements, .details-content-top ul li a i.collection, .details-content-top ul li a i.statements { background-image: url(../img/icons/movie-menu/collection.svg); }

.details-content-top ul li button i.bankdetails, .details-content-top ul li a i.bankdetails { background-image: url(../img/icons/movie-menu/bankdetails.svg); margin-top: 10px; }

.details-content-top ul li button i.unsold, .details-content-top ul li a i.unsold { top: 40px; width: 30px; background-position: 70% 85% !important; background-image: url(../img/icons/movie-menu/unsold.svg); }

.details-content-top ul li button i.charts, .details-content-top ul li a i.charts { background-position: 50% 35% !important; background-image: url(../img/icons/movie-menu/charts.svg); }

.details-content-top ul li button.active, .details-content-top ul li a.active { border-bottom: 3px solid #FFF; opacity: 1; }

.details-content-top ul li button:hover, .details-content-top ul li a:hover { opacity: 1; border-bottom: 3px solid #36BDF6; transition: 0.3s; }

.details-content-page { display: none; position: relative; min-height: 300px; animation: showDetailsPage 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; overflow: hidden; }

@keyframes showDetailsPage { 0% { opacity: 0;
    transform: scale(0.9) translateY(0px); }
  100% { transform: translateY(0px); } }

.details-content-page:after { content: ''; clear: both; display: block; width: 100%; height: 100%; }

.details-content-page-header { min-height: 50px; padding: 15px 30px 0px 30px; }

.details-content-page-header h2, .details-content-page-header h3, .details-content-page-header h4 { width: 40%; float: left; }

.details-content-page-header h4 { font-family: Helvetica, Arial; font-size: 16px; text-transform: uppercase; color: #FFF; }

.details-content-page-header h4 span.blue { color: #039EE0; display: inline-block; margin-right: 20px; position: relative; }

.details-content-page-header [data-dropdown] { text-transform: uppercase; position: relative; width: 120px; cursor: pointer; }

.details-content-page-header [data-dropdown]:after { content: ""; position: absolute; display: block; background-image: url(../img/icons/blue-arrow-bottom.svg); background-repeat: no-repeat; width: 20px; height: 10px; top: 10px; right: 20px; animation: arrowFadeBottom 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

.details-content-page-header [data-dropdown].active:after { transform: rotate(-180deg); top: 8px; right: 27px; animation: arrowFadeTop 0.4s cubic-bezier(1, 0, 0, 1) both !important; transform-origin: 50% 50%; }

.details-content-page-header .table-links { width: 70%; float: right; margin-top: 15px; position: absolute; right: 40px; top: 0p; }

.details-content-page-header .cgr-receipts-table-links {
  width: 70%;
  float: right;
  margin-top: 15px;
  position: absolute;
  right: 40px; top: 0p;
  flex-wrap: wrap;
}

.details-content-page-section { min-height: 70px; padding: 20px 35px 15px 35px; display: block; position: relative; }

.details-content-page-section #pdf { display: block; width: 100%; min-height: 800px; margin: 0px auto 50px auto; }

.details-content-page-section .tablesorter thead tr .header, .details-content-page-section .tablesorter thead tr th { background: #092E51; }

.details-content-page-section .zebra-table thead { background: #092E51; }

.details-content-page-section .zebra-table thead th.header, .details-content-page-section .zebra-table thead th.line-link { line-height: 20px; padding-top: 8px !important; padding-bottom: 8px !important; background: #092E51; font-size: 12px !important; }

.details-content-page-section .zebra-table thead th.header:after, .details-content-page-section .zebra-table thead th.line-link:after { margin-top: 2px !important; }

.details-content-page-section .zebra-table tbody td { line-height: 20px; padding-top: 8px !important; padding-bottom: 8px !important; }

[data-dropdown-block] { display: none; min-height: 130px; padding-top: 0px; }

[data-dropdown-block].active { display: block; animation: showDropdownFilter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; transform-origin: 50% 50%; }

@keyframes showDropdownFilter { 0% { opacity: 0;
    transform: scale(0.9) translateY(0px); }
  100% { transform: translateY(0px); } }

[data-active="cgr"] [data-page="cgr"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="cgr"] #cgr-page, [data-active="cgr"] .cgr-show { display: block; }

[data-active="receipts"] [data-page="receipts"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="receipts"] #receipts-page, [data-active="receipts"] .receipts-show { display: block; }

[data-active="outstanding"] [data-page="outstanding"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="outstanding"] #outstanding-page, [data-active="outstanding"] .outstanding-show { display: block; }

[data-active="das"] [data-page="das"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="das"] #das-page, [data-active="das"] .das-show { display: block; }

[data-active="unsold"] [data-page="unsold"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="unsold"] #unsold-page, [data-active="unsold"] .unsold-show { display: block; }

[data-active="statements"] [data-page="statements"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="statements"] #statements-page, [data-active="statements"] .statements-show { display: block; }

[data-active="bankdetails"] [data-page="bankdetails"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="bankdetails"] #bankdetails-page, [data-active="bankdetails"] .bankdetails-show { display: block; }

[data-active="comments"] [data-page="comments"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="comments"] #comments-page, [data-active="comments"] .comments-show { display: block; }

[data-active="invoices"] [data-page="invoices"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="invoices"] #invoices-page, [data-active="invoices"] .invoices-show { display: block; }

[data-active="cama-talents"] [data-page="cama-talents"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="cama-talents"] #cama-talents-page, [data-active="cama-talents"] .cama-talents-show { display: block; }

[data-active="fwp-docs"] [data-page="fwp-docs"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="fwp-docs"] #fwp-docs-page, [data-active="fwp-docs"] .fwp-docs-show { display: block; }

[data-active="cama"] [data-page="cama"] { opacity: 1; border-bottom: 3px solid #FFF; }

[data-active="cama"] #cama-page, [data-active="cama"] .cama-show { display: block; }

#cgr-page .details-content-page-section { padding: 20px 10px 15px 10px; }

#cgr-page .table-content { padding: 20px 20px 15px 20px; overflow-y: auto; }

#receipts-page .details-content-page-chart { display: block; position: relative; margin: 30px 40px 20px 40px; background: #2F2F2F; }

#receipts-page .details-content-page-header { padding: 0px 60px 0px 60px; }

#receipts-page .zebra-table tr { width: 20%; }

#outstanding-page .details-content-page-header { padding: 10px 40px 10px 40px !important; }

#outstanding-page .line-chart { min-width: 400px; }

#das-page .details-content-page-header { padding: 10px 40px 10px 40px !important; }

#das-page .line-chart { min-width: 200px; max-width: 300px; }

#statements-page .details-content-page-section { max-width: 900px; margin: 30px auto 25px auto; }

#bankdetails-page .details-content-page-section { margin: 40px auto 40px auto; padding: 0px 50px 50px 50px; }

#bankdetails-page td { line-height: 20px; padding-top: 8px !important; padding-bottom: 8px !important; }

#cama-page .details-content-page-header { padding-bottom: 15px; }

.manage-group { padding: 50px 40px 50px 40px; min-height: 170px; z-index: 2; }

.manage-group .form { width: 500px; }

.note { opacity: 0.65; font-family: Helvetica-Bold, Arial; font-size: 10px; color: #FFFFFF; letter-spacing: 0.29px; text-align: right; display: block; font-style: italic; }

.edit-group { padding: 50px 40px 50px 40px; min-height: 170px; z-index: 2; }

.edit-group .filter-line { padding: 0px; min-height: 95px; }

.edit-group .filter-line h4 { padding-left: 0px; }

body table.edit-group-table th { padding: 10px 5px 10px 5px !important; }

body table.edit-group-table th:first-child { padding-left: 20px !important; }

body table.edit-group-table td { padding: 4px 5px 4px 5px !important; }

body table.edit-group-table td:first-child { padding-left: 20px !important; }

body table.edit-group-table td span { font-size: 11px; line-height: 14px !important; display: block; }

body table.edit-group-table .th-title-group { min-width: 250px; }

body table.edit-group-table .th-title { min-width: 200px; }

body table.edit-group-table .th-link { min-width: 50px; }

body table.edit-group-table .table-icon-link { background-color: #373737; }

.user-password { padding: 50px 40px 50px 40px; min-height: 170px; z-index: 2; }

.user-password .form { width: 500px; }

.user-password .form .btn { float: left; margin-right: 10px; }

/*# sourceMappingURL=maps/app.css.map */
.fixhead {
  position: fixed !important;
  top: 65px;
  margin-left: 20px;
  width: 100%;
  text-align: left;
  display: none;
  border: none;
  border-collapse: collapse;
  margin-bottom: 10px;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0;
  z-index: 9999;
}
.fixhead .fixth {
  display: inline-block;
  overflow: hidden;
  height: 48px;
  box-sizing: border-box;
  border-collapse: collapse;
  padding: 4px 0 4px 5px;
  color: #FFF;
  font-family: Helvetica, Arial;
  font-size: 12px;
  line-height: 46px;
  font-weight: bold;
  letter-spacing: 0.34px;
  text-align: left;
  position: relative;
  background-color: #092E51 !important;
  white-space: normal;
  vertical-align: middle;
}
.fixhead .fixth * {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  line-height: 13px;
  text-align: left;
  vertical-align: middle;
}
.fixhead .fixth a {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  vertical-align: middle;
}
.fixhead .fixth a:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 15px;
  margin-left: 4px;
  top: 2px;
  background-image: url(../img/interface/bg.png);
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  background-size: 100% auto;
}
.fixhead .fixth.text-right {
  padding-left: 5px !important;
}
.fixhead .fixth:first-child {
  padding-left: 30px !important;
}
.fixhead .fixth:last-child {
  padding-right: 15px !important;
}
.fixhead .fixth .headerSortUp {
  background-color: #092E51 !important;
}
.fixhead .fixth .headerSortUp:after {
  background-image: url(../img/interface/asc.png);
}
.fixhead .fixth .headerSortDown {
  background-color: #092E51 !important;
}
.fixhead .fixth .headerSortDown:after {
  background-image: url(../img/interface/desc.png);
}
.iframe-content .fixhead {
  top: 0px !important;
  margin-left: 35px !important;
}
.select2-container .select2-search__field {
  width: 100% !important;
}

.statement-filter-file .radio-menu {
  width: 200px;
}

.statement-filter-file-block {
  width: 200px;
}

.iframe-cama-da-links {
  width: auto;
  right: 10px;
  position: absolute;
  top: 30px;
  z-index: 100;
}

.cama-da-file-upload-button-div {
  position: absolute;
  left: 0px;
}

.cama-upload-document {
  font-size: 24px !important;
}

.cama-cgr-file-upload-button-div {
  position: absolute;
  right: 0px;
}

#uploadIcon svg {
  fill: #fff !important;
}

.companies-involved-button-div {
  padding-top: 0px;
}

#show-companies-involved {
  padding: 0px 20px 0px 20px;
}

.unreported-prize:hover {
  cursor: pointer;

}

.cama-new-cgr-button {
  text-align: center !important;
}

.cama-new-cgr-button .button {
  padding: 0px 10px 0 10px !important;
}

.cama-new-cgr-num-div {
  display: flex !important;
  justify-content: center !important;
}

.cama-new-cgr-num-div a {
    margin: 0px !important;
}

.cama-new-cgr-button button {
  background: none;
  border: none;
  padding: 0;
  overflow: hidden;
  outline: none;
  margin-left: 20px;
  border-bottom: 0px !important;
}

#unsold-map-main-div {
  display: flex;
  justify-content: space-between;
  height: 550px;
}

.unsold-map-first-div {
  width: 20%;
}

.unsold-map-third-div {
  width: 35%;
}

#unsold-map-list-div {
  overflow: auto;
  height: 80%; 
}

#unsold-map-list-div::-webkit-scrollbar {
  width: 10px;
}

#unsold-map-list-div::-webkit-scrollbar-track {
  background: #373737;
}

#unsold-map-list-div::-webkit-scrollbar-thumb {
  background-color: #039EE0;
  border-radius: 5px;
}

#unsold-map-list-div::-webkit-scrollbar-thumb:hover {
  background-color: #36BDF6;
}

.unsold-map-second-div {
  top: 45px;
  width: 45%;
}

#unsold-map-top-buttons {
  position: relative;
  min-width: 290px;
  padding-left: 20px;
  z-index: 110;
}

#unsold-map-top-buttons a.page-link {
  margin-top: 0px !important;
}