/* Minification failed. Returning unminified contents.
(3310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(3329,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(3333,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3337,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3345,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3349,26): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(3350,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3351,29): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3357,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3405,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-2'
(3409,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(3413,28): run-time error CSS1039: Token not allowed after unary operator: '-stone-grey'
(3425,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3460,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3472,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3550,17): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3556,17): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3571,17): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3579,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3585,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3595,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3601,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3732,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-2'
(3761,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3765,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(3769,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(3778,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(3801,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3840,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(3884,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(4015,37): run-time error CSS1039: Token not allowed after unary operator: '-grey'
 */

@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display: fallback;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/Content/Fonts/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0370-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display: fallback;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(/Content/Fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Myriad Pro Regular';font-style:normal;font-weight:400;src:local('Myriad Pro Regular'),url(/Content/Fonts/MYRIADPRO-REGULAR.woff) format('woff')}@font-face{font-family:'Myriad Pro Condensed';font-style:normal;font-weight:400;src:local('Myriad Pro Condensed'),url(/Content/Fonts/MYRIADPRO-COND.woff) format('woff')}@font-face{font-family:'Myriad Pro Condensed Italic';font-style:normal;font-weight:400;src:local('Myriad Pro Condensed Italic'),url(/Content/Fonts/MYRIADPRO-CONDIT.woff) format('woff')}@font-face{font-family:'Myriad Pro Light';font-style:normal;font-weight:400;src:local('Myriad Pro Light'),url(/Content/Fonts/MyriadPro-Light.woff) format('woff')}@font-face{font-family:'Myriad Pro Semibold';font-style:normal;font-weight:400;src:local('Myriad Pro Semibold'),url(/Content/Fonts/MYRIADPRO-SEMIBOLD.woff) format('woff')}@font-face{font-family:'Myriad Pro Semibold Italic';font-style:normal;font-weight:400;src:local('Myriad Pro Semibold Italic'),url(/Content/Fonts/MYRIADPRO-SEMIBOLDIT.woff) format('woff')}@font-face{font-family:'Myriad Pro Bold Condensed';font-style:normal;font-weight:400;src:local('Myriad Pro Bold Condensed'),url(/Content/Fonts/MYRIADPRO-BOLDCOND.woff) format('woff')}@font-face{font-family:'Myriad Pro Bold';font-style:normal;font-weight:400;src:local('Myriad Pro Bold'),url(/Content/Fonts/MYRIADPRO-BOLD.woff) format('woff')}@font-face{font-family:'Myriad Pro Bold Italic';font-style:normal;font-weight:400;src:local('Myriad Pro Bold Italic'),url(/Content/Fonts/MYRIADPRO-BOLDIT.woff) format('woff')}@font-face{font-family:'Myriad Pro Bold Condensed Italic';font-style:normal;font-weight:400;src:local('Myriad Pro Bold Condensed Italic'),url(/Content/Fonts/MYRIADPRO-BOLDCONDIT.woff) format('woff')}
body {
    min-height: 100vh;
    position: relative;
    margin: 0;
    font-family: Muli, 'Open Sans',sans-serif;    
    overflow-x: hidden; /* Hide vertical scrollbar */
}

footer {
    width: 100vw;
    background-color: #3B3B3B;
    color: lightgrey;
}
    footer .logoText {
        color: lightgrey!important;
    }
    footer .nav-link {
        color: lightgrey !important;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.carousel-caption-middle {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

.carousel-caption-middle > h5 {
    font-weight:bold;
}

.modal .carousel-control-prev, .modal .carousel-control-next {
    z-index: 1051;
    width: 3%;
}

    .modal .carousel-control-prev .fa-chevron-left,
    .modal .carousel-control-next .fa-chevron-right
    {
        font-size: 30px;
        font-weight: bolder;
        margin-right: 1rem;
        color:black;
    }

.nav-link {
    color: #212529 !important;
}
.nav-item {
    font-weight: bolder;
    margin-right: 1rem;
}

@media (max-width: 575px) {
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up,
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important;
    }
    .w-xs-down-25 {
        width: 25% !important;
    }

    .w-xs-down-50 {
        width: 50% !important;
    }

    .w-xs-down-75 {
        width: 75% !important;
    }

    .w-xs-down-100 {
        width: 100% !important;
    }

    .w-xs-down-auto {
        width: auto !important;
    }

    .h-xs-down-25 {
        height: 25% !important;
    }

    .h-xs-down-50 {
        height: 50% !important;
    }

    .h-xs-down-75 {
        height: 75% !important;
    }

    .h-xs-down-100 {
        height: 100% !important;
    }

    .h-xs-down-auto {
        height: auto !important;
    }

    .vh-xs-down-100 {
        height: 100vh !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up,
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important;
    }
    .navbar .container {
        max-width: unset !important;
    }

    main.container {
        max-width: unset !important;
        min-width: 100vh !important;
    }

    .w-sm-down-25 {
        width: 25% !important;
    }

    .w-sm-down-50 {
        width: 50% !important;
    }

    .w-sm-down-75 {
        width: 75% !important;
    }

    .w-sm-down-100 {
        width: 100% !important;
    }

    .w-sm-down-auto {
        width: auto !important;
    }

    .h-sm-down-25 {
        height: 25% !important;
    }

    .h-sm-down-50 {
        height: 50% !important;
    }

    .h-sm-down-75 {
        height: 75% !important;
    }

    .h-sm-down-100 {
        height: 100% !important;
    }

    .h-sm-down-auto {
        height: auto !important;
    }

    .vh-sm-down-100 {
        height: 100vh !important;
    }

    .vh-sm-down-50 {
        height: 50vh !important;
    }

    .vh-sm-down-25 {
        height: 25vh !important;
    }

    .vh-sm-down-75 {
        height: 75vh !important;
    }
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important;
    }
    .navbar .container {
        max-width: unset !important;
    }

    main.container {
        max-width: unset !important;
        min-width: 100vh !important;
    }

    .vh-md-down-100 {
        height: 100vh !important;
    }

    .vh-md-down-50 {
        height: 50vh !important;
    }

    .vh-md-down-25 {
        height: 25vh !important;
    }

    .vh-md-down-75 {
        height: 75vh !important;
    }
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl {
        display: none !important;
    }
    .navbar .container {
        max-width: unset !important;
    }

    main.container {
        max-width: unset !important;
        min-width: 100vh !important;
    }
    .vh-md-up-100 {
        height: 100vh !important;
    }

    .vh-md-up-50 {
        height: 50vh !important;
    }

    .vh-md-up-25 {
        height: 25vh !important;
    }

    .vh-md-up-75 {
        height: 75vh !important;
    }
}


/* Breakpoint XL */
@media (min-width: 1200px) {
    .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg {
        display: none !important;
    }
    .navbar .container {
        max-width: unset !important;
    }

    main.container {
        max-width: unset !important;
        min-width: 100vh !important;
    }

    .vh-md-down-100 {
        height: 100vh !important;
    }

    .vh-md-up-100 {
        height: 100vh !important;
    }


    .vh-md-up-50 {
        height: 50vh !important;
    }

    .vh-md-up-25 {
        height: 25vh !important;
    }

    .vh-md-up-75 {
        height: 75vh !important;
    }
}

.clickable{
    cursor:pointer;
}

hr.divider {
    max-width: 25rem;
    border-width: 0.2rem;
    border-color: #fce360;
}


.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.logoText {
    text-transform: uppercase !important;
    font-size: 2.35rem;
    font-weight: bold;
    font-family: "Myriad Pro Bold";
    color:black !important;
}

img.mediumImage {
    width: 100px;
    height: 100px;
}

img.iconImage  {
    max-width: 16px;
    max-height: 16px;
}

img.logoImage {
    width: 8rem;
    height: 100%;
}

/*.mainButton {
    background-image: linear-gradient(to bottom, #A8D1C9, #3C8879);
    padding: 1rem;
    border-radius: 35px;
    font-size: 1.9rem;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    border-color: transparent;
    color: white;
    border-width: 0;
}*/

[required] {
    border-left: 3px solid red;
}

[data-val-required] {
    border-left: 3px solid red;
}

.field-validation-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

#back-to-top {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: none;
    background-color: #fce360;
}

