/* Minification failed. Returning unminified contents.
(288,37): run-time error CSS1046: Expect comma, found '0'
(288,41): run-time error CSS1046: Expect comma, found '/'
(511,37): run-time error CSS1046: Expect comma, found '0'
(511,41): run-time error CSS1046: Expect comma, found '/'
(703,37): run-time error CSS1046: Expect comma, found '0'
(703,41): run-time error CSS1046: Expect comma, found '/'
 */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@font-face {
    font-family: 'OpenSans';
    src: url('../../../fonts/OpenSans-Regular-webfont.eot');
    src: url('../../../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../fonts/OpenSans-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../../../fonts/OpenSans-Italic-webfont.eot');
    src: url('../../../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../../../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../../fonts/OpenSans-Italic-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../../../fonts/OpenSans-Bold-webfont.eot');
    src: url('../../../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../../../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../../fonts/OpenSans-Bold-webfont.svg#robotoregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../../../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../../../fonts/OpenSans-BoldItalic-webfont.svg#robotoregular') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../../fonts/Roboto-Regular-webfont.eot');
    src: url('../../../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../../../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../../../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../../fonts/Roboto-Italic-webfont.eot');
    src: url('../../../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Roboto-Italic-webfont.woff') format('woff'), url('../../../fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('../../../fonts/Roboto-Italic-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../../fonts/Roboto-Bold-webfont.eot');
    src: url('../../../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../../../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../../../fonts/Roboto-Bold-webfont.svg#robotoregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../../fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../../../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Roboto-BoldItalic-webfont.woff') format('woff'), url('../../../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../../../fonts/Roboto-BoldItalic-webfont.svg#robotoregular') format('svg');
    font-weight: bold;
    font-style: italic;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    /*background-image: url(images/login-bg.jpg) !important;*/
    /*background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
    background-size: 1920px 1080px;
    height: 100%;
    width: 100%;*/
    font-family: 'Roboto', 'OpenSans', Arial, sans-serif;
    /*overflow: hidden;*/
}

.main-content {
    background-image: url(images/login-bg.jpg) !important;
    background-color: #ffffff;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*background-color: #464646;*/
    /* background-size: auto; */
    height: 100%;
    width: 100%;
}

.activate-link-login {
    color: #000 !important;
    margin-left: 20px;
    padding-top: 10px;
}

a.activate-link-login:hover {
    color: #310882 !important;
}

.container-fluid {
    margin: 0;
    width: auto;
    min-height: 100%;
    position: relative;
}

.btn-dark-grey, .btn-dark-grey:focus {
    background: none repeat scroll 0 0 #F9662B !important;
    border-color: #F9662B;
    color: #fff !important;
}

    .btn-dark-grey > i {
        color: #fff !important;
    }

    .btn-dark-grey:hover, .btn-dark-grey:active {
        background-color: #dd4500 !important;
        border-color: #dd4500;
    }

.btn-danger, .btn-danger:focus {
    background: none repeat scroll 0 0 #F9662B !important;
    border-color: #F9662B;
    color: #fff !important;
}

    .btn-danger > i {
        color: #fff !important;
    }

    .btn-danger:hover, .btn-danger:active {
        background-color: #dd4500 !important;
        border-color: #dd4500;
    }

.login-container2 {
    overflow: hidden;
}

.login-img {
    margin-left: 0 !important;
    float: left;
}

.login-container {
    float: right;
}

.logo-big {
    margin-top: 4%;
}

.login-form {
    float: left;
    margin-top: 5%;
}

@media only screen and (min-width : 992px) {
    .login-form {
        width: 450px;
    }
}

/*overriden bootstrap elements*/
.panel-override {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.panel-primary-override {
    border: none;
}

.panel-heading-override {
    background-color: #fff !important;
    color: #000 !important;
    font-size: 20pt;
    border: none;
}

.panel-body-override {
    padding-bottom: 0;
}

.panel-footer-override {
    background-color: #fff;
    border: none !important;
}

.main-text {
    color: #1e1d4f;
    /*background: rgba(255, 255, 255, 0.7);*/
    /*border-radius: 10px;*/
    text-align: center;
    font-size: large;
}

.username-container {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.password-container {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.username-inp {
    background-color: #cfcfcf;
}

.password-inp {
    background-color: #cfcfcf;
}

.login-btn {
    display: block;
    width: 100%;
    background-color: #1e1d4f !important;
    border: none;
    padding: 0;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*-webkit-transition: background-position 1s;
    -moz-transition:    background-position 1s;
    -ms-transition:     background-position 1s;
    -o-transition:      background-position 1s;
    transition:         background-position 1s;*/
}

    .login-btn:hover, .login-btn:focus, .login-btn:disabled {
        /*-moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;*/
        color: white !important;
        background-color: #cb9f26 !important;
        border-top-color: #1e1d4f;
        border-bottom-color: #1e1d4f;
        box-shadow: inset 0 -2px 0 0 #1e1d4f;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-weight: 700;
    }

.btn-login-type, .btn-login-type:focus {
    background-color: #FFF !important;
    border-color: #FFF !important;
}

    .btn-login-type:hover, .btn-login-type:active {
        background-color: #F1F1F3 !important;
        border-color: #F1F1F3 !important;
    }

.login-label {
    text-align: center;
    margin-top: 0;
    margin-bottom: 35px;
    color: #02497b;
}

#upLoginForm {
    box-shadow: 0 1px 8px 3px rgb(0 0 0 / 10%);
    border-radius: 17px;
}

.footer-notifications {
    overflow-y: auto;
    padding-top: 5px;
}

.notifications-title {
    font-size: 12pt;
    font-weight: bold;
}

.supported-browsers {
    width: 45px;
    height: 20px;
    background: url("../../images/supported-browsers.png");
    background-size: 45px 20px;
    margin-bottom: 15px;
    margin-left: 13px;
}

.supported-os {
    width: 60px;
    height: 20px;
    background: url("images/supported-os.png");
    background-size: 60px 20px;
    margin-bottom: 15px;
    margin-left: 13px;
}

.panel-footer-content a {
    color: #878787;
    font-size: 11pt;
}

.footer-list {
}

.footer-ul {
    list-style: none;
    margin-left: 0;
}

    .footer-ul li {
        display: inline;
        padding-right: 13px;
        font-size: 11pt;
        padding-left: 13px;
    }

        .footer-ul li + li {
            border-left: 1px solid #878787;
        }

        .footer-ul li a, span, i {
            color: #000;
        }

            .footer-ul li a:hover {
                color: #cb9f26;
            }

        .footer-ul li .phone-number {
            cursor: default;
        }

/*link animations*/
a, a:visited, a:hover, a:active {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    transition: 0.5s color ease;
    text-decoration: none;
    color: #1e1d4f;
}

    a:hover {
        color: #cb9f26;
    }

    a.login-link:after {
        content: "";
        transition: 0.5s all ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
    }

    a.login-link:after {
        bottom: -0.25em;
    }

    a.login-link:after {
        height: 5px;
        height: 0.35rem;
        width: 0;
        background: #cb9f26;
    }

    a.underline:after {
        right: 0;
    }

    a.login-link:hover:after {
        width: 100%;
    }
/*link animations end*/

.validation-summary-errors {
    color: #ff0000;
    float: left;
}

    .validation-summary-errors ul {
        list-style-type: none;
    }

@media screen and (max-width: 768px) {


    h4 {
        font-size: 12px;
    }
}

.login-panel-container:after, .login-footer-notifications {
    height: 108px;
}

.login-footer-notifications {
    bottom: 0;
    right: 0;
    position: absolute;
}

/* jssor slider bullet navigator skin 05 css */
/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('images/slider-dots.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }

/* jssor slider arrow navigator skin 12 css */
/*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('images/slider-arrows.png') no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12l.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12r.jssora12rdn {
    background-position: -315px -37px;
}

/*#region header*/

.navbar {
    border-top: 3px solid #cb9f26;
    box-shadow: 0 1px 8px 3px rgb(0 0 0 / 10%);
}

.navbar, .breadcrumbs, .sidebar-shortcuts {
    background-color: #fff;
    /*border-bottom: 5px solid #cb9f26;*/
}

    .navbar .navbar-brand {
        padding-bottom: 0;
        padding-top: 4px;
    }

.no-skin .nav-list > li {
    border-color: #dadada;
}

    .no-skin .nav-list > li > a {
        background: none repeat scroll 0 0 #f3f3f3 !important;
        color: #444 !important;
    }

    .no-skin .nav-list > li.active:after {
        border-color: #1e1d4f !important;
    }

.no-skin .nav-list li.active > a:after {
    -moz-border-right-colors: #1e1d4f !important;
    border-right-color: #1e1d4f !important;
}

.no-skin .nav-list > li.active > .submenu:before, .no-skin .nav-list > li.active > .submenu > li:before {
    border-color: #d4cade !important;
}

.no-skin .nav-list > li > .submenu:before, .no-skin .nav-list > li > .submenu > li:before {
    border-color: #d4cade !important;
}

.no-skin .nav-list > li.active > a {
    color: #1e1d4f !important;
}

.no-skin .nav-list > li .submenu > li > a {
    color: #555 !important;
}

.no-skin .nav-list > li .submenu > li.active > a {
    color: #1e1d4f !important;
}

.no-skin .nav-list > li .submenu > li > a:hover {
    color: #1e1d4f !important;
}

.no-skin .nav-list > li.open > a {
    color: #1e1d4f !important;
}

.no-skin .nav-list > li:hover > a {
    color: #1e1d4f !important;
}

.nav-list > li:before {
    background-color: #1e1d4f !important;
}

.ace-nav > li > a > .ace-icon {
    color: #444;
}

.ace-nav > li.light-blue > a {
    background: none repeat scroll 0 0 #BBDA25 !important;
}

    .ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus, .ace-nav > li.open.light-blue > a {
        background: none repeat scroll 0 0 #1ca1a5 !important;
    }

.ace-nav > li.blue > a {
    background: none !important;
    border-left: 1px solid #1e1d4f;
}

    .ace-nav > li.blue > a:hover, .ace-nav > li.blue > a:focus, .ace-nav > li.open.blue > a {
        background: none repeat scroll 0 0 #ffffff !important;
    }

.ace-nav > li.grey > a {
    background: none !important;
    border-left: 1px solid #bbb;
}

    .ace-nav > li.grey > a:hover, .ace-nav > li.grey > a:focus, .ace-nav > li.open.grey > a {
        background: none repeat scroll 0 0 #dadada !important;
    }

.ace-nav > li.purple > a {
    background: none !important;
    border-left: 1px solid #bbb;
}

    .ace-nav > li.purple > a:hover, .ace-nav > li.purple > a:focus, .ace-nav > li.open.purple > a {
        background: none repeat scroll 0 0 #dadada !important;
    }

.ace-nav > li.green > a {
    background: none !important;
    border-left: 1px solid #bbb;
}

    .ace-nav > li.green > a:hover, .ace-nav > li.green > a:focus, .ace-nav > li.open.green > a {
        background: none repeat scroll 0 0 #dadada !important;
    }

.navbar-brand {
    cursor: default;
}

.ace-nav > li {
    margin-right: 30px;
    border: none;
}

.header-link {
    background: none !important;
    font-weight: 400;
    color: #1e1d4f !important;
}

    .header-link:hover {
        color: #cb9f26 !important;
    }
/*#endregion*/

/*#region login container*/
.panel {
    border: none !important;
    background: none !important;
}

.panel-primary > .panel-heading {
    background: none !important;
    color: #ffffff !important;
    border: none !important;
}

.panel-heading h3 {
    color: #1e1d4f;
}

.form-control {
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28) !important;
}

a.login-container-footer-link {
    color: #1e1d4f;
}

    a.login-container-footer-link:hover {
        color: #cb9f26;
    }
/*#endregion*/

.login-container-bg-center {
    margin-top: 35px;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.alert-bg {
    background-color: inherit;
    color: #cb9f26;
}

a.alert-item, a.alert-item:visited {
    color: #cb9f26 !important;
    /*font-weight: 600 !important;*/
}

    a.alert-item:hover {
        color: #1e1d4f !important;
    }

.login-container-bg-right {
    margin-top: 70px;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    background: #fff;
    /*border: 1px solid #cb9f26;*/
    box-shadow: 0 1px 8px 3px rgb(0 0 0 / 10%);
    background: rgba(255, 255, 255, 0.7);
}

/*#region footer content*/

.footer {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    width: 100%;
    position: fixed;
    bottom: 0;
    display: block;
    text-align: center;
    background-color: #fff;
    border-top: 5px solid #cb9f26;
    color: #cb9f26;
}

/*#endregion*/

/*#region input fields*/
input {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #FFBB9E 4%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #FFBB9E 4%) !important;
}

    input:focus, input:valid {
        box-shadow: none !important;
        outline: none !important;
        background-position: 0 0 !important;
    }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important;
}
/*#endregion*/

.left-section {
    position: absolute;
    left: 4%;
    padding: 35px;
}

.right-section {
    position: relative;
    left: 4%;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.alert {
    padding: 5px;
}

.nav-tabs > li.active > a {
    border-top: 2px solid #1e1d4f;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
        border-top: 2px solid #1e1d4f;
    }

.modal-header {
    border-bottom: none;
}

.token-img {
    padding-left: 30%;
}

.row {
    padding: 0 !important;
}

.video {
    border-radius: 13px;
    margin-bottom: 15px;
}

.login-header-img a {
    background: url(images/silkroad-logo.png) center left no-repeat;
    display: block;
    width: 203px;
    height: 55px;
    margin-left: 10px;
    -ms-background-size: auto 66%;
    background-size: auto 100%;
}

.top-header img {
    max-height: 40px;
}

.navbar-links {
    margin-top: 7px;
}

.responsive-img {
    display: block;
    width: 100%;
    height: auto;
}

.token-modal-body {
    margin: 18px;
}

.login-modal-header-img {
    max-width: 30%;
}

.margin-right-30 {
    margin-right: 30px;
}

.alert-header {
    margin-top: 5px;
    color: #FFF;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border: 5px solid #bce4fa;
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb {
    /*background-color: #000000;
	border: 5px solid #555555;
    border-radius:25px;*/
    background-color: #818B99;
    border: 10px solid #F5F5F5;
    border-radius: 9px;
    background-clip: content-box;
}

.activate-next-btn {
    display: block;
    width: 100%;
    font-size: 12pt;
    color: #fff;
    background-color: #1e1d4f !important;
    border: none;
    padding: 0;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .activate-next-btn:hover, .activate-next-btn:focus, .activate-next-btn:disabled {
        color: #fff;
        font-size: 12pt;
        background-color: #cb9f26 !important;
    }

.activate-back-btn {
    display: block;
    width: 100%;
    font-size: 12pt;
    color: #fff;
    background-color: #1e1d4f !important;
    border: none;
    padding: 0;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-top-color: #1e1d4f;
    box-shadow: inset 0 -2px 0 0 #1e1d4f
}

    .activate-back-btn:hover, .activate-back-btn:focus, .activate-back-btn:disabled {
        color: #fff;
        font-size: 12pt;
        background-color: #cb9f26 !important;
    }


.login-error{
    margin-top: 20px;
    color: red;
    font-size: initial;
}

.scrollbar hr {
    border-color: #cb9f26 !important;
}

.custom-link {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white !important;
    background-color: #1e1d4f;
    padding: 10px;
    white-space: nowrap;
}

.img-responsive-2 {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 13px;
    margin-bottom: 10px;
}

/* New Design Joco Reset */
* {
    box-sizing: border-box;
}

html, body {
    overflow: auto !important;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

html,
body,
.main-content {
    width: auto !important;
}

    .main-content + .col-lg-4.col-md-4.col-sm-1.hidden-xs {
        display: none;
    }

.row.main-content {
    margin: auto !important;
    height: 100vh;
}

.page-header {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    border: none !important;
}

.navbar {
    border-top: none !important;
}

.navbar-header.pull-left {
    display: none !important;
}

.main-text h1 {
    font-size: 22px !important;
    font-weight: bold !important;
}

.login-btn {
    margin: 0 auto;
    padding: 12px 35px;
    width: auto;
    border-radius: 10px;
    height: auto;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

    .login-btn:hover,
    .login-btn:focus {
        border-radius: 10px;
    }

    .login-btn::before {
        content: "" !important;
        position: absolute !important;
        top: -4px !important;
        left: -5px !important;
        right: -30px !important;
        bottom: -4px !important;
        border-radius: 15px !important;
        border: 1px solid #1e1d4f !important;
    }

    .login-btn::after {
        content: '\e5c8';
        font-family: 'Material Icons';
        font-size: 16px;
        color: white;
        position: absolute;
        top: 10px;
        right: -22px;
        color: #1e1d4f !important;
        z-index: 1;
        display: inline-block;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
    }

.activate-link-login a {
    text-decoration: underline;
    font-size: 14px;
}

#UserName, #Password, #ActivCode {
    padding: 8px 20px !important;
    background-image: none !important;
    border-radius: 15px !important;
    height: auto !important;
    border: 1px solid #1e1d4f !important;
    margin-bottom: 10px !important;
    background: white !important;
}

#CreatePassword {
    padding-bottom: 30px;
    display: block;
}

    #CreatePassword > div {
        float: none !important;
        display: inline-block;
    }

#DugmeNazad,
input.btn.login-btn[value="Confirm"] {
    margin: 0 auto;
    padding: 12px 35px;
    width: auto;
    height: auto;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    border-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

input#DugmeNazad,
input.btn.login-btn[value="Confirm"],
input.btn.login-btn[value="Потврди"] {
    border-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

div.alert.alert-danger.alert-dismissible {
    padding: 7px 15px;
    margin: 10px !important;
    box-shadow: none !important;
    border-radius: 15px;
}

.login-btn:hover, .login-btn:focus, .login-btn:disabled,
#DugmeNazad:hover, #DugmeNazad:focus, #DugmeNazad:disabled,
input.btn.login-btn[value="Confirm"]:hover, input.btn.login-btn[value="Confirm"]:focus, input.btn.login-btn[value="Confirm"]:disabled {
    color: white !important;
    background-color: #cb9f26 !important;
    border-top-color: #1e1d4f;
    border-bottom-color: #1e1d4f;
    box-shadow: inset 0 -2px 0 0 #1e1d4f;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 700;
}

div.row[style="margin-top:10px; margin-bottom:30px;"] {
    margin-bottom: 20px !important;
}

.login-errorcontainer {
    margin-top: 0 !important;
}

.username-pass-holder,
div#native-client-login-form {
    margin: 0 0 40px 0 !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

.login-container-bg-center {
    margin: 40px auto;
    padding: 0 !important;
}

.login-container-bg-right {
    margin-top: 30px !important;
}

.row.main-content > div {
    float: none;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 650px;
}

.row.main-content > .col-lg-4.col-md-4.hidden-xs.hidden-sm.login-container-bg-left {
    display: none;
}

#native-client-login-container,
#native-client-login-form {
    margin: 0 !important;
}

#upLoginForm,
#native-client-login-form,
#UsernamePushLoginForm {
    box-shadow: none;
    border: 1px solid #1e1d4f !important;
}

    #upLoginForm > fieldset,
    #UsernamePushLoginForm > fieldset,
    #native-client-login-form {
        padding: 10px 20px 30px !important;
    }

.login-container-bg-right {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
    width: 100%;
    left: 0;
}

.login-container2 {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
}

.scrollbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    max-height: none !important;
    padding: 0 !important;
}

    .scrollbar hr {
        display: none !important;
    }

    .scrollbar .alert {
        display: flex;
        align-items: center;
        justify-content: left;
        flex: 1 1 calc(50% - 10px); /* Two items per row */
        box-sizing: border-box;
        border: 1px solid #1e1d4f !important;
        border-radius: 25px;
        text-align: center;
        font-size: 14px;
        font-family: sans-serif;
        background-color: initial;
        transition: background-color 0.3s ease;
    }

        .scrollbar .alert:hover {
            background-color: white;
        }

        .scrollbar .alert a {
            padding: 6px 15px;
            text-align: left;
            width: 100%;
            color: #1e1d4f !important;
        }

        .scrollbar .alert:nth-child(odd) {
            margin-right: 5px;
        }

.panel-body .btn-group {
    display: flex;
    margin: 0 25px;
}

    .panel-body .btn-group a {
        flex: 1;
        display: flex;
        text-align: left;
        padding: 12px 15px !important;
        white-space: normal;
        align-items: center !important;
    }

        .panel-body .btn-group a:first-child {
            border-radius: 15px 0 0 0 !important;
            border-right: 1px solid #1e1d4f !important;
        }

        .panel-body .btn-group a + a {
            border-radius: 0 15px 0 0 !important;
        }

.btn-login-type,
.btn-login-type {
    color: #1e1d4f !important;
    border: 1px solid white !important;
}

div.btn-group a.btn-login-type {
    border-color: white !important;
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    border-bottom: none !important;
}

    div.btn-group a.btn-login-type:hover,
    div.btn-group a.btn-login-type:active {
        border-color: #1e1d4f !important;
        border-top: 1px solid #1e1d4f !important;
        border-left: 1px solid #1e1d4f !important;
        border-right: 1px solid #1e1d4f !important;
        border-bottom: none !important;
    }

.btn-login-type i,
.btn-login-type:hover i {
    margin-right: 15px;
    color: #1e1d4f !important;
}

.btn-login-type:hover b {
    background-color: #1e1d4f !important;
    color: white;
}

.rw-number-notification {
    background-color: #1e1d4f !important;
}

.glyphicon {
    font-size: 18px;
}

#upLoginForm,
#UsernamePushLoginForm,
.username-pass-holder,
#native-client-login-form {
    border-radius: 20px !important;
}

.navbar-fixed-top {
    top: 10px;
    right: 0;
    text-align: right;
    position: absolute;
    display: inline-block;
    width: auto !important;
    background: transparent;
    box-shadow: none;
}

.navbar-buttons {
    background-color: white;
    padding: 2px 10px 0 30px !important;
    border-radius: 30px 0 0 30px;
}

    .navbar-buttons i {
        display: none;
    }

.ace-nav .blue {
    margin-right: 0;
}

.ace-nav .margin-right-30 {
    margin-right: 0 !important;
}

.ace-nav > li {
    margin-right: 20px;
}

.ace-nav a {
    font-size: 14px !important;
}

.ace-nav > li.blue > a {
    padding-left: 30px;
}

.navbar-container {
    padding: 0 !important;
}

.validation-summary-errors {
    float: none;
    width: 100%;
    text-align: center;
    margin: -10px 0 20px 0;
}

.row.main-content {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzY2IDc2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTM2NiA3Njg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOnVybCgjU1ZHSURfMV8pO30NCgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQ0KPC9zdHlsZT4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjEwLjg0MjciIHkxPSI1MzUuMTU5NSIgeDI9IjkxMS4xMDY0IiB5Mj0iLTkzLjg1MTUiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNFM0UwREUiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjZFRERDIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHJlY3QgeD0iMCIgeT0iMCIgY2xhc3M9InN0MCIgd2lkdGg9IjEzNjYiIGhlaWdodD0iNzY4Ii8+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIyMy41NDA0IiB5MT0iNjEzLjgxNyIgeDI9IjQ1Mi44MzY0IiB5Mj0iMTU2LjA5MzUiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNCNUI3QzQiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRDhDRkMxIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTkyMC4yLDEwNS45YzAtMzUuOS0yLjUtNzEuMy03LjQtMTA1LjlIMHY3NjhoNTIwLjlDNzU4LjMsNjQyLjYsOTIwLjIsMzkzLjEsOTIwLjIsMTA1Ljl6Ii8+DQo8L3N2Zz4NCg==") !important;
}

.panel-heading.hidden-xs::before {
    display: block;
    width: 200px;
    height: 62px;
    margin: 40px auto 40px auto;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTMuMjY0IiBoZWlnaHQ9IjQ3LjA0MSIgZGF0YS1uYW1lPSJMb2dvIHRlZ2V0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0wIDBoMTUzLjI2NHY0Ny4wNDFIMHoiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0wIDBoMTUzLjI2NHY0Ny4wNDFIMHoiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE3Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0zLjY1MyAwaDIwLjQydjE2LjQwOEgzLjY1M3oiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE1Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImQiPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0zLjY1NCAzMC42NmgyMi4xNzl2MTYuMzgxSDMuNjU0eiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTYiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGRhdGEtbmFtZT0iR3JvdXAgMzkiPjxnIGRhdGEtbmFtZT0iR3JvdXAgMzgiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgZGF0YS1uYW1lPSJHcm91cCAzNyI+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0ibTExLjAxNCAxMy4yNTYgNC41NTUgMy4xNTIgNS41LTMuODU0QzI3Ljc4OSA3LjgyNyAyMS4xMzcgMCAyMS4xMzcgMEwxMC41NzIgNy4zMDljLTMuNzI0IDMuMDcuNDQyIDUuOTQ3LjQ0MiA1Ljk0NyIgZGF0YS1uYW1lPSJQYXRoIDM5Ii8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0ibTMuODEgMTEuOTg3LS4xNTYuMTA4LjAxOS4wMDljLjA0Ny0uMDQyLjA5NC0uMDgxLjEzNy0uMTE3IiBkYXRhLW5hbWU9IlBhdGggNDAiLz48cGF0aCBmaWxsPSIjMWUxZDRmIiBkPSJtMjQuOTUzIDM1LjA1Ljg3OS0uNjExLS4xMjUtLjA4NmE5LjggOS44IDAgMCAxLS43NTQuNyIgZGF0YS1uYW1lPSJQYXRoIDQxIi8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTE3LjcyMyAzMy44NHMtMS45NjgtMS4zNjEtNC41OTQtMy4xOGwtNS41MDcgMy43OHMtOC45NTIgNi4zNzUuMDM0IDEyLjZsMTAuNTgxLTcuMzM1YzMuNjM3LTMuMDM4LS41MTQtNS44NjYtLjUxNC01Ljg2NiIgZGF0YS1uYW1lPSJQYXRoIDQyIi8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTI1LjgzMiAyNS4yIDkuODE0IDE0LjExOXMtNC40OC0zLjA5MyAwLTYuMjg3TDIuOTkgMTIuNTU0cy02LjczNSA0LjcyNC4wMSA5LjRjNC41NjMgMy4xNjcgMTUuOTE5IDExLjAyNyAxNS45MTkgMTEuMDI3czQuNTYgMy4xLS4wNDcgNi4yOTVsNi45Ni00Ljg0czYuNjA3LTQuNjY2IDAtOS4yMzQiIGRhdGEtbmFtZT0iUGF0aCA0MyIvPjxnIGRhdGEtbmFtZT0iR3JvdXAgMzMiIG9wYWNpdHk9Ii4zNSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5O2lzb2xhdGlvbjppc29sYXRlIj48ZyBkYXRhLW5hbWU9Ikdyb3VwIDMyIj48ZyBmaWxsPSIjMWUxZDRmIiBjbGlwLXBhdGg9InVybCgjYykiIGRhdGEtbmFtZT0iR3JvdXAgMzEiPjxwYXRoIGQ9Im0xMS4wMTQgMTMuMjU2IDQuNTU1IDMuMTUyIDUuNS0zLjg1NEMyNy43ODkgNy44MjcgMjEuMTM3IDAgMjEuMTM3IDBMMTAuNTcyIDcuMzA5Yy0zLjcyNCAzLjA3LjQ0MiA1Ljk0Ny40NDIgNS45NDciIGRhdGEtbmFtZT0iUGF0aCA0NCIvPjxwYXRoIGQ9Im0zLjgxIDExLjk4Ny0uMTU2LjEwOC4wMTkuMDA5Yy4wNDctLjA0Mi4wOTQtLjA4MS4xMzctLjExNyIgZGF0YS1uYW1lPSJQYXRoIDQ1Ii8+PC9nPjwvZz48L2c+PGcgZGF0YS1uYW1lPSJHcm91cCAzNiIgb3BhY2l0eT0iLjM1IiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHk7aXNvbGF0aW9uOmlzb2xhdGUiPjxnIGRhdGEtbmFtZT0iR3JvdXAgMzUiPjxnIGZpbGw9IiMxZTFkNGYiIGNsaXAtcGF0aD0idXJsKCNkKSIgZGF0YS1uYW1lPSJHcm91cCAzNCI+PHBhdGggZD0ibTI0Ljk1MyAzNS4wNS44NzktLjYxMS0uMTI1LS4wODZhOS44IDkuOCAwIDAgMS0uNzU0LjciIGRhdGEtbmFtZT0iUGF0aCA0NiIvPjxwYXRoIGQ9Ik0xNy43MjMgMzMuODRzLTEuOTY4LTEuMzYxLTQuNTk0LTMuMThsLTUuNTA3IDMuNzhzLTguOTUyIDYuMzc1LjAzNCAxMi42bDEwLjU4MS03LjMzNWMzLjYzNy0zLjAzOC0uNTE0LTUuODY2LS41MTQtNS44NjYiIGRhdGEtbmFtZT0iUGF0aCA0NyIvPjwvZz48L2c+PC9nPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0zNS4xIDIyLjE1NmExLjAxNiAxLjAxNiAwIDAgMSAuNC4xMzMgNy41ODIgNy41ODIgMCAwIDAgMy44NjYgMS4wNjZjMS44MzkgMCAyLjkwNy0uOCAyLjkwNy0yLjE1OSAwLS45MzMtLjQtMS40NjctMS45MjEtMi41MzNsLTIuNjk2LTEuODkzYTUuNDg3IDUuNDg3IDAgMCAxLTEuNTQ4LTEuNDQgMy44NzggMy44NzggMCAwIDEtLjc3My0yLjUzM2MwLTMuMDM5IDIuMjk0LTUuMDEyIDUuODQtNS4wMTJhMTEuNjQ5IDExLjY0OSAwIDAgMSAzLjAzOS40MjYgNC42NTEgNC42NTEgMCAwIDEgLjguMjY2Yy4zNzQuMTM0LjQ1NS4yNjcuNDU1LjY2N3YxLjkyYzAgLjI0LS4xMDguMzczLS4yOTUuMzczYTEuMDA2IDEuMDA2IDAgMCAxLS40MjUtLjEwNiA2LjY3NiA2LjY3NiAwIDAgMC0zLjM2MS0uODhjLTEuNjUyIDAtMi41ODYuNjkzLTIuNTg2IDEuODkyYTEuNzg4IDEuNzg4IDAgMCAwIC41ODggMS4zNiA0LjIxIDQuMjEgMCAwIDAgLjU1OC40NTRjLjM0OC4yNjYuNTM0LjQuNTM0LjRsMi44NzkgMS45MjFhNS40NjcgNS40NjcgMCAwIDEgMS45MjEgMS43ODZBNC43NDMgNC43NDMgMCAwIDEgNDYgMjAuODc2QzQ2IDI0LjEgNDMuNjgxIDI2IDM5Ljc2MSAyNmExMS40OSAxMS40OSAwIDAgMS0zLjM2LS40OCA3LjA5IDcuMDkgMCAwIDEtMS4xMTktLjRjLS40LS4xNi0uNDgxLS4zMjEtLjQ4MS0uNzc0di0xLjgxN2MwLS4yNC4xMDgtLjM3My4zLS4zNzMiIGRhdGEtbmFtZT0iUGF0aCA0OCIvPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik00OS4wNjUgMjUuNDg4VjguNGEuMzUzLjM1MyAwIDAgMSAuMzQ3LS4zNDVoMi43NzNhLjM1My4zNTMgMCAwIDEgLjM0Ny4zNDV2MTcuMDg4YS4zNTMuMzUzIDAgMCAxLS4zNDcuMzQ2aC0yLjc3M2EuMzU0LjM1NCAwIDAgMS0uMzQ3LS4zNDYiIGRhdGEtbmFtZT0iUGF0aCA0OSIvPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik02Ni40IDIzLjE2OGEuMzU0LjM1NCAwIDAgMSAuMzQ2LjM0OHYxLjk3MmEuMzU0LjM1NCAwIDAgMS0uMzQ2LjM0N2gtOS40NDFhLjM1NC4zNTQgMCAwIDEtLjM0Ny0uMzQ3VjguNGEuMzUzLjM1MyAwIDAgMSAuMzQ3LS4zNDZoMi43NzJhLjM1My4zNTMgMCAwIDEgLjM0Ni4zNDZ2MTQuNzY4WiIgZGF0YS1uYW1lPSJQYXRoIDUwIi8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTcyLjU4MiAxNS4zM2EuNTUyLjU1MiAwIDAgMCAuNTA2LS4yNGw1LjI1Mi02Ljc0NmEuNjM0LjYzNCAwIDAgMSAuNjQtLjI5MmgyLjRjLjIxNCAwIC4zNDYuMTA2LjM0Ni4yNjYgMCAuMDc5LS4wMjYuMTYtLjE2LjMybC01Ljc4NSA3LjIgNi4xMDYgOS4yNzlhLjU5Mi41OTIgMCAwIDEgLjEwNy4zNDZjMCAuMjQtLjE2MS4zNzMtLjQyOC4zNzNoLTMuMDEzYy0uMjkzIDAtLjQyNi0uMDgtLjYzOS0uNDI2bC00Ljg1Mi03LjYyNWMtLjEwNi0uMTg3LS4yMTQtLjIxNC0uNTA3LS4yMTRoLS40djcuOTE5YS4zNTQuMzU0IDAgMCAxLS4zNDcuMzQ2aC0yLjc3M2EuMzU0LjM1NCAwIDAgMS0uMzQ3LS4zNDZWOC40YS4zNTMuMzUzIDAgMCAxIC4zNDctLjM0NWgyLjc3NGEuMzUzLjM1MyAwIDAgMSAuMzQ3LjM0NXY2LjkzWiIgZGF0YS1uYW1lPSJQYXRoIDUxIi8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTkxLjM1MSAyNS40ODlhLjM1Mi4zNTIgMCAwIDEtLjM0Ni4zNDZoLTIuNzcyYS4zNTMuMzUzIDAgMCAxLS4zNDctLjM0NlY4LjRhLjM1My4zNTMgMCAwIDEgLjM0Ny0uMzQ2SDk0LjFjMi4wOCAwIDMuMTE5LjMyIDQuMTMzIDEuMmE0LjQxNiA0LjQxNiAwIDAgMSAxLjM4NiAzLjQ2NWMwIDIuNTg3LTEuMzA2IDQuMTMzLTMuNzU5IDQuNDhsLjEwNi4xNmMuMTYuMjQuNDUzLjY0Ljg1MyAxLjIuNzIxLjk4NyAxLjIgMS42NTMgMS41NDcgMi4xNmwyLjg3OSA0LjI2NmMuMTg4LjI5My4yNDEuMzczLjI0MS41MDcgMCAuMjM5LS4yMTQuMzQ2LS42NjcuMzQ2aC0zLjA0MWEuMjkyLjI5MiAwIDAgMS0uMjY2LS4xNkw5Mi40NzIgMThjLS4yNDEtLjMyLS4zMi0uMzczLS42NDEtLjM3M2gtLjQ4Wm0yLjI2Ny05LjgxM2EyLjQ1MiAyLjQ1MiAwIDAgMCAyLjUzMy0yLjY5MyAyLjQxIDIuNDEgMCAwIDAtMi41MzMtMi42NGgtMi4yNjd2NS4zMzNaIiBkYXRhLW5hbWU9IlBhdGggNTIiLz48cGF0aCBmaWxsPSIjMWUxZDRmIiBkPSJNMTEwLjcyNiA3Ljc4NWM1LjI1MyAwIDguNTU4IDMuNTcyIDguNTU4IDkuMjUgMCA1LjY1NC0zLjMwNSA5LjItOC41ODUgOS4ycy04LjUzMi0zLjU0Ni04LjUzMi05LjI3OGMwLTUuNjI2IDMuMzA3LTkuMTcyIDguNTU5LTkuMTcybTAgMTUuNzgzYzMuMTczIDAgNS4wMzgtMi40MjYgNS4wMzgtNi41NTggMC00LjEwNi0xLjkxOC02LjU1OS01LjA5MS02LjU1OS0zLjA5NCAwLTUuMDM5IDIuNTA3LTUuMDM5IDYuNDc4IDAgNC4yMTMgMS44MzkgNi42MzkgNS4wOTIgNi42MzkiIGRhdGEtbmFtZT0iUGF0aCA1MyIvPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik0xMjIuNzM1IDI1LjQ2MmMtLjEwNS4yOTMtLjIxMy4zNzMtLjU4Ni4zNzNoLTEuODkzYS4zMDUuMzA1IDAgMCAxLS4yMTQtLjA4Yy0uMDc4LS4wOC0uMTMzLS4xMzMtLjEzMy0uMjEzYS42Ny42NyAwIDAgMSAuMDU1LS4xODZsNS40NjUtMTYuNDc5YTEuMjQ3IDEuMjQ3IDAgMCAxIDEuMzYtMS4wMzloMS44OTJjLjcyMSAwIDEuMDY3LjI2NyAxLjMzNCAxLjA2Nmw1LjYgMTYuNGEuMzM2LjMzNiAwIDAgMSAuMDI3LjE2YzAgLjI2Ny0uMTYxLjM3My0uNTYuMzczaC0yLjQ1NGMtLjQgMC0uNDgtLjA4LS42MTMtLjQyNmwtMS43ODctNS4zNmgtNS43MDZabTYuNzQ2LTcuNjI2LTIuMTMzLTYuOTg1LTIuMTg2IDYuOTg1WiIgZGF0YS1uYW1lPSJQYXRoIDU0Ii8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTEzNy44OCAyNS40ODlWOC40YS4zNTEuMzUxIDAgMCAxIC4zNDYtLjM0NWg2LjM3NGMzLjA2NiAwIDQuNzQ1LjYxMyA2LjM3MiAyLjI2NWE4LjcxNiA4LjcxNiAwIDAgMSAyLjI5MyA2LjM0NiA5LjE1OSA5LjE1OSAwIDAgMS0yLjY2NiA2Ljk1OWMtMS42NTMgMS41NzMtMy40OTQgMi4yMTMtNi4zMTkgMi4yMTNoLTYuMDUzYS4zNTIuMzUyIDAgMCAxLS4zNDYtLjM0Nm01LjgxMi0yLjI2N2E1LjU0NyA1LjU0NyAwIDAgMCA0LjIzOS0xLjQ0IDYuMzUzIDYuMzUzIDAgMCAwIDEuOTQ3LTQuODI1YzAtMy44OTMtMi4zMTktNi4yOTItNi4xMDUtNi4yOTJoLTIuNDI3djEyLjU1NFoiIGRhdGEtbmFtZT0iUGF0aCA1NSIvPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik00MS41MjEgMzcuNzgxYTIuODg2IDIuODg2IDAgMCAxIDEuMDc5IDIuMzM1IDIuNzc2IDIuNzc2IDAgMCAxLTEuMTI2IDIuMzU2IDQuMzI5IDQuMzI5IDAgMCAxLTIuOS43ODRoLTMuNTUzYS4yMjYuMjI2IDAgMCAxLS4yMjEtLjIyMVYzMi4xYS4yMjcuMjI3IDAgMCAxIC4yMjEtLjIyMmgzLjI5NGE0LjI0IDQuMjQgMCAwIDEgMi43NDYuNjE1IDIuNzIzIDIuNzIzIDAgMCAxIDEuMDI0IDIuMTY0IDIuNjEgMi42MSAwIDAgMS0uOSAyLjAxNCAyLjMgMi4zIDAgMCAxLTEuMTQzLjQ3OCAzLjMyNyAzLjMyNyAwIDAgMSAxLjQ4My42MzFtLTMuNDQ5LTEuMDlhMS43MDkgMS43MDkgMCAwIDAgLjE4OC0zLjQxMmgtMS4yOTV2My40MTJabS4xMzUgNS4xNTJhMi4xNzggMi4xNzggMCAwIDAgMS42MDYtLjQyOCAxLjk1NSAxLjk1NSAwIDAgMCAuNTYxLTEuNDMzIDEuNzUyIDEuNzUyIDAgMCAwLTEuOTc4LTEuODc1aC0xLjQzMXYzLjczNloiIGRhdGEtbmFtZT0iUGF0aCA1NiIvPjxwYXRoIGZpbGw9IiMxZTFkNGYiIGQ9Ik00Ny4zMzIgNDMuMDE4Yy0uMDY5LjE4Ny0uMTM2LjIzOC0uMzc1LjIzOGgtMS4yMTFhLjE5LjE5IDAgMCAxLS4xMzctLjA1MWMtLjA1LS4wNTEtLjA4NS0uMDg1LS4wODUtLjEzNmEuMzcxLjM3MSAwIDAgMSAuMDM1LS4xMTlsMy41LTEwLjU0MmMuMTcyLS41LjM5My0uNjY1Ljg3MS0uNjY1aDEuMjExYy40NTkgMCAuNjgzLjE2OS44NTMuNjgybDMuNTgxIDEwLjQ5YS4yMzQuMjM0IDAgMCAxIC4wMTYuMWMwIC4xNzEtLjEuMjM4LS4zNTYuMjM4aC0xLjU3NGMtLjI1OCAwLS4zMDktLjA1MS0uMzk0LS4yNzJsLTEuMTQyLTMuNDNoLTMuNjVabTQuMzE2LTQuODc5LTEuMzY1LTQuNDctMS40IDQuNDdaIiBkYXRhLW5hbWU9IlBhdGggNTciLz48cGF0aCBmaWxsPSIjMWUxZDRmIiBkPSJNNjAuOTQ1IDQzLjAzNmEuMjI3LjIyNyAwIDAgMS0uMjIzLjIyMUg1OS40NmEuMjI2LjIyNiAwIDAgMS0uMjIxLS4yMjFWMzIuMWEuMjI3LjIyNyAwIDAgMSAuMjIxLS4yMjJoMS44NzhhLjU4Ni41ODYgMCAwIDEgLjU3OS4zNDFsNSA4LjA4NlYzMi4xYS4yMTYuMjE2IDAgMCAxIC4yMjItLjIyMkg2OC40YS4yMjcuMjI3IDAgMCAxIC4yMjEuMjIydjEwLjkzNmEuMjI2LjIyNiAwIDAgMS0uMjIxLjIyMWgtMS43NDFhLjU2OS41NjkgMCAwIDEtLjU2NC0uMzQxbC01LjE1LTguNDA4WiIgZGF0YS1uYW1lPSJQYXRoIDU4Ii8+PHBhdGggZmlsbD0iIzFlMWQ0ZiIgZD0iTTc1LjkzOCAzNi41MzZhLjM1NC4zNTQgMCAwIDAgLjMyNS0uMTUzbDMuMzYxLTQuMzE1YS40LjQgMCAwIDEgLjQwOS0uMTg4aDEuNTM1Yy4xMzYgMCAuMjIyLjA2OS4yMjIuMTcgMCAuMDUyLS4wMTcuMS0uMS4yMDVsLTMuNyA0LjYgMy45MDMgNS45NDVhLjM4OS4zODkgMCAwIDEgLjA2OC4yMjNjMCAuMTUzLS4xLjIzOC0uMjczLjIzOEg3OS43NmMtLjE4OCAwLS4yNzMtLjA1Mi0uNDA5LS4yNzJsLTMuMS00Ljg3OWMtLjA2OS0uMTE5LS4xMzctLjEzNy0uMzI0LS4xMzdoLS4yNTZ2NS4wNjdhLjIyNy4yMjcgMCAwIDEtLjIyMi4yMjFINzMuNjdhLjIyNi4yMjYgMCAwIDEtLjIyLS4yMjFWMzIuMWEuMjI2LjIyNiAwIDAgMSAuMjItLjIyMmgxLjc3NWEuMjI3LjIyNyAwIDAgMSAuMjIyLjIyMnY0LjQzNFoiIGRhdGEtbmFtZT0iUGF0aCA1OSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==")
}

@media (max-width:1000px) {

    #navbar,
    .navbar.navbar-collapse {
        width: 100% !important;
        position: relative;
        top: 0 !important;
        text-align: center;
        background: white !important;
        display: block !important;
    }

    .panel-body {
        padding: 0 0 0 0 !important;
    }

    .navbar-container {
        height: auto !important;
    }

    .navbar.navbar-collapse .navbar-header {
        min-height: auto !important;
    }

    .navbar-header.pull-left,
    .navbar .navbar-brand,
    .navbar .navbar-toggle.pull-right {
        display: none !important;
    }

    .navbar.navbar-collapse .navbar-header {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .nav.ace-nav {
        visibility: visible !important;
    }

    .panel-primary > .panel-heading,
    .navbar-container .collapsed,
    .navbar-container .collapse,
    .navbar-header.pull-left {
        display: block !important;
    }

    .panel-heading.hidden-xs::before {
        margin: 20px auto 20px auto;
    }

    .row.main-content > div {
        width: 100%;
        margin: 0 auto;
    }

    .navbar.navbar-collapse .navbar-buttons.in {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0;
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .row.main-content > div.hidden-xs,
    .navbar.navbar-collapse .navbar-buttons.in {
        display: block !important;
    }

    .panel-body .btn-group {
        margin: 0 110px;
    }

    .username-pass-holder {
        width: 80%;
        margin: 0 auto !important;
    }

    .login-container-bg-right {
        display: block !important;
        width: 80%;
        margin: 0 auto !important;
    }

    .scrollbar {
        display: block;
        margin: 0 auto 40px auto !important;
    }

        .scrollbar .alert {
            width: 100%;
            margin: 0 0 10px 0 !important;
        }

    .navbar-buttons > .ace-nav li:nth-child(3) {
        display: none !important;
    }
}

@media (max-width:769px) {
    .row.main-content > div {
        width: 100%;
        margin: 0 auto;
    }

    .panel-body .btn-group {
        margin: 0 75px;
    }
}

@media (max-width: 414px) {
    .panel-body .btn-group {
        flex-direction: column;
    }

        .panel-body .btn-group a {
            flex: 1;
            display: flex;
        }

            .panel-body .btn-group a:first-child,
            .panel-body .btn-group a + a {
                border-radius: 0 0 0 0 !important;
                border: none !important;
                border-color: white !important;
                border-top: 1px solid white !important;
                border-left: 1px solid white !important;
                border-right: 1px solid white !important;
                border-bottom: 1px solid white !important;
            }

            .panel-body .btn-group a:first-child {
                border-radius: 15px 15px 0 0 !important;
                border-bottom: 1px solid #dddddd !important;
                margin-bottom: 1px !important;
            }

    div.btn-group a.btn-login-type:hover,
    div.btn-group a.btn-login-type:active {
        border-color: white !important;
        border-top: 1px solid white !important;
        border-left: 1px solid white !important;
        border-right: 1px solid white !important;
        border-bottom: 1px solid white !important;
    }
}