body{color: #2e2e2e; font-family: "Nunito", Roboto, "Helvetica Neue", sans-serif; }
.page-wrapper > .container-fluid{}
#annotation_overflow{position: absolute; width: 100%; height: 100%; top:0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4); z-index: 2;}
#annotation_overflow_content{background: white; box-shadow: 1px 1px 20px rgba(0,0,0,.5)}
/*Navbar*/
#navbarSupportedContent, #main-wrapper .topbar[data-navbarbg=skin5]{background-color: #eff3f6 !important}
#navbarSupportedContent{ width: 100%; height: 64px}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link{color: #28526a}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link{color: #28526a}
.topbar .nav-toggler{padding: 0px 15px;font-size: 0.875rem;line-height: 64px;height: 64px;color: #4d6f83;}
@media only screen and (max-width: 768px) {
    #main-wrapper .topbar .navbar-collapse[data-navbarbg=skin5], #main-wrapper .topbar[data-navbarbg=skin5]{background-color: #eff3f6}
    #main-wrapper.mini-sidebar .sidebar-nav .hide-menu{display: block;}
}

/*Sidebar*/
/*.left-sidebar{width:280px}
#main-wrapper.mini-sidebar .left-sidebar:hover{width: 280px!important}*/
.left-sidebar .sidebar-item, .left-sidebar .sidebar-nav .sidebarlink{height: 48px}
.left-sidebar .sidebar-nav .hide-menu{height: 48px; display: block; float: left; width: 185px; color: #2e2e2e; line-height: 48px; padding: 0 14px; font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif !important;}
.left-sidebar .sidebar-nav .image-link{width: 65px; padding: 0 20px 0 21px;height: 48px; display: block; float: left; width: 65px;  line-height: 48px;}
#main-wrapper .left-sidebar:hover .sidebar-nav .hide-menu{display:block}
.left-sidebar .sidebar-nav .sidebarlink:hover .image-link, .left-sidebar .sidebar-nav .sidebarlink.active .image-link{background: #28526a}
.left-sidebar .sidebar-nav .sidebarlink:hover .hide-menu, .left-sidebar .sidebar-nav .sidebarlink.active .hide-menu{background: #4d6f83; color: white}
#main-wrapper .topbar .top-navbar .navbar-header[data-logobg=skin5],#main-wrapper .left-sidebar[data-sidebarbg=skin5], #main-wrapper .left-sidebar[data-sidebarbg=skin5] ul{background-color: #4d6f83}
.sidebar-overflow{position: absolute; width: 100%; height: 100%; background: #eff3f6; top:0; left: 0; bottom: 0; right: 0;border-right: 1px solid #ccc; box-shadow: 0px 0px 20px rgba(0,0,0,.4);}
.left-icons{position: absolute; top:0; left: 0; bottom: 0; width: 65px; background: #4d6f83}
.logo-bg{background: #eff3f6; padding: 4px; border-radius: 3px; box-shadow: 2px 2px 2px rgba(0,0,0,.4) }

/*Tools*/
.my-tools{padding: 12px 0}
.tools-button-overflow{display: inline-block; border-left: 1px solid #dee2e6}
.my-tools .circle{height: 40px;width: 40px;border-radius: 100%;margin: 0 3px;cursor: pointer; display: inline-block; position: relative}
.my-tools .tools-button{height: 40px;width: 40px; line-height: 40px; margin: 0 3px; display: inline-block;}
.circle.creamy-peach{border: 20px solid var( --creamy-peach );}
.circle.milky-yellow{border: 20px solid var( --milky-yellow );}
.circle.pink-blush{border: 20px solid var( --pink-blush );}
.circle.touch-of-turquoise{border: 20px solid var( --touch-of-turquoise );}
.circle.hint-of-mint{border: 20px solid var( --hint-of-mint );}
.circle.grey{border: 20px solid #ffffff;}

.MILKY_YELLOW{background-color: var( --milky-yellow )}
.PINK_BLUSH{background-color: var( --pink-blush )}
.TOUCH_OF_TURQUOISE{background-color: var( --touch-of-turquoise ) }
.CREAMY_PEACH{background-color: var( --creamy-peach )}
.LILAC_HAZE{background-color: var( --lilac-haze )}
.HINT_OF_MINT{background-color: var( --hint-of-mint )}
.UNDERLINE{text-decoration: underline;}
.SELECT_TEMPORARY{background-color: var( --select-temporary ); color:black;}

.book-page-container-text i.fas{
    line-height: 1.6rem;
    margin-left: 4px;
    padding: 0 4px;
    background: white;
    cursor: pointer;
}


:root {
    --creamy-peach: #f1cdb4;
    --milky-yellow: #fdfd96;
    --pink-blush: #ffd9df;
    --touch-of-turquoise: #c5e9fc;
    --hint-of-mint: #c7f2cc;
    --lilac-haze: #e3dbe2;
    --select-temporary: #9dc6ed;
    --lexaris-dark: #28526A;
    --lexaris-middle: #4d6f83;
    --lexaris-light: #08B5D6;
}

.circle img{display: block}
.circle.tools-button{padding: 8px}
.circle .marker-icon{margin-top: -11px; margin-left: -12px;}
.circle.disabled, .disabled{opacity: .4; cursor: not-allowed}
.circle.grey.disabled{opacity: 1; cursor: not-allowed}
.circle.grey.disabled img{opacity: .4;}
#page-display{font: 400 24px/64px Roboto, 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.5) !important;}

/*Page Wrapper*/
.page-wrapper{background-color: #ffffff; background: #ffffff}
#documents_list{border: 1px solid #ccc; height:  calc(100vh - 480px);overflow-y: scroll; /* has to be scroll, not auto */
                -webkit-overflow-scrolling: touch;}
/*Logo*/
.logo-img{height: 64px;width: 145px;margin-left: 12px;display: inline-block;vertical-align: middle;background: url(/content/images/logo.png) no-repeat center center;background-size: contain;}
.logo-img2 {
    height: 42px;
    width: 152px;
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(/content/images/logo_dark.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

/*Library*/
.library_list{display: block; padding: 0 16px}
.library_item{padding: 6px}
.library_item_title{font-size: 16px;font-weight: 500;color: #2e2e2e;font-family: Nunito, sans-serif;}
.library_item_title a{font-size: 16px;font-weight: 500;color: #2e2e2e;font-family: Nunito, sans-serif;}
.library_item_title a:hover {color: #14b6d7;}
.library_item_content{width: 100%; font-size: 14px;color: #848484;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family: Nunito, sans-serif;}
.library_item_content a{color: #696969; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.eac-item a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-item.active .page-link{background-color: var( --lexaris-dark); border-color: var( --lexaris-dark) }
.page-link{color:  var( --lexaris-dark)}

.search-in-document-results .library_item:hover{background: #f0f0f0}

.letter{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    outline:none;
    margin-right: 8px;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    min-width: 64px;
    line-height: 36px;
    overflow: visible;
    transform: translate3d(0,0,0);
    transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
    min-width: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0;
    background-color: white;
}
.letter-overflow{
    display: block;
    text-align: center;
    padding-bottom: 0.5rem !important;
}
.letter-overflow.last{padding-bottom: 1.5rem !important;}
.letter span{
    padding: 8px 0;
    display: inline-block;
    line-height: 24px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}

.letter.primary{background-color: #607d8b;}
.letter.primary span{color: white}
.textfield-box{width: 100%; padding-bottom: 0!important; height: 48px;}
.select2{width: 460px; margin: auto; max-width: 100%}
.custom-select{display: block; background: #fff url(/content/images/custom-select.png) no-repeat right 0.75rem center;}

/** Book **/
.book-container, .book-page-container, .book-page-container-in{position: relative; display: flex;flex-direction: row; justify-content: space-between;}
.book-container .button-container{}
.book-aabreviation{font-size: 20px; font-family: 'Nunito', sans-serif; padding: 12px 0 12px 0}
.book-page:nth-child(odd){
    border-right: 1px solid #ccc;
}
#btn_prev{cursor: pointer; width: 48px; height: 48px;  margin-right: 0px; opacity: 1; background: #4d6f83; text-align: center; line-height: 48px; color: white; border-radius: 4px; font-size: 28px}
#btn_next{cursor: pointer; width: 48px; height: 48px;  margin-left: 0px; opacity: 1; background: #4d6f83; text-align: center; line-height: 48px; color: white; border-radius: 4px; font-size: 28px}
#btn_prev:hover, #btn_next:hover{opacity: 1; background: #12abc1;}
#btn_prev.disabled, #btn_next.disabled{opacity: .6; cursor:  not-allowed;}
.book-pages{line-height: 1.8;font-family: "Nunito", sans-serif; text-align: justify !important; margin-bottom: 8px}
.book-pages h1{font-size: 18px;padding: 12px 0 8px;}
.book-pages h2{font-size: 18px;padding: 12px 0 8px;}
.book-pages h3{font-size: 16px;padding: 12px 0 8px;}
.book-pages h4{font-size: 16px;padding: 12px 0 8px;}
.book-pages h5{font-size: 16px;padding: 12px 0 8px;}
.book-pages h6{font-size: 16px;padding: 12px 0 8px;}

/** Feedback **/
.feedback-btn{
    background-color: #f0f0f0;
    padding: 0.5rem 0 0.5rem 1rem;
    display: inline-block;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    transition: 0.2s ease-out;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    position: fixed;
    z-index: 1;
    bottom: 3rem;
    right: -1rem;
    width: 140px;
    cursor: pointer;
}
.feedback-img{
    width: 20px;
    height: auto;
    margin-right: 0.5rem;
}

/*page icons*/
.icon-tags, .icon-star{opacity: .4; cursor: pointer}
.icon-tags:hover, .icon-star:hover{opacity: 1}
.page-left .icon-tags{width: 26px; padding: 0px 10px 0 0; position: absolute; right: 0}
.page-left .icon-star{width: 26px; padding: 6px 10px 0 0; position: absolute; right: 0}

.page-right .icon-tags{width: 26px; padding: 0 0 0 10px; position: absolute; left: 0}
.page-right .icon-star{width: 26px; padding: 6px 0 0 10px; position: absolute; left: 0}

/* block width in percent */
.w-5-p{width: 5%}
.w-10-p{width: 10%}
.w-15-p{width: 15%}
.w-20-p{width: 20%}
.w-25-p{width: 25%}
.w-30-p{width: 30%}
.w-35-p{width: 35%}
.w-40-p{width: 40%}
.w-45-p{width: 45%}
.w-50-p{width: 50%}
.w-60-p{width: 60%}
.w-70-p{width: 70%}
.w-80-p{width: 80%}
.w-90-p{width: 90%}
.w-100-p{width: 100%}

/** tooltips ***/

.tooltip-inner {
    background-color: rgba(0,0,0,.6);
    font-size: 10px;

}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: transparent;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: transparent;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: transparent;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: transparent;
}

/** bookmark **/

.blend-top{position: absolute; width: 100%; height: 100%; top:0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.4); z-index: 100}
.blend-middle{position: absolute;z-index: 1000;pointer-events: none;top: 0;left: 0;bottom: 0; right: 0;height: 100%;width: 100%;}
.blend-container{
    pointer-events: auto;
    position: absolute ; top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);box-sizing: border-box;z-index: 1000; max-height: 100%;box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}
.dialog-container{display: block;border-radius: 4px;box-sizing: border-box; outline: 0;width: 100%;height: 100%;min-height: inherit;max-height: inherit;padding: 0;}
.bookmark-editor{width: 400px;background-color: #ecf7ff; color: rgba(0, 0, 0, 0.87);}
.bookmark-content{place-content: center space-around; align-items: center;flex-direction: row;box-sizing: border-box;display: flex; font-family: 'Nunito', sans-serif; }
.bookmark-input{flex: 1 1 100%;box-sizing: border-box;max-width: 70%;padding-left: 12px;position: relative;}
.bookmark-input input[type="text"]{margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;width: 100%;}
.bookmark-button-container{place-content: center flex-end;align-items: center;flex-direction: row;box-sizing: border-box;display: flex;}
.bookmark-button{background: none;touch-action: none;user-select: none;padding: 0;min-width: 0;width: 40px;height: 40px;flex-shrink: 0;line-height: 40px;border-radius: 50%;text-align: center;margin: 0;display: inline-block;white-space: nowrap;text-decoration: none;cursor: pointer;outline: 0;border: none;}
.bookmark-button i{font-size: 20px; line-height: 40px}
a.bookmark-button {color: black}

/**note**/

.note-container{width: 300px;background-color: #fff6bc;}
.note-header{place-content: center flex-end;align-items: center;flex-direction: row;box-sizing: border-box;display: flex;}
.note-middle{flex-direction: column;box-sizing: border-box;display: flex;}
.note-input{padding: 0 0.5rem;}
.note-input textarea{width: 100%;height: 72px;min-height: 72px;max-height: 168px;resize: none;}
.note-footer{place-content: center flex-end;align-items: center;flex-direction: row;box-sizing: border-box;display: flex;}

/** note text **/
.note-text-container{position: absolute;width: 100%;
                     min-height: 10px;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;}
.note-text-container div{font-size: 10px; text-align: center; background: #ecf7ff; padding: 0 4px; border-radius: 4px; height: 16px; line-height: 16px; margin-top: 4px; white-space: nowrap; position: absolute}
.page-right .note-text-container div{left:28px}
.page-left .note-text-container div{right:30px}

/** annotation accordion **/
.accordion-header{flex-direction: row;box-sizing: border-box;display: flex;padding: 0 0 0 1.25rem;height: 48px; line-height: 48px; border-bottom: 1px solid #f0f0f0}
.accordion-header.note{border-bottom: none; line-height: 40px;height: 32px;}
.accordion-title{flex: 1 1 100%;box-sizing: border-box;max-width: 100%; font-size: 16px; font-weight: bold; font-family: 'Nunito', sans-serif; padding-left: 1.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative}
.accordion-title span.official-date{position: absolute; font-size: 0.7em; font-weight: normal; top: 16px; left: 22px; color: var( --lexaris-middle); font-style: italic;}
.accordion-header-buttons{justify-content: space-between;align-items: center; display: flex;}
.accordion-content-container{border-bottom: 1px solid #f0f0f0; padding: 1.25rem 0;}
.accordion-content-row{flex-direction: row;box-sizing: border-box;display: flex;padding: 0 0 0 1.25rem;height: 48px; line-height: 48px;}
.accordion-content-row-header{flex: 1 1 100%;box-sizing: border-box;font-size: 16px; font-family: 'Nunito', sans-serif; padding-left: 1.25rem; overflow: hidden;text-overflow: ellipsis; }
.accordion-content-row-title{display: inline-block;font-size: 14px; color: #848484;padding-left: 1.25rem; overflow: hidden; text-overflow: ellipsis}
.accordion-content-row-buttons{justify-content: flex-end ; display: flex;}
.accordion-content-row-buttons .fa-times{font-size: 15px;line-height: 48px;}

/**Library**/
.library-top-search{place-content: center space-between; display: flex; flex-wrap: nowrap;align-items: center;flex-direction: row;box-sizing: border-box;flex: 1 1 100%;max-height: 100%;width: 480px;margin: 0 auto 1.25rem auto; max-width: 100%;}
.library-top-search.library-top-search-overflow{margin-right: 16px; flex: 1 1 100%; box-sizing: border-box; max-width: 100%; display: flex;}
.library-button-box{flex: 1 0 auto;display: flex;box-sizing: border-box; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 4px}
.library-button{display: block; width: 48px; height: 48px; line-height: 48px; text-align: center;  font-size: 24px; cursor: pointer}
.library-button.active{background: rgba(0, 0, 0, 0.12);}
#search-keyboard{display: none}

.book-page-container-text table{display: table; width: 100%; margin: 0}
.book-page-container-text table td{padding: 0 12px}
.book-page-container-text table td:first-child{padding-left: 0}
.book-page-container-text table td:last-child{padding-right: 0}

.view-options:after, .view-options:before, .view-options *, .view-options:after *:before, .view-options:after *:after {box-sizing: border-box; clear: both}
.view-options{position: fixed; left: 420px; top:330px; width: 320px; height: auto; background: transparent; z-index: 3; box-sizing: border-box; transform: translate(-50%, -50%); box-shadow: 0 0 30px rgba(0,0,0,.4); border-radius: 8px; display: none; cursor: pointer}
.view-options-left, .view-options-right{width: 160px; height: 80px; background: white; line-height: 80px; text-align: center; float: left; font-size: 24px}
.view-options-left.opt-active, .view-options-right.opt-active{background: #4d6f83; color:white}
.view-options-left{border-bottom-left-radius: 8px; border-top-left-radius: 8px}
.view-options-right{border-bottom-right-radius: 8px; border-top-right-radius: 8px}

.book-container i.hidden{display:none}
.book-container span.transparent{background-color: transparent; /*text-decoration: none*/}
.p-t-20{padding-top: 20px} 
.p-b-20{padding-bottom: 20px}
.p-t-30{padding-top: 30px}
.p-b-30{padding-bottom: 30px}


.auth-wrapper{min-height: calc(100vh - 300px)}
.bg-lexaris-dark{background-color: var( --lexaris-dark ) }
.btn.bg-lexaris-dark{border-color: var( --lexaris-dark ) }
.btn.bg-lexaris-dark:hover{background-color: var( --lexaris-middle )}
.btn.bg-lexaris-dark:active{background-color: var( --lexaris-light )}

.btn-default:hover{background-color: var( --lexaris-light )}

.bg-lexaris-middle{background-color: var( --lexaris-middle ) }
.bg-lexaris-light{background-color: var( --lexaris-light ) }
.auth-wrapper .auth-box{margin: 0 0;}
.auth-wrapper .auth-box.box-register{width: 80%; max-width: 1100px}
.form-control.lexaris{border-left: 5px solid #729EC1}
.form-control.lexaris:disabled{border-left: inherit}

.form-control::-webkit-input-placeholder {
    color:var( --touch-of-turquoise);
}

.form-control::-moz-placeholder {
    color:var( --touch-of-turquoise);
}

.form-control::-ms-placeholder {
    color:var( --touch-of-turquoise);
}

.form-control::placeholder {
    color:var( --touch-of-turquoise);
}

aside.left-sidebar{padding-top: 126px}
.search-container{min-height: 62px}
.headersearch{background: #4d6f83; height: 62px; width: 100%; position: relative; z-index: 51}

#main-wrapper.home .headersearch{background: #eff3f6; box-shadow: 0px 10px 30px rgba(0,0,0,.4)}
#main-wrapper.home .headersearch .logo-img{display: block; max-width: 100%}
#main-wrapper.home .headersearch a.input-group-text{background-color: var( --lexaris-middle ); color: white}
#main-wrapper.home .page-wrapper > .container-fluid {padding: 0}
#main-wrapper.home .page-wrapper{margin-left: 0}
#main-wrapper.home .headersearch a.search-link{color: #4F5467}
#main-wrapper.home .home-container{
    background-image: url("/content/images/Headerbild2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
#main-wrapper.home #text1,
#main-wrapper.home #text2,
#main-wrapper.home #text3, 
#main-wrapper.book #text1,
#main-wrapper.book #text2,
#main-wrapper.book #text3{height: auto}
#main-wrapper.home #text1 a,
#main-wrapper.home #text2 a,
#main-wrapper.home #text3 a, 
#main-wrapper.book #text1 a,
#main-wrapper.book #text2 a,
#main-wrapper.book #text3 a{color: #333;}
#main-wrapper.home #text1, 
#main-wrapper.book #text1{
    background: rgba(0,0,0,.7);font-family: "Nunito", sans-serif; color: #f0f0f0;}


#main-wrapper.home #text1 aside, 
#main-wrapper.book #text1 aside{
    max-width: 486px;
    margin: 0 0 0 0;
    display: block;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
#main-wrapper.home #text1 p, 
#main-wrapper.book #text1 p{font-size: 16px; margin-top: 20px; text-align: justify}
#main-wrapper.home #text1 h4, 
#main-wrapper.book #text1 h4{margin: 20px 0 30px 0; font-size: 22px}
#main-wrapper.home #text2, 
#main-wrapper.home #text3, 
#main-wrapper.book #text2, 
#main-wrapper.book #text3{background: white}
#main-wrapper.home #text2 figure, 
#main-wrapper.home #text3 figure, 
#main-wrapper.book #text2 figure, 
#main-wrapper.book #text3 figure{width: 100%; margin-top: 20px;}
#main-wrapper.home #text2 figure img, 
#main-wrapper.home #text3 figure img, 
#main-wrapper.book #text2 figure img, 
#main-wrapper.book #text3 figure img{max-width: 120px; height: auto; margin: 30px auto}
#main-wrapper.home #text2 ul, 
#main-wrapper.home #text3 ul, 
#main-wrapper.book #text2 ul, 
#main-wrapper.book #text3 ul{font-size: 16px; display: block; list-style: none}
#main-wrapper .list-group-item{border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.125); margin-bottom: 0; float: left; white-space: nowrap; overflow: hidden}
.text-home h3{padding-left: 20px; font-size: 30px}
.text-home .badge{display: block; position: absolute; right: 10px}
.text-home .blend{position: absolute;right: 0;bottom: 0;top: 0;width: 20%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+22,ffffff+100&0.17+0,0.88+22,1+100 */
                  background: -moz-linear-gradient(left, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.88) 22%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
                  background: -webkit-linear-gradient(left, rgba(255,255,255,0.17) 0%,rgba(255,255,255,0.88) 22%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
                  background: linear-gradient(to right, rgba(255,255,255,0.17) 0%,rgba(255,255,255,0.88) 22%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}

.badge-primary{background-color: #12abc1}


.headersearch .logo-img{display: none}
.headersearch a.search-link{color: white; display: inline-block; margin: 0 12px; font-family: "Nunito", sans-serif; font-size: 1rem}
.headersearch a.input-group-text{background-color: #EFF3F6; line-height: 22px; font-size: 1rem}
.headersearch a.input-group-text:hover{background-color: #E8EBED}

.home-top-header{background: #4d6f83; text-align: right; padding: 8px; height: 54px;}
.home-top-header a{background-color: #12abc1; color: #ffffff; border-color: #12abc1; font-size: 1rem}
.home-lexaris-banner{height: 220px; background-image: url("/content/images/Headerbild2.jpg");
                     background-position: center;
                     background-repeat: no-repeat;
                     background-size: cover; margin-top: -8px;
                     display: flex;
                     align-items: center}
.home-lexaris-banner h1{font-size: 40px; font-family: "Nunito", sans-serif; color: white; text-shadow: 0 0 2px black, 1px 1px 5px black, 1px 1px 20px black;}
.lexaris-footer{background: var( --lexaris-middle); position: fixed; bottom: 0; width: 100%; padding: 0 20px; z-index: 10}

.home-lexaris-banner .form-control-lg, 
.home-lexaris-banner .input-group-lg>.form-control, 
.home-lexaris-banner .input-group-lg>.input-group-append>.btn, 
.home-lexaris-banner .input-group-lg>.input-group-append>.input-group-text, 
.home-lexaris-banner .input-group-lg>.input-group-prepend>.btn, 
.home-lexaris-banner .input-group-lg>.input-group-prepend>.input-group-text{
    line-height: 50px;
    height: 68px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; 
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.easy-autocomplete{width: 100%}
.search-container .input-group{flex-wrap: nowrap}
.search-container #search-query{border-top-right-radius: 0; border-bottom-right-radius: 0; height: 36px;}
.easy-autocomplete-container{width: 99%; left: 1%}
.easy-autocomplete-container ul{box-shadow: 0px 10px 10px rgba(0,0,0,.3)}
.easy-autocomplete-container ul li{font-family: Arial; padding: 4px 12px; border-bottom: 1px dotted #ccc}
.easy-autocomplete-container ul li a{color: #333}
.home-lexaris-banner .btn-group-lg>.btn, 
.home-lexaris-banner .btn-lg{
    line-height: 50px;
    font-size: 22px;
    padding: 0.5rem 3rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; 
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.lexaris-footer .search-link{color: white; line-height: 36px; margin: 0 12px; font-size: 1rem}
#main-wrapper.home.lexaris .page-wrapper > .container-fluid {padding: 20px 20px 40px 20px}

.home-intro{text-align: center; margin-top: 80px}
.home-intro a{border-radius:  20px; margin: auto; display: block; background-color: #12abc1; color: #ffffff; border-color: #12abc1; width: 80%;}
.home-intro span{display: inline-block; margin: 18px auto; font-size: 18px; font-weight: 700}
.home-button-container{position: absolute; width: 100%; text-align: center; bottom: 0px; padding-top: 40px; padding-bottom: 40px;
                       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+33&0+0,1+17 */
                       background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 33%); /* FF3.6-15 */
                       background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 33%); /* Chrome10-25,Safari5.1-6 */
                       background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 33%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.home-button-container a{border-radius: 20px; margin:  20px  auto 60px auto; display: block; background-color: #12abc1; color: #ffffff; border-color: #12abc1; width: 30%;}

.lexaris-content{font-size: 16px}
.lexaris-heading, .terms-numbers, .terms-sub-numbers, .data-protection-numbers, .data-protection-sub-heading{color: var( --lexaris-middle ); font-size: 18px; font-weight: 700}
.data-protection-sub-heading{font-size: 16px}

.terms-heading{font-size: 18px; font-weight: 700}
.terms-content{font-size: 16px; text-align: justify; margin-left: 16px}
.terms-date{font-style: italic}

.data-protection-content{font-size: 16px; text-align: justify;}
.data-protection-super-heading{color: var( --lexaris-middle ); font-size: 22px; font-weight: 700}
.data-protection-heading{color: var( --lexaris-middle ); font-size: 18px; font-weight: 700}

.faqs.accordion-header{cursor: pointer}
.faqs .accordion-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var( --lexaris-middle ); font-size: 18px; font-weight: 700}
.faqs .bookmark-button{color: var( --lexaris-middle )}
.faqs.accordion-content-container{padding: 0; font-size: 16px}
.faqs .accordion-content-row-title{color: #333333}
.faqs-subheader{color: var( --lexaris-middle ); font-weight: 700; margin-top: 12px}
.usersetting .nav-link{background: white; color: var( --lexaris-dark)}
.usersetting .nav-link.active{background: var( --lexaris-middle); color: white}
.usersetting .nav-tabs .nav-item:hover{border: 1px solid var( --lexaris-middle); border-bottom-color: white}
.usersetting .nav-tabs .nav-item .nav-link:hover{border-bottom-color: white}
.usersetting .nav-tabs .nav-item .nav-link.active:hover{border-bottom-color: var( --lexaris-middle)}
.usersetting .nav-tabs .nav-item{border: 1px solid white; border-bottom-color: var( --lexaris-middle)}
.usersetting .nav-tabs .nav-item.active{border: 1px solid var( --lexaris-middle)}
.usersetting .nav-tabs .nav-item.show .nav-link,.usersetting .nav-tabs .nav-link.active{border-color: inherit}
.usersetting .nav-tabs{border-bottom-color: var( --lexaris-middle)}
.usersetting .nav-tabs .nav-link.active{border: 1px solid var( --lexaris-middle)}

.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 18px!important; line-height: 38px!important}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single{height: 38px!important}
.select2-container--default .select2-selection--single{border-color: #ccc!important}

.search-overflow{display: flex; flex-direction: row; padding-left: 10%; padding-right: 10%}

div.dossier{display: inline-block; position: relative; width: 160px; height: 120px; margin-bottom: 20px}
div.dossier span{position: absolute; display: inline-block; width: 150px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; bottom: 0; left: 0; color: var( --lexaris-dark)}
i.dossier{font-size: 96px; color: var( --lexaris-middle)}
div.dossier-right{height: calc(100vh - 130px); background: white}
div.dossier-right .accordion-content-row {
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    padding: 0.3rem 0 0.3rem 1.25rem;
    min-height: 48px;
    line-height: initial;
    align-items: center
}
div.dossier-right .accordion-content-row:hover{background: #f0f0f0}
div.dossier-right .accordion-content-row-buttons{align-items: center}
.dossier-add{color: var( --lexaris-light ); font-size: 28px; position: absolute; right: 14px; top:14px; display: flex; align-items: center; cursor: pointer}
.dossier-add span{color: var( --lexaris-middle); font-size: 14px; display: inline-block; margin-right: 6px }
.dossier-edit{position: absolute; top:2px; right: 48px; width: 24px; height: 24px; color: var( --lexaris-dark); background: white; line-height: 24px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 0px 4px var( --lexaris-middle); cursor: pointer}
.library-add-content{border: 1px solid #ccc; height: calc(100vh - 202px); overflow-y: scroll}
.contact_us .auth-wrapper {
    min-height: calc(100vh - 368px);
}
.contact_us .auth-wrapper .auth-box{max-width: 600px}
.page-wrapper>.container-fluid{min-height: inherit}
.display_phone{display: none}
.display_all{display: block}
.btn-back-from-dossier{position: absolute; top: 16px; right: 20px; display: none}
.country-list.h select.form-control{
    background-color: var( --lexaris-dark);
    height: 36px !important;
    color: white;
    border-color: var( --lexaris-dark);
}
.country-list.country-list-home.h select.form-control{border-radius: 0; border-color: #4d6f83; height: 68px !important; line-height: 50px; background: #4d6f83; color: white; width: 100%; font-size: 1.09375rem;}
.search2-home-mini{display: none}
.lexaris-content-with-icon, .lexaris-heading, .lexaris-content div{display: block; padding-left: 84px; position: relative}
.lexaris-content-with-icon img{position: absolute; left: 0; top: -20px; width: 64px; height: 64px}
.bottom-card{margin-top: 60px}
.bottom-card .image-holder{position: absolute; width: 140px; height: 140px; background: white; border-radius: 140px; top: 0px; z-index: 2; left: 50%;  transform: translate(-50%, -50%);}
.bottom-card .image-holder img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.bottom-card .card{ padding: 80px 20px 40px 20px; color: whitesmoke; box-shadow: 2px 2px 10px rgba(0,0,0,.3)}
.middle-card{padding-top: 20px}
.middle-card .card{padding: 16px}
@media (max-width: 960px) and (min-width: 767px) {
    .search2-home-mini{display: block}
    .search2-home{display: none}
    .headersearch{height: 86px} 
    .headersearch.home{height: 62px}
    .search2{margin: 12px 12px 8px -2px; flex: none}
    aside.left-sidebar {
        padding-top: 158px;
    }
    .text-home h3 {
        padding-left: 20px;
        font-size: 24px;
    }
}

@media (max-width: 766px) {
    .search2-home-mini{display: block}
    .search2-home{display: none}
    .headersearch.home{height: 62px}
    .view-options{position: fixed; left: 50%; top:50%;}
    .auth-wrapper{min-height: calc(100vh - 250px)}
    .auth-wrapper .auth-box.box-register{width: 100%; padding: 0}
    .search-container{min-height: 62px}
    .headersearch{height: 86px}
    .search2{margin: 12px 12px 8px 12px}
    aside.left-sidebar{padding-top: 152px;}
    .page-wrapper > .container-fluid {
        min-height: calc(100vh - 152px);
    }
    #main-wrapper.home #text1,#main-wrapper.home #text2,#main-wrapper.home #text3{height: auto}
    .search-overflow{padding-left: 0%; padding-right: 0%}
    .letter {
        box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
        box-sizing: border-box;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: 0;
        outline: none;
        margin-right: 0px;
        border: none;
        -webkit-tap-highlight-color: transparent;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        vertical-align: baseline;
        text-align: center;
        min-width: 64px;
        line-height: 36px;
        overflow: visible;
        transform: translate3d(0,0,0);
        transition: background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
        min-width: 0;
        border-radius: 0;
        width: 32px;
        height: 39px;
        padding: 0;
        flex-shrink: 0;
        background-color: white;
        border: 1px solid #ccc;
    }
    .home-lexaris-banner .btn-group-lg>.btn, .home-lexaris-banner .btn-lg {
        line-height: 32px;
        font-size: 17px;
        padding: 0.5rem 1rem;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .home-lexaris-banner .form-control-lg, .home-lexaris-banner .input-group-lg>.form-control, .home-lexaris-banner .input-group-lg>.input-group-append>.btn, .home-lexaris-banner .input-group-lg>.input-group-append>.input-group-text, .home-lexaris-banner .input-group-lg>.input-group-prepend>.btn, .home-lexaris-banner .input-group-lg>.input-group-prepend>.input-group-text {
        line-height: 50px;
        height: 48px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .my-tools .circle{display: none}
    .my-tools .circle.my_print_button{display: inline-block}
    .lexaris-footer{position: static}
    .lexaris-footer.text-right{text-align: center!important}
    .lexaris-footer .search-link {display: block}
    .display_phone{display: block}
    .display_all{display: none}
    .row.slider-row{margin-bottom: 12px}
}


@media (min-width:1300px){
    .search2-home-mini{display: none}
    .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
    .col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
    .col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
    .col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
    .col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
    .col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
    .col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
    .col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
    .col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

.search2 #search-button{
    padding: 0.375rem 1rem;background-color: #eff3f6 !important;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.notification{padding-top: 0; padding-bottom: 60px}
.notification h1{font-size: 26px; display: inline-block}
.notification h2{font-size: 23px; display: inline-block}
.notification h3{font-size: 20px; display: inline-block}
.notification h4{font-size: 18px; display: inline-block}
.notification table a, a.link{color: var( --lexaris-dark )}
.notification table a:hover, a.link:hover{color: var( --lexaris-middle )}

.text-lexaris-dark{color: var( --lexaris-dark )!important}
.text-italic{font-style: italic }
.table td, .table th, .table thead th {
    padding: .5rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
.table th, .table thead th {
    font-weight: 800;
}
table {width: 100%;}
td
{
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
td.simply{width: 15%}
td.short {width: 10%;}
td.shorter {width: 3%; min-width: 32px}
td.middle {width: 25%;}

hr{
    border-top-color: var( --lexaris-middle );
}
i.bi{font-size: 18px}
#main-wrapper{overflow: visible}
.card{
    box-shadow: 2px 2px 6px rgba(0,0,0,.3);
    border: 1px solid;
    border-color:  var( --lexaris-dark);
    background: white;
}
.card .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var( --lexaris-middle);
    border-bottom: 1px solid;
    border-bottom-color:  var( --lexaris-dark); 
    color: white;
    font-size: 16px;
    font-weight: bold;

}

.card .card-header.final {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var( --lexaris-light);
    border-bottom: 1px solid;
    border-bottom-color:  var( --lexaris-middle); 
    color: white;
    font-size: 16px;
    font-weight: bold;

}
i.bi.little{font-size: 13px}
.btn.mbadge:not(:disabled):not(.disabled){cursor: default}
.card-body{
    padding: 12px;
}

.notification.diff .book-page{padding: 16px; border-right: 0px !important}
.notification.diff .w-80-p.book-page-container-text{width: 100%}
.notification.diff .w-5-p{width: 0px; display: none}
.notification.diff .bi-caret-up-square.text-white, .notification.diff .bi-caret-down-square.text-white {font-size: 22px}
.notification.diff .down-up{position: absolute; right: 10px; top: 6px}
.notification.diff .mark-all{
    background-color: var( --lexaris-light);
    padding: 2px 4px;
    color: white;
}
.notification.diff .mark-selected{
    background-color: var( --lexaris-dark);
    padding: 2px 4px;
    color: white;
}
.autocompleter-value{display: inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.timeline{position: absolute;  width: 1px; top: 50px; height: 400px; background: none}
.timeline.right{left: 0;}
.timeline.left{right: 0}
.timeline .pointer{position: absolute; width: 20px; height: 6px; background: black; top:10px; background: var( --lexaris-middle); cursor: pointer}
.timeline .pointer:hover{background: var( --lexaris-light)}
.timeline .pointer.left{right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.timeline .pointer.right{left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px}

.text-lexaris-light{color: var( --lexaris-light )!important;}
.text-bold{font-weight: 700}
.text-normal{font-weight: normal; color: #2e2e2e}
#main-wrapper.home #text2 a{font-size: 16px}
.header-icons{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-icons:last-child{
    margin-left: auto;
}
.header-icons a{
    border: 1px solid #ccc;
    padding: 0 4px;
    background: #f0f0f0;
    border-radius: 4px;
    margin: 0 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

.header-icons select{
    margin: 0 16px 0 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

.header-icons span.category-span{
    font-style:italic;
    font-size:0.8em;
    border: 1px solid #e9ecef;
    padding: 0 4px;
    margin: 0 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    padding: 0 10px;
    line-height: 27px;

}
.eye{  position: absolute;
       right: 0;
       bottom: 0;
       top: 0p;
       display: inline-block;
       z-index: 100;
       background: #f0f0f0;
       padding: 4px;
       border-left: 1px solid #ccc;

}
.book-pages-flat h1{
    font-size: 18px;
    padding: 12px 0 8px;
}
.book-pages-flat h2 {
    font-size: 16px;
    padding: 12px 0 8px;
}
.book-pages-flat ul{list-style: circle; color: var( --lexaris-dark)}
.book-pages-flat ul a{ color: var( --lexaris-dark) }
.book-pages-flat ul a:hover{ color: var( --lexaris-middle) }
.book-pages-flat{text-align: left}
.book-pages-flat .w-80-p{width: 100%}
.book-pages-flat .w-5-p{width: 0; display: none}
.eye i.bi{font-size: 24px; color: var( --lexaris-dark )}
.p-l-0{padding-left: 0!important}

.nav-lexaris ol.breadcrumb{
    margin-bottom: 0;
    padding-left: 0;
    background: none;
    padding-top: 0;
}
.nav-lexaris ol.breadcrumb a{color: var(--lexaris-dark )}
.nav-lexaris ol.breadcrumb a:hover{color: var(--lexaris-middle )}
a.to-top-button.bp-bl.bm-1 {
    bottom: 12px;
    left: 12px;
}

/*Range slider*/
.range-slider-container{width: 100%; margin: auto; margin-bottom: 24px}
.irs--round .irs-single{
    padding: 8px;
    border-radius: 16px;
    background-color:  var( --lexaris-light);
    display: none;
}
.irs--round .irs-single::before{border-top-color: var( --lexaris-light)}
.irs-single{top: -16px; cursor: move; background-color: var( --lexaris-light); }
.irs--round .irs-handle{border: 8px solid;border-color: var( --lexaris-light); width: 16px; height: 16px; cursor: move; top: 18px;}
.irs--round .irs-min, .irs--round .irs-max{display: none;}
.irs--round .irs-bar{top:24px; background:  var( --lexaris-light)}
.irs--round .irs-line {top:24px;}

#my-tools-tooltip.hidden{display:none}
#my-tools-tooltip{border-radius: 4px; padding: 5px 10px; background-color: rgba(0,0,0,.6); font-size: 10px; color: white; position: absolute; top:74px}
.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #232323;
	overflow: hidden;
	position: fixed;
    bottom: 37px;
	right: 1px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} 
.cookieConsentContainer .cookieDesc a {
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: var(--lexaris-dark );
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
	
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	color: #FFFFFF;
	background: var(--lexaris-light);
}
@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}
.card-body.notification a{
	color: var(--lexaris-dark);
}

.manual a{color: var(--lexaris-dark);}
.manual ul a{color: var(--lexaris-dark);}
.manual ul{margin:0; padding:0; list-style: none}
.manual ul.level{margin-left: 20px}
.manual img.img-responsive{width: 100%; max-width: 100%}

.lang-switcher-1{
	border-radius: 0;
    border-color: #eff3f6;
    background: #eff3f6;
    color: #4F5467;
    padding-left: 8px;
    padding-right: 8px;
    height: auto;
    font-size:16px
}
.lang-switcher-2{
	border-radius: 0;
    border-color: #4d6f83;
    background: #4d6f83;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    height: auto;
    font-size:16px
}