#footerBack-to-top {
    background-color: #fce360;
    position: absolute;
    z-index: 2;
    right: 1rem;
    bottom: 7.7rem;
    display: none;
}

.nav-link:active, .nav-link:hover {
    text-decoration: underline;
    color: #0056b3 !important;
}

.font-small{
    font-size:0.5rem;
}

.dropdown-menu-withImages .dropdown-item img {
    padding-right: 0.5rem;
}

.dropdown-menu-withImages .dropdown-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.dropdown-menu-withImages {
    min-width:7rem;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mediaIcons img {
    max-width: 40px;
    max-height: 40px;
}

.cc-window{
    opacity:0.8;
}

.cc-compliance {
    opacity: 1;
}

footer .font-small {
    color: gray
}

main {
    flex: 1;
}


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media (min-width: 992px) {
    #signInLink {
        border-left: 1px solid black
    }
}

footer .nav-item {
    font-weight: normal;
    font-size: 0.7rem;
}
.footerTitles {
    font-size: 0.75rem;
}

footer .nav-link {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}

a {
    color: black;
    text-decoration: none;
    background-color: transparent;
}

.vh-50 {
    height: 50vh !important;
}

.vh-25 {
    height: 25vh !important;
}


.vh-75 {
    height: 75vh !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*Mobilno xs*/
@media (max-width:767px) {
    .pages ul {
        margin-left: unset !important;
    }

    .navbar-nav > li > a {
        padding: 5px 6px !important;
    }

    .mobileSidebar {
        display: none !important;
    }

    .mobileMainDiv {
        margin-left: 1em !important;
    }

    .title {
        left: 0px !important;
    }

    #GlobalSearchListItem {
        margin: unset !important;
        float: unset !important;
    }

    .header {
        min-height: unset;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -25px;
        margin-left: -30px;
    }

    .languageSelect {
        float: unset !important;
    }

    #culture {
        float: unset !important;
        padding-right: 20% !important;
    }

    #DownloadDataDiv {
        margin-top: 1em;
    }
    /*for Firefox only
    @supports (-moz-appearance:none)
    {
        
    }*/

    #languages {
        width: unset !important;
        margin-right: 44% !important;
        max-width: unset !important;
    }
}
/*Mobilno sm*/
@media (min-width: 768px) and (max-width: 991px) {
    #GlobalSearchListItem {
        margin: 6px 15px 0 0!important;
    }
}
@media (min-width: 768px) {
     .navbar-default {
        margin-top:50px
    }
}
    .mobileSidebar {
    float: left;
    min-height: 300px;
    width: 170px;
    vertical-align: top;
    /*border-right: 1px solid #dcdbd7;*/
}

