@font-face {
    font-family: MyriadPro;
    src: url("/static/fonts/MyriadPro-Regular.otf") format("opentype");
}
@font-face {
    font-family: GeometricBlack;
    src: url("/static/fonts/ufonts.com_geometric-415-black-bt.ttf") format('truetype');
  }
  
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #fff;
}
main {
  flex: 1 0 auto;
}
.solution-by-container {
    height: 90px;
}
.solution-by {
    display: inline-flex;
    align-items: center;
}
.solution-by .site-link {
    margin-left: 5px;
}
.solution-by .footer-logo {
    width: 140px;
}
.contact-n-lang {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.right-col {
    opacity: 0;
    padding: 0px!important;
    background: url(/static/img/FOND.svg) center 60px no-repeat;
    z-index: 0;
    position: relative;
}
/*.login-background-main {
    background: url('/static/img/FOND.svg') center top 70% no-repeat;
}*/
.tab-content-container {
    background-color: #ffffff;
    /*padding: 20px;*/
}
.dark-anr .tab-content-container {
    background-color: #1f292e;
    color: #e8e8e8;
}
.tab-content {
    padding: 30px;
}
.bottom-title {
    font-weight: bold;
    font-size: 2rem;
    padding-top: 20px;
    color: #2f4963;
}
.dark-anr .bottom-title {
    color: #e8e8e8;
}
.bottom-btns {
    display: flex;
    justify-content: space-between;
    margin: 30px 10px 15px;
}
form input {
    background-color: #fff!important;
    text-indent: 5px;
}
::placeholder {
    font-style: italic;
    color: #888;
}
html {
    font-family: MyriadPro;
}
input, textarea {
    color: black;
}
.login-logo {
    width: 100%;
    height: 137px;
    margin: 40px 0;
}
.color-blue-link-login {
    color: #93d8e3;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    .login-logo {
        width: 90%;
    }
}
.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
  color: #e91e63;
}
.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
  border-bottom: 2px solid #e91e63;
  box-shadow: none;
}
.tabs {
    background-color: transparent;
}
.tabs .indicator {
    background-color: #ff671f;
}
.left-col-container {
    background-image: linear-gradient(#8898a5, #50595f);
    padding: 40px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 4px rgba(0, 0, 0, 0.19);
    height: 700px;
    /*border-bottom: 1px solid #3d454a;*/
    color: #ffffff;
}
.login-container {
    padding: 10px 20px 20px 20px;
    height: calc(100% - 112px);
}
.login-container h4 {
    margin-bottom: 0px;
}
.sub-line {
    width: 80px;
    height: 5px;
    background-color: #ffffff;
    margin-bottom: 20px;
}
.demo-sentence {
    border-color: #e8e8e8;
    border-width: 5px;
    border-style: solid;
    padding: 16px 0.75em 0.625em;
}
.demo-sentence span {
    font-size: 1.3rem;
}
.white-link {
    color: #ffffff;
}
.slogan-container {
    padding: 45px 0 25px;
    /*color: #fff;*/
    /*background-image: linear-gradient(#8797a4, #808f9b);*/
}
/*.dark-anr .slogan-container {
    background-image: linear-gradient(#4c5a65, #434f59);
}*/
/*@media only screen and (max-width: 992px) {
    .slogan-container {
        background-color: #505960;
        border-top: 2px solid #fefefe;
        background-image: unset;
    }
    .dark-anr .slogan-container {
        background-color: #101315;
        background-image: unset;
    }
}*/
.slogan {
    display: inline-block;
    /*background-color: #2d4b62;*/ /* OLD */
    /*background-color: #7a8086;*/
    color: #35536f;
    border-radius: 24px;
    padding: 0px 10px;
    margin: 0px 20px;
    /*background-color: #d1d4d6;
    border-radius: 23px;
    padding: 10px 16px 3px;*/
    font-size: 2.3rem;
    font-weight: bold;
    /*text-transform: uppercase;*/
}
.dark-anr .slogan {
    color: #ffffff;
}
/*.slogan-sub-line {
    width: 300px;
    height: 4px;
    background-color: #ff671f;
    margin-top: -10px;
}*/
.slogan::before {
    content: '';
    /* display: inline-block; */
    height: 4px;
    background-color: #ff671f;
    /* margin-top: -10px; */
    position: absolute;
    width: 300px;
    top: 90px;
}
.carousel-item-title, .carousel-item-text, .fake-tab {
    color: #3f6085;
}
.dark-anr .carousel-item-title,
.dark-anr .carousel-item-text,
.dark-anr .fake-tab {
    color: #ffffff;
}
.slogan-product-name {
    font-family: GeometricBlack;
    font-weight: normal;
    text-transform: none;
}
.tabs a {
    color: rgba(52, 52, 52, 1)!important;
}
.dark-anr .tabs a {
    color: #e8e8e8!important;
}

.btn:hover:before {
    opacity: 0!important;
}
.btn {
    background-color: #ff671f!important;
}
.btn:hover:not(.red):not(.disabled),
.btn-floating:not(.disabled):hover,
.keyboard-focused .btn:focus,
.keyboard-focused .btn-floating:focus {
    background-color: #2d4b62!important;
}
.btn-flat:focus {
    background-color: #fff!important;
}
.dark-anr .btn-flat:focus {
    background-color: #1f292e!important;
}
.btn-flat.prev-btn:focus,
.btn-flat.next-btn:focus {
    background-color: #d1d4d6!important;
}
.keyboard-focused .btn-flat:focus {
    background-color: #fdf0f0!important;
}
.dark-anr.keyboard-focused .btn-flat:focus {
    background-color: #4a4549!important;
}
.left-hr {
    -webkit-transition: width 1s ease-out;
    -webkit-transition-delay: 2s;
    transition: width 1s ease-out;
    transition-delay: 2s;
    width: 10%;
}
.large-hr {
    width: 60%;
}
@media only screen and (max-width: 992px) {
    body {
        overflow: auto;
    }
    .top-right-first-row {
        margin-bottom : 0px!important;
        margin-top: 20px!important;
    }
    .top-right-card-content {
        margin : 10px!important;
    }
    .right-col {
        margin: 0;
    }
    .tabs-container {
        z-index: 1;
        background-color: #ffffff;
        border-bottom: 1px solid black;
    }
    .dark-anr .tabs-container {
        background-color: #1f292e;
        border-bottom: 1px solid #e8e8e8;
    }
    .tabs .tab a.active,
    .tabs .tab a:focus {
        background-color: transparent!important;
    }
    .keyboard-focused .tabs .tab a.active:focus,
    .keyboard-focused .tabs .tab a:focus {
        background-color: rgba(246,178,181,0.2)!important;
    }
    .carousel-item {
        /*background-size: 100%!important;
        background-position: center top 35%!important;*/
        background-size: 150%!important;
        background-position: center top 50%!important;
    }
    .carousel {
        margin: 0px!important;
    }
    .carousel-fixed-item.with-indicators {
        display: none!important;
    }
    .carousel-item-title {
        font-size: 1.6rem;
    }
    .sub-line-orange {
        margin-top: -5px;
    }
    .carousel-item-text {
        font-size: 1.2rem;
    }
    .carousel-item.is-right .carousel-item-texts-container {
        margin-right: 3%;
    }
    .carousel-item.is-left .carousel-item-texts-container {
        margin-left: 3%;
    }
    .carousel-item.is-right .carousel-item-texts-container-hidden {
        right: 3%;
    }
    .carousel-item.is-left .carousel-item-texts-container-hidden {
        left: 3%;
    }
    .blockquote-full {
        font-size: 1rem;
    }
    .blockquote-full .sign .more {
        margin: 2px 0 0 5px;
    }
    .blockquote-full .sign .more i {
        font-size: 1.1rem!important;
    }
    .bottom-btns {
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 992px) {
    .top-right-first-row {
        margin: 70px 40px 0!important;
    }
    .top-right-second-row {
        margin: 0 40px 0!important;
    }
    .top-right-card-content-right {
        float: right;
    }
    .carousel-item-title {
        font-size: 2.2rem;
    }
    .carousel-item-text {
        font-size: 1.6rem;
    }
    .sub-line-orange {
        margin-top: -6px;
    }
    .left-col {
        overflow: auto;
        height: 100vh;
    }
    .right-col {
        margin: 0px;
    }
    .tabs-container {
        /*padding: 40px;*/
        padding: 20px 40px 20px;
    }
    .tabs {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }
    .tabs .indicator {
        display: none;
    }
    .fake-tab {
        /*color: #2f4963!important;*/ /* OLD */
    }
    .dark-anr .fake-tab {
        color: #e8e8e8!important;
    }
    .tabs a {
        color: #2f4963!important;
    }
    .dark-anr .tabs a {
        color: #1f292e!important;
    }
    .fake-li-tab {
        display: inline-block;
        text-align: center;
        line-height: 48px;
        height: 48px;
        padding: 0;
        margin: 0;
    }
    .fake-tab {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .prev-btn, .next-btn {
        display: flex;
        align-items: center;
        visibility: visible;
        background-color: #d1d4d6;
        border-radius: 20px;
        font-size: 25px;
        /*height: 35px!important;
        line-height: 42px!important;*/
        font-weight: bold;
        font-family: 'MyriadPro';
        color: #2f4963;
    }
    .dark-anr .prev-btn, .dark-anr .next-btn {
        color: #1f292e;
    }
    .prev-btn {
        padding: 0 13px 0 7px;
    }
    .next-btn {
        padding: 0 7px 0 13px;
    }
    .prev-btn i {
        transform: rotate(180deg);
    }
    .prev-btn i, .next-btn i {
        font-size: 30px;
    }
    .prev-btn span, .next-btn span {
        height: 30px;
    }
    .tabs > li:not(.indicator) span,
    .tabs > li:not(.indicator) a {
        /*font-size: 31px;*/
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .tabs > li:not(.indicator) {
        height: 35px!important;
        line-height: 42px!important;
        margin-bottom: 5px;
    }

    .tabs .tab a.active,
    .tabs .tab a:hover,
    .tabs .tab a:focus.active {
        background-color: #ff671f!important;
        color: #fff!important;
    }
    .tabs .tab a {
        border-radius: 15px;
        padding: 0 7px;
    }
    .tabs .tab a,
    .tabs .tab a:focus {
       background-color: #d1d4d6;
    }
    body.keyboard-focused .tabs .tab a:focus {
        opacity: 0.8;
    }
    .tabs .tab {
        margin: 0 4px;
    }
    .scrollable {
        overflow: auto;
    }
    /*.tabs-container::after {
        content: '';
        display: block;
        width: 50%;
        margin: auto;
        border-top: 1px solid black;
    }*/
    /*.dark-anr .scrollable::before {
        border-top: 1px solid #e8e8e8;
    }*/
    .tab-content-container::before {
        content: '';
        display: block;
        /* position: absolute; */
        /* top: 0; */
        width: 50%;
        /* left: 25%; */
        margin: auto;
        /*border-top: 1px solid black;*/
        border-top: 2px solid #4b6a8d;
    }
    .dark-anr .tab-content-container::before {
        border-top: 1px solid #e8e8e8;
    }
    .carousel-container {
        width: 100%;
    }
    .carousel-container-fixed {
        position: fixed;
        width: 73%;
        z-index: -2;
        background: url(/static/img/FOND.svg) center top 70% no-repeat;
        display: flex;
        justify-content: center;
    }
    .carousel {
        width: 97%;
    }
    .carousel-item.is-right .carousel-item-texts-container {
        margin-right: 10%;
    }
    .carousel-item.is-left .carousel-item-texts-container {
        margin-left: 10%;
    }
    .carousel-item.is-right .carousel-item-texts-container-hidden {
        right: 10%;
    }
    .carousel-item.is-left .carousel-item-texts-container-hidden {
        left: 10%;
    }
    .blockquote-full {
        font-size: 1.3rem;
    }
    .blockquote-full .sign .more {
        margin: 0px 0 0 5px;
    }
    /*.tab-content-container {
        border-top: 2px solid black;
    }
    .dark-anr .tab-content-container {
        border-top: 2px solid #e8e8e8;
    }*/
}
.top-right-card-content {
    background-color: #2e4a62;
    margin: 20px;
    min-height: 150px;
    max-width: 400px;
}
.text-align-right {
    text-align : right;
}
.text-align-left {
    text-align : left;
}
.carousel {
    margin: 0 10px;
}
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.carousel-fixed-item .btn-flat {
    margin-top: 70px;
}
.carousel-fixed-bottom-arrow {
    text-align: center;
    width: 100%;
}
.down-arrow {
    background-color: #fff!important;
    /*margin-top: -66px;*/
    margin-top: -20px;
    padding: 0;
    width: 88px;
    transition: width 0.8s ease;
}
.down-arrow-hidden {
    transition: unset;
    width: 0px;
    pointer-events: none;
}
.down-arrow div {
    height: 36px;
    opacity: 1;
    transform: rotate(90deg);
    margin-top: 0px;
    transition: opacity 0.8s ease 1s, margin-top 0.6s ease 1s;
}
.down-arrow.down-arrow-hidden div {
    transition: unset;
    opacity: 0;
    margin-top: -60px;
}
.dark-anr .down-arrow {
    background-color: #1f292e!important;
}
.down-arrow i {
    color: #f1652d!important;
    /*font-size: 88px;*/
    font-size: 45px;
    /*line-height: 35px;*/
}
.carousel .indicators .indicator-item {
    background-color: rgba(0,0,0,0.5);
}
.carousel .indicators {
    bottom: 70px;
}
.carousel .indicators .indicator-item.active {
    background-color: #000;
}
.carousel-fixed-item .btn-flat i {
    color: rgba(0, 0, 0, 0.6);
    font-size: 5rem;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
}
.carousel-fixed-item .btn-flat i:hover {
    color: #000;
}
.dark-anr .carousel-fixed-item .btn-flat i,
.dark-anr .carousel-fixed-item .btn-flat i:hover {
    color: #fff;
}
.carousel-item {
    flex-direction: column;
    display: flex;
    justify-content: space-around;
    /*color: #2f4963;*/ /* OLD */
    background-repeat: no-repeat;
    text-shadow: -2px 0 5px white, 0 2px 5px white, 2px 0 5px white, 0 -2px 5px white;
    font-weight: bold;
    background-size: auto 80%;/*66%;*/
    transition: opacity 0.8s ease;
}
.carousel-item:not(.active) {
    opacity: 0!important;
}
.carousel-item-texts-meta-container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.carousel-item-title-container {
    padding: 20px 20px 0;
    width: 100%;
    text-align: center;
}
.carousel-item-title {
    display: inline-block;
    text-align: left;
    font-weight: bold;
}
.sub-line-orange {
    width: 0px;
    height: 4px;
    background-color: #ff671f;
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s;
}
.sub-line-orange-visible {
    width: 150px;
}
.carousel-item-text {
    line-height: 110%;
    margin: 1.52rem 0 .912rem 0;
    transition: opacity 1s ease-in;
    opacity: 0;
}
.carousel-item-texts-container-hidden {
    background: rgb(255, 255, 255, 0.4);
    position: absolute;
    padding: 10px;
    z-index: -1;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.carousel-item.is-right .carousel-item-texts-meta-container {
    justify-content: flex-end;
}
.carousel-item.is-left .carousel-item-texts-meta-container {
    justify-content: flex-start;
}
.blockquote-full {
    font-weight: normal;
    text-align: right;
    margin-right: 10px;
}
blockquote {
    margin: 0;
    border-left: unset;
}
blockquote:before {
    color: rgb(255, 123, 61);
    content: '\201C';
    font-family: Georgia, serif;
    vertical-align: 0.6em;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote:after {
    color: rgb(255, 123, 61);
    content: '\201D';
    font-family: Georgia, serif;
    vertical-align: 0.6em;
    font-size: 3em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
}
.blockquote-full .sign {
    display: flex;
    float: right;
    margin-bottom: 10px;
    margin-right: 30px;
}
.blockquote-full .sign .more {
    height: 24px;
    padding: 0px;
    color: #039be5;
}
.blockquote-full .sign .more i {
    line-height: 24px;
}
.dark-anr .blockquote-full .sign .more {
    color: #93d8e3;
}
.envir-panel {
    background-image: url(/static/img/login/Capture1.png);
    background-position: top 58% left 12%;
}
.deliver-panel {
    background-image: url(/static/img/login/Capture2.png);
    background-position: top 58% right 12%;
}
.sourc-panel {
    background-image: url(/static/img/login/Capture3.png);
    background-position: top 58% left 12%;
}
.insig-panel {
    background-image: url(/static/img/login/Capture4.png);
    background-position: top 58% right 12%;
}
.page-footer {
    background-color: #2d4b62!important;
}
.page-footer .brand-logo img {
    margin: 3px 0px;
}
.page-footer .container {
    min-width: 98%;
}
.page-footer .footer-logo {
    max-height: 100px;
    max-width: 180px;
}
.site-link {
    color: #e8e8e8;
}
.text-align-center {
    text-align: center;
}
.invisible-item {
    visibility: hidden;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-0 {
    padding: 0px!important;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom-0 {
    margin-bottom: 0px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2d4b62!important;
    -webkit-box-shadow: 0 1px 0 0 #2d4b62!important;
    box-shadow: 0 1px 0 0 #2d4b62!important;
}

/* DARK THEME */
.dark-anr.login-body {
    background-color: #1f292e;
}
/*.dark-anr.login-body input {
    color: #e8e8e8;
}*/
.dark-anr.login-body input[type=text]:not(.browser-default):focus:not([readonly]),
.dark-anr.login-body input[type=password]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #e8e8e8!important;
}
.dark-anr .btn {
    background-color: #cd4c0d!important;
}
/*.dark-anr.login-body .btn-flat:not(.down-arrow):not(.more),
.dark-anr.login-body .btn-flat:not(.down-arrow):not(.more) i {
    color: #e8e8e8!important;
}*/
.dark-anr.login-body .left-col-container {
    background-image: linear-gradient(#4d5b66, #101315);
    /*background-image: linear-gradient(#6F9FD8, #48607c);*/
}
.dark-anr.login-body .envir-panel {
    background-image: url(/static/img/login/Capture1Inverted20lum.png);
}
.dark-anr.login-body .deliver-panel {
    background-image: url(/static/img/login/Capture2Inverted20lum.png);
}
.dark-anr.login-body .sourc-panel {
    background-image: url(/static/img/login/Capture3Inverted20lum.png);
}
.dark-anr.login-body .insig-panel {
    background-image: url(/static/img/login/Capture4Inverted20lum.png);
}
.dark-anr.login-body .carousel-item-texts-container-hidden {
    display: none;
}
.dark-anr.login-body .carousel-item {
    text-shadow: unset;
    color: #e8e8e8;
}
.dark-anr.login-body .carousel-item-text {
    text-shadow: -2px 0 5px #000000, 0 2px 5px #000000, 2px 0 5px #000000, 0 -2px 5px #000000;
}
.dark-anr.login-body.login-body .indicator-item {
    background-color: rgba(255, 255, 255, 0.5);
}
.dark-anr.login-body.login-body .indicator-item.active {
    background-color: #e8e8e8!important;
}
.hidden-item {
    display: none;
}