.mobileMainDiv {
    margin-top: 1em;
    margin-left: 180px;
    margin-bottom: 1em;
    /*min-height: 800px;*/
    overflow: auto;
    padding-right: 1em;
}

.mobileAdvanceSearchMenu {
    float: left;
    width: 281px;
    vertical-align: top;
}

.mobileAdvanceSearchContent {
    margin-top: 1em;
    margin-left: 290px;
    margin-bottom: 1em;
    overflow: auto;
    padding-right: 1em;
}

.MobileTab {
    background-color: #fecc2c;
    border: 1px solid #f1b602;
    border-bottom: 0px;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    min-height: 35px;
    /*display: table;*/
}

.MobileContent {
    display: none;
    overflow: auto;
    padding-bottom: 1em;
    max-height: 450px;
}
#GlobalSearchListItem {
    float: right;
    margin: 12px 15px 0 0;
}

    .MobileTab > span {
        padding: .5em 1em;
        display: table-cell;
        vertical-align: middle;
    }

.mobileSidebar.about_us {
    background: url(themes/yellow/images/about_us.jpg) repeat-x;
}

.mobileSidebar.contact {
    background: url(themes/yellow/images/contact.jpg) repeat-x;
}

.mobileSidebar.services {
    background: url(themes/yellow/images/services.jpg) repeat-x;
}

.mobileSidebar.solutions {
    background: url(themes/yellow/images/solutions.jpg) repeat-x;
}

.mobileSidebar.distribution {
    background: url(themes/yellow/images/distribution.jpg) repeat-x;
}

.mobileSidebar.candidates {
    background-color: #fafafa;
    background: url(themes/yellow/images/candidates.jpg) repeat-x;
}

.mobileSidebar.projects {
    background-color: #fafafa;
    background: url(themes/yellow/images/candidates.jpg) repeat-x;
}

.mobileSidebar.subjects {
    background-color: #fafafa;
    background: url(themes/yellow/images/subjects.jpg) repeat-x;
}

.mobileSidebar.assessments {
    background-color: #fafafa;
    background: url(themes/yellow/images/assessments.jpg) repeat-x;
}

.mobileSidebar.reports {
    background-color: #fafafa;
    background: url(themes/yellow/images/reports.jpg) repeat-x;
}

.mobileSidebar.tests {
    background-color: #fafafa;
    background: url(themes/yellow/images/tests.jpg) repeat-x;
}

.mobileSidebar.help {
    background-color: #fafafa;
    background: url(themes/yellow/images/help.jpg) repeat-x;
}

.mobileSidebar.transactions {
    background-color: #fafafa;
    background: url(themes/yellow/images/transactions.jpg) repeat-x;
}

.settings {
    background-color: #fafafa;
    background: url(themes/yellow/images/settings.jpg) repeat-x;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

nav {
    display: block;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
        max-height: 47px;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #f1b602;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #f1b602;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #f1b602;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

@media (min-width: 991px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #f1b602;
}

@media (min-width: 991px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #f1b602;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

@media (min-width: 991px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 991px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}


.navbar {
    position: relative;
    /*min-height: 50px;*/
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 991px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 991px) {
    .navbar-header {
        float: left;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 991px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 991px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 991px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fecc2c;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
        background-color: #fecc2c;
    }

    .navbar-toggle:hover {
        background-color: #f1b602;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 991px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        display: block;
        padding: 10px 25px;
        color: black;
        text-decoration: none;
        min-height: 19px;
    }

@media (min-width: 991px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

@media (min-width: 991px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 991px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 991px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 991px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #fecc2c;
    border-color: #f1b602;
    border-width: 0px;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }


        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default,
        .navbar-default {
            background-color: #fecc2c;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse,
        .navbar-inverse {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-link {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-link:hover {
            color: #fff;
        }

    .navbar-inverse .btn-link {
        color: #9d9d9d;
    }

        .navbar-inverse .btn-link:hover,
        .navbar-inverse .btn-link:focus {
            color: #fff;
        }

    a {
        color: black;
        text-decoration: none;
    }

        a:hover {
            text-decoration: underline;
        }
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #eee;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

span.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    -webkit-touch-callout: none; /* iOS Safari */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

select.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    -webkit-touch-callout: none; /* iOS Safari */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

img.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    -webkit-touch-callout: none; /* iOS Safari */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.mobileSidebar2 {
    float: left;
    min-height: 300px;
    width: 140px;
    vertical-align: top;
}

.mobileMainDiv2 {
    margin-top: 1em;
    margin-left: 150px;
    margin-bottom: 1em;
    overflow: auto;
    padding-right: 1em;
}

/* Bootstrap 4 */

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

    
  /*.navbar-expand-sm .navbar-toggler {
    display: none;
  }*/
}

@media (min-width: 768px) 
{
    .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        float: left;
        margin: 0;
    }

    .navbar-toggler {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}


.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border-radius: 0.25rem;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle)
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #f1b602 #f1b602 #fff;
    }

nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}
:root {
    --base-font-size: 14px;
    --grey: #B1B1B1;
    --grey-2: #DCDBD7;
    --dark-grey: #717171;
    --stone-grey: #f4f6f7;
    --orange: #FFB44B;
    --dark-orange: #E28707;
    --purple: #6239BD;
    --border-radius: 1rem;
}


html {
    font-size: var(--base-font-size);
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    font-size: var(--base-font-size);
}

a {
    color: var(--orange);
}

a:hover {
    color: var(--dark-orange);
}

a.btn {
    color: unset;
}

a.btn:hover {
    color: var(--dark-orange);
}

.badge-btn {
     border-radius: var(--border-radius);
     border: 1px solid var(--dark-orange);
     background-color: var(--orange);
     transition: all .3s ease;
     color: white;
}

.badge-btn:hover {
     background-color: var(--dark-orange);
     color: white;
}

svg.icon {
    width: 1em;
    height: 1em;
    font-size: 1rem;
}

svg.icon.fs-2 {
    font-size: 2rem;
}

svg.icon.fill {
    fill: currentColor;
    stroke-width: 1;
}

svg.icon.stroke-white {
    stroke: white;
}

.circle-bg {
    position: relative;
    padding: 0.6em;
    border-radius: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fs-2 {
    font-size: 2rem;
}

h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
}

h4 svg.icon, h3 svg.icon {
    font-size: 1.5em;
}

.bg-grey-2 {
    background-color: var(--grey-2);
}

.bg-purple {
    background-color: var(--purple);
}

.bg-stone-grey {
    background-color: var(--stone-grey);
}

.trailing-line {
    position: relative;
}

.trailing-line:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--orange);
    top: 2rem;
    left: 1.7rem;
}

.header {
    width: 100%;
    min-height: auto;
    margin: 0 auto 0 auto;
    text-align: unset;
    background-color: white;
    padding: 1rem min(2rem, 2vw);
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-section {
    padding-block: 2rem;
    padding-inline: 2rem;
    overflow: hidden;
}

footer {
    background-color: white;
    color: black;
    width: 100%;
}

footer.page-section {
    padding-bottom: 4rem;
}

footer a {
    color: var(--dark-orange);
}

input[type=submit].button-link {
    margin-top: unset;
}

input[type=button] {
    cursor: pointer;
}

input[type=button]:hover {
    color: var(--dark-orange);
}

.btn {
    padding: 1rem 2rem;
    border-radius: 1rem;
}

.logo-link {
    display: block;
    margin-right: auto;
}

.ruthLogo {
    max-width: 12rem;
    display: block;
    margin-right: min(2rem, 2vw);
}

.wide-wrapper {
    display: flex;
    width: 100%;
    flex-grow: 1;
    background-color: #F5F7FA;
}

.flyout-menu, .public-nav {
    position: fixed;
    top: 0;
    left: -100%;
    min-width: 50vw;
    width: 17rem;
    height: 100vh;
    background: white;
    transition: left 0.3s ease-in-out, box-shadow 0.3s ease .3s;
    z-index: 1050;
    padding-top: 1.5rem;
}

.public-nav {
    margin-left: auto;
}

.flyout-menu.active, .public-nav.active {
    left: 0;
}

body:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    z-index: 1001;
    pointer-events: none;
}

.flyout-active:before {
    background-color: rgba(0,0,0,.2);
    pointer-events: all;
}

.flyout-list {
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

.flyout-list .nav-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: transparent;
    padding: .9rem;
    padding-left: 2rem;
    color: var(--grey);
    position: relative;
    font-size: 1rem;
}

.public-nav-item {
    color: var(--grey);
    font-weight: bold;
    font-size: 1rem;
    padding: 1rem 1rem 1rem 2rem;
    transition: all .3s ease;
    display: block;
    text-transform: uppercase;
}

.public-nav-item:hover, .public-nav-item.active {
    color: black;
}

.nav-sub-item {
    background-color: transparent;
    color: var(--grey);
    padding-left: 5.5rem;
    padding-block: .4rem;
    padding-right: 2rem;
    position: relative;
}

.nav-sub-item.active {
    color: var(--orange);
}

.nav-sub-item:before, .nav-sub-item:not(:last-child):after {
    content: "";
    position: absolute;
    background-color: var(--grey);
    pointer-events: none;
    left: 4rem;
}

.nav-sub-item:before {
    z-index: 1;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border: solid 3px var(--grey);
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.nav-sub-item.active:before {
    background-color: var(--orange);
}

.nav-sub-item:after {
    width: 1px;
    height: 100%;
    top: 50%;
    z-index: 0;
    transform: translateX(-50%);
}

.company-actions {
    background-color: transparent;
    display: none;
}

.company-actions.active {
    display: block;
}

.flyout-list .nav-item.active, .flyout-list .nav-item.active a {
    color: #f1b602;
}

.flyout-list .nav-item.active:before {
    content: "";
    position: absolute;
    left: .2rem;
    top: 0;
    width: .4rem;
    background-color: #f1b602;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    height: 100%;
}

.flyout-list .nav-item a {
    color: #B1B1B1;
}

.flyout-list .nav-item svg.icon, .public-nav-item svg.icon {
    font-size: 1.5rem;
}

.page-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
}

.page-content, .page-footer {
    width: 100%;
}

.page-content {
    background-color: #F9F9F9;
    overflow: hidden;
}

.page-content h1 {
    margin-top: 0;
    padding-block: .5rem;
}

.page-footer {
    background-color: #f7f7f7;
    text-align: center;
    padding: 1.5rem min(2rem, 2vw);
}

.divider-after {
    position: relative;
}

.divider-after:after {
    position: absolute;
    top: 100%;
    left: 33%;
    width: 33%;
    height: 1px;
    background-color: rgba(0,0,0,.2);
}

.login-info {
    font-size: 1rem;
    text-align: center;
    padding: 0 min(1rem, 1vw);
}

.navbar-toggler {
    border: none;
}

.navbar-toggler svg.icon {
    font-size: 2rem;
    color: black;
}

.titlebar {
    background-color: #fefefe;
    border-bottom: solid 1px rgba(0,0,0,.2);
}

.title-details {
    font-size: 1.2rem;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: none;
    background: none;
}

.tab-wrapper {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    overflow: hidden;
}

.tab-wrapper > * {
    position: relative;
}

.tab-wrapper > *:before {
    position: absolute;
    height: 100%;
    width: 1px;
    left: -2rem;
    top: 0;
    background-color: var(--grey-2);
    content: "";
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.gap-1 {
    gap: .5rem;
}

.gap-2 {
    gap: 1rem;
}

.gap-3 {
    gap: 2rem;
}

.bg-orange {
    background-color: var(--orange);
}

.border-color-dark-orange {
    border: solid 1px var(--dark-orange);
}

.border-radius {
    border-radius: var(--border-radius);
}

.text-white {
    color: white;
}

.hero-section {
    color: white;
    background-color: var(--dark-grey);
    background-size: cover;
    background-position: center;
}

.hero-section .section-container {
}

.hero-section h1 {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
} 

.hero-section h1.small {
    font-size: 2rem;
    text-transform: none;
    font-weight: normal;
}

.hero-section h1:after {
    content: ".";
    color: var(--orange);
}

.page-section h2 {
    font-size: 3rem;
    font-weight: bold;
}

.page-section .section-img, .page-section .full-width .section-img {
    position: absolute;
    width: 100%;
    left: 5%;
    bottom: 0;
    max-height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
    display: block;
    opacity: .7;
    object-position: right;
    height: 15rem;
}

.section-content {
    z-index: 1;
    font-size: 16px;
}

.section-container {
    padding-bottom: 13rem;
    padding-top: 2rem;
    position: relative;
}

.section-container.no-image {
    padding-bottom: 2rem;
}

.divider {
    height: 4px;
    background-color: var(--orange);
    width: 7rem;
    margin-block: 2rem;
}

.list-img {
    height: 7rem;
}

.cc-revoke.cc-bottom {
    left: 2rem;
}

.logos-section {
    scrollbar-color: #d8d8d8 transparent;
    scroll-snap-type: x mandatory;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#back-to-top {
    border-radius: 3rem 3rem 0 0;
    bottom: 0;
}

input:not(.btn):not([type=submit]), textarea, select {
    padding: .5rem;
    border-radius: .5rem;
    border: 1px solid rgba(0,0,0,.15);
}

input[type=text], textarea, select {
    width: 100%;
}

input[type=text]:not(.form-control), textarea, select {
    max-width: 25rem;
}

input[type=submit] {
    cursor: pointer;
}

input[type=submit]:hover {
    color: var(--dark-orange);
}

.detValue + .detLabel {
    margin-top: .5rem;
}

.info, .success, .warning, .error, .validation {
    border: none;
    border-radius: 0;
    margin: 0;
    background-size: 2.3rem;
}

.info, .warning {
    background-image: url(themes/ruth/images/yellow-warning.png);
}

.success {
    background-image: url(themes/ruth/images/green-check.png);
}

.error, .validation {
    background-image: url(themes/ruth/images/red-warning.png);
}

.bootstrap-alert-danger .alertImg {
    background-image: url(themes/ruth/images/red-circle-x.png);
    background-size: contain;
}
.bootstrap-alert-danger .alertBtn {
    background-color: white !important;
    width: 1.2rem;
    height: 1.2rem;
}

.validation ul {
    margin: 0;
    padding-left: 2rem;
}

.table-icon {
    width: 1.5rem;
}

.ui-autocomplete, .ui-widget.ui-widget-content.ui-autocomplete {
    background-color: #eee;
}

.tagDiv div {
    padding: 0.3rem 0.2rem 0.3rem 0.5rem;
}

.tagDiv span.clickable.small-badge-btn {
    padding: .2rem;
    padding-right: 0.6rem;
    border-radius: 1rem;
    border: solid 1px lightgrey;
    display: flex;
    align-items:center;
    gap: .3rem;
    color: black;
    transition: all .3s ease;
}

.tagDiv span.clickable.small-badge-btn:hover {
    background-color: #eee;
}



@media (min-width: 568px) {
    .flex-sm-row {
        flex-direction: row;
    }
}


@media (min-width: 768px) {
    .header {
        align-items: flex-end;
    }

    .ruthLogo {
        max-width: min(12rem, 14vw);
    }

    .flyout-active:before {
        display: none;
    }

    .flyout-menu, .public-nav {
        position: relative;
        top: unset;
        left: unset;
        width: auto;
        height: unset;
        background: none;
    }

    .flyout-menu {
        min-width: 17rem;
    }

    .public-nav {
        display: flex;
        min-width: unset;
        padding: 0;
    }
    
    .public-nav-item {
        font-size: min(1rem, 1.5vw);
        padding: 1rem min(1rem,1vw);
    }

    #signInLink {
        margin-left: min(1rem, 1vw);
        padding-left: min(2rem, 2vw);
    }

    .page-wrapper {
        padding: 1.5rem;
        gap: 1.5rem;
    }

    .page-content, .page-footer {
        border-radius: 1rem;
        border: solid 1px rgba(0,0,0,.2);
    }

    #signInLink {
        border-left: 1px solid var(--grey);
    }
    
    .page-section {
        padding-block: 3rem;
    }

    .hero-section .section-img {
        max-height: 90%;
        width: 50%;
    }

    .hero-section .section-container {
        min-height: 35rem;
    }

    .section-container {
        max-width: 1140px;
        min-height: 30rem;
        margin: auto;
    }

    .section-container:not(.full-width) {
        padding: 0;
    }

    
    .section-container.full-width, footer .container-fluid {
        max-width: 1440px;
    }

    .section-container.thin {
        min-height: 25rem;
        padding-bottom: 0;
    }

    .section-container.no-image {
        padding-bottom: 0;
    }
    
    .page-section :not(.full-width) .section-img {
        width: 60%;
        left: 75%;
        opacity: 1;
        object-position: center;
        transform: translate(-50%, -50%);
        height: auto;
        top: 50%;
    }
    
    .page-section .flex-row-reverse .section-img {
        width: 60%;
        left: 25%;
        opacity: 1;
        object-position: center;
        transform: translate(-50%, -50%);
    }

    .page-section :not(.full-width) .section-content {
        width: 50%;
        position: relative;
    }

    .page-section .flex-row-reverse .section-content {
        width: 45%;
    }

    .section-content-bg:before {
        z-index: -1;
        content: "";
        width: calc(100% + 2rem);
        height: calc(100% + 2rem);
        left: -1rem;
        top: -1rem;
        position: absolute;
        border-radius: 1rem;
        background-color: white;
        opacity: .9;
    }
}

@media (min-width: 992px) {
    
    .page-section {
        padding-block: 4rem;
    }
    
    .page-section .full-width .section-img {
        width: 50%;
        left: 75%;
        opacity: 1;
        object-position: center;
        transform: translate(-50%, -50%);
        height: auto;
        top: 50%;
    }

    .section-container.full-width {
        padding: 0;
    }
    

    .page-section .section-content {
        width: 50%;
    }

    .full-width {
        max-width: 1440px;
    }
}
