body {
    /**/
    line-height: 20px;
    color: #526484;
    font-size: 300;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    background-image: linear-gradient(#eef0f880, #eef0f8);
    min-height: 100vh;
    position: relative;
    padding-bottom: 62px;
}
h1 { 

    font-size: 24px; 
    font-style: normal; 
    font-variant: normal; 
    line-height: 26.4px; 
    color: #32325d !important;
} 

h3 { 

    font-size: 14px; font-style: 
        normal; font-variant: normal; 
    line-height: 15.4px; 
    color: #32325d !important;
}

h4 { 

    color: #32325d !important;
    font-variant: normal; 
} 

p { 

    font-size: 14px;
    font-style: normal; 
    font-variant: normal; 
    line-height: 20px; 
} 
blockquote { 

    font-size: 21px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 30px; 
} 
pre { 

    font-size: 13px;
    font-style: normal;
    font-variant: normal; 
    font-weight: 400; 
    line-height: 18.5714px; 
}

b {
    font-weight: 600;
}

em {
    font-weight: 600;
    background-color: #2196f31f;
    font-style: normal !important;
}

strong {
    font-weight: 400;
}

.ms-nav{
    background-color: #ffffff;
    border-bottom: .1rem solid rgba(0,0,0,.1);
    padding: 1rem 0;
    margin-bottom: 1rem;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 0px 0 rgba(0,0,0,.12) !important;
}
.ms-brand{
    padding-left: 1.5rem;
    padding-right: 5px;
    margin-right: 5px;
}
.navbar-default {
    box-shadow: none !important;
}

.header{
    top: 0;
    left: 0;
    z-index: 2200;
    width: 100%;
    background-color: rgb(60, 78, 88);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    z-index: 999;

}
header, footer {
    position: relative;
}
.left{
    float:left;
}
.right{
    float:right;
}
.main-navigation .pad{
    padding-top:5px;
}

.list-unstyled li{
    padding: .4rem 1rem;
}

.list-unstyled li {
    font-size: 14px !important;
}

.page .content{
    background-color: #edeef0;
    z-index: 1;
    margin-top: 7rem;
}
.page .content .block {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ts1 .ts1-wrapper .background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.ts1 .ts1-wrapper .background .background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ts1 .ts1-wrapper  .background-image .original-size {
    background-size: inherit;
}

.ts1 .ts1-wrapper .page-title {
    padding-top: 2.7rem;
    padding-bottom: 1.5rem;

}

.opacity-60 {
    opacity: .6;
}

.ts1 .ts1-wrapper .page-content{
    padding: 2em 20% 2em 20%;
}

.width-100{
    width: 100%;
}

.ts1 .ts1-wrapper .page-title a:after {
    background-color: #000;
    width: 100%;
    height: .2rem;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
}
.opacity-60 a:hover {
    color: #fb3 !important
}
.opacity-60 a {
    color: #000000d9;
    transition: .3s color ease, .3s background-color ease, .3s box-shadow ease;
}
.center {
    text-align: center;
}

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

    .search-bar{
        width: 96% !important;
    }
    .search-bar .keyboard-icon {
        display: none;
    }
}


.search-outer {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2em;
    display: block;
    position: relative;
    background-color: #fff;
    padding-left: .75em;
}
.search-input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 1.1em;
    font-weight: normal;
    display: block;
    width: 94.5%;
    background: none;
    outline: none;
    border: none;
    padding: 0;
    height: 2.545455em;
    z-index: 1;
    position: relative;
    top: -1px;
    color: #32325d !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #868e96;
    font-size:15px;
}

.search-icon {
    height: 24px;
    line-height: 24px;
    position: relative;
    fill: #4285f4;
    width: 24px;
}
.keyboard-image{
    background-image: url(../img/svg/keyboard.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;  
}

.buttons-left-position {
    background-size: 24px 24px;
    bottom: 0;
    cursor: pointer;
    margin-inline-end: 12px;
    max-height: 2.8em;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}
.btn-margin-r2 {
    margin-right: 10px !important;
}
.btn-margin-r3 {
    margin-right: 80px !important;
}
.btn-nostyle {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    margin: 3px 10px 1px 10px;
}
.btn-margin {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.btn-margin-r1 {
    margin-right: 50px !important;
}

#keyboard-popup {
    position: fixed;
    z-index: 1100;
    bottom: 0;
    width: 100%;
    min-width: 740px;
    background-color: #dbdbda;
}
.keyboard-popup_hidden_yes {
    display: none;
}

.hidden_yes {
    display: none;
}

.keyboard-popup-close {
    position: absolute;
    top: 13px;
    right: 13px;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    background: url(https://yastatic.net/www/_/k/6/70tByDQRq9tNNYOMWZQzjfim8.webp) no-repeat center;
    opacity: .35;
    cursor: pointer;
}
.keyboard {
    padding: 18px 10px 8px;
}
.simple-keyboard.hg-theme-default {
    background-color: rgba(0,0,0,.1);
    padding: 5px;
    border-radius: 5px;
}
.simple-keyboard .hg-row{display:-webkit-flex;display:flex}.simple-keyboard .hg-row:not(:last-child){margin-bottom:5px}.simple-keyboard .hg-row .hg-button-container,.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:5px}.simple-keyboard .hg-row>div:last-child{margin-right:0}.simple-keyboard .hg-row .hg-button-container{display:-webkit-flex;display:flex}.simple-keyboard .hg-button{display:inline-block;-webkit-flex-grow:1;flex-grow:1;cursor:pointer}.simple-keyboard .hg-button span{pointer-events:none}.simple-keyboard.hg-theme-default{background-color:rgba(0,0,0,.1);padding:5px;border-radius:5px}.simple-keyboard.hg-theme-default .hg-button{box-shadow:0 0 3px -1px rgba(0,0,0,.3);height:40px;border-radius:5px;box-sizing:border-box;padding:5px;background:#fff;border-bottom:1px solid #b5b5b5;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.simple-keyboard button.hg-button{border-width:0;outline:0;font-size:inherit}.simple-keyboard.hg-theme-default:not(.hg-touch-events) .hg-button:active{background:#e4e4e4}.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button{width:33.3%;height:60px;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd,.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.simple-keyboard.hg-theme-default .hg-button.hg-button-com{max-width:85px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}
.simple-keyboard {
    width: 60%;
    text-align:center;
    margin-left: 20%;
}

.search-radius {
    border-top-left-radius: .4em !important;
    border-top-right-radius:.4em !important;
}
.tab-fs{
    font-size: 1rem;
    margin-bottom: .5rem;

    font-weight: 300;
    color: #222222;
}
.select-st{
    background-size: 24px 24px;
    bottom: 0;
    cursor: pointer;
    margin-inline-end: 12px;
    max-height: 2.8em;
    position: absolute;
    right: 0;
    top: 0;
    width: 18%;
    margin-right: 10% !important;
    margin-top: 4px;
    margin-bottom: 4px;
}

.tab-active{
    border-color: #ffaa00 #ffaa00 #fff !important;
}

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

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

}

.tab-content {
    border-top: none;
    /* border-bottom-left-radius: .4em; */
    padding: 0 .4em;
    border-bottom-right-radius: .4em;
}


.page >.content:after {
    background-image: url(../img/footer-overlay.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 4.2rem;
    left: 0;
    content: "";
    position: absolute;
}


.footer {
    bottom: 0;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 10rem;
}

.wrapper{
    overflow: hidden;
    box-shadow: 0 0.1rem 1rem rgba(0,0,0,.1);
    transition: .3s box-shadow ease, .3s transform ease;
    border-radius: .5rem;
    background-color: #fff;
    position: relative;
    transform: translateY(0);
    margin-bottom: 3rem;
    margin-top: 3rem;
    margin-right: 3rem;
    margin-left: 3rem;

}
.wrapper:hover{
    box-shadow: 1rem 1rem 2rem rgba(0,0,0,0.2);

}
.wrapper-body{
    padding:1rem;
}
.wrapper-body .icon{
    padding-bottom:1rem;
}

.icon-info h4{
    font-weight: 600;
    font-size:1.6rem;
}
.icon-info p{
    padding-top: .4em;
    font-weight: 500;
    font-size:1.1rem;
}



















.detail-pad {
    padding-bottom: 4rem !important;
}

.page .content .block-search-page {
    padding-bottom: 2rem;
}
.modal-dialog.modal-notify.modal-danger .badge, .modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #fff;
    padding: .2em 1em .2em 1em;
}

.menu-collapsed {
    float:left;
}
.color-white {
    color: white;
}

.modal-dialog.modal-notify .close {
    opacity: 1;
    padding-left: 0px;
}

.left-panel-content{
    padding: .7rem .3rem;
    margin:0 .8rem 0 .8rem !important
}

.panel-title{
    color:#3c4e58 !important;
    font-size:1rem;
}

.left-panel-content-collapse{
    margin: 0 .8rem 0 .8rem !important;
}

.font-size-1rem{
    font-size: 1rem  !important;
}

.left-panel-content-collapse ul {
    margin-bottom: 0;
    padding-left: 30px;
}
.left-panel-content-collapse ul li {
    list-style: none;
}

.mb-0:hover{
    color: #545766;
}

.card-p{
    border: 0;
    font-weight: 400;
}


.left-panel-content i{
    font-size: 1.05rem;
}

.right-content-content{
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    margin: 1.75rem auto;
}
.left-box{
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    background: #fff;
    margin: 1.75rem auto;
    min-height: 131rem;
}
.left-box .btn-s{
    background-color: transparent;
    border: 0;
    margin: 0.5em 0.5em 0 0.5em;
    float:right;
    padding:0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.btn-ss{
    margin: .5em !important;
}
.left-panel-content-collapse ul li {
    padding: 6px 6px 6px 10px;
    border-radius: 7px;
}
.left-panel-content-collapse ul li:hover {
    color: #545766;
    background: whitesmoke;
}

.left-panel-content-collapse ul li a{
    color: #3c4e58d1 !important;
    font-size: .5em;
}
.left-box-h5-border{
    border-left: 2px solid #a1b3c3;
}

.left-box-when-collapse{
    width: 3.2em;
    border-left: 2px solid #a1b3c3;
    height:83.5rem
}

.right-box{
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    background: #fff;
    margin: 1.75rem auto;
}
.right-box .right-box-a{
    padding: 0.7em;
}

.pb-1{
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: .8rem !important;
    color: #3c4e58 !important;
    font-size: 1rem;
}
.footer{
    display: block;
}
footer.footer-light {
    background: #f9f9f9;
}
footer.navbar-border {
    border-top: 1px solid #e4e7ed;
}
footer.footer {
    padding-top: 1.3rem;
    padding-bottom: .9rem;
    bottom: 0;
    width: 100%;
    position: absolute;
    left: 0;
}
.blue-grey {
    color: #90a4ae !important;
}
.transparent-color {
    background-color: transparent !important;
}
.px-2 {
    padding-left: 1.5rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.fs-18{
    font-size:18px;
}
.content-body{
    -moz-box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 2px #00000030;
}

.light {
    border-color: #e5e5e5;
}

.single-query-box-body-title-a {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    color: #0470B7 !important;
    margin: 4px 0px 4px 0rem;
    font-weight: 400;
    font-size: 15.2px !important;
}
.single-query-box-body-title-a:hover {
    text-decoration: underline;
    color: #00278e;
}
.single-query-box-body-info {
    margin-bottom: 5px;
}

.single-query-img {
    background-image: url(../img/akademik-dergi.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 90%;
    max-height:56px;
    background-position: top;
}

a.passive{
    color: #526484;
}

.pl-0{
    padding-left:0px;
}
.pr-0{
    padding-right:0px;
}

.pl-10{
    padding-left:7px;
}

.single-query-box-content{
    margin: 10px 10px 10px 0;
    color: #494949;
    line-height: 1.45;
    font-size: 14px;
}

.query-box-text{
    color: #494949;
    line-height: 1.45;
    font-size: 14px;

    padding-top: 3px !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.left-panel-content-collapse ul li a {
    font-size: .88em;
}

.fs-09em{
    font-size: .98em;
}


.single-query-box-body-icons{
    display: inline-block;
    max-width: 100%;
    color: black !important;
    margin: 2px 2px 2px 2px;
}

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

/*ABSTRACT BOX */
#abstract-box{
    display: block;
    position: absolute;
    top: 1rem;
    right: -1rem;
    z-index: 1500;
    padding: 30px 0 0 0;
    width: 27rem;
}

.abstract-box-detail {
    display: block!important;
    margin-top: 0;
    padding: 0 10px 20px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
    border: 1px solid #edeef0;
    border-bottom: 3px solid #edeef0;
}
.triangle-arrow{
    width: 30px;
    height: 31px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 85.5%;
}
.triangle-arrow:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: 22px;
    left: 7px;
    border: 1px solid #edeef0;
    box-shadow: 0 0 6px rgba(0,0,0,.18);
}
.well{
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.m-info{
    padding: 20px 20px;
}

.m-info h2 {
    color: #252a2d;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}
.mb20 {
    margin-bottom: 20px;
    text-align: left;
}
.m-info p {
    line-height: 21px;
    font-size: .9rem;
    color: #3a434e;
}
/*ABSTRACT BOX END*/

.is-loading{
    background-image: url(../img/loading.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 4.2rem;
    left: 0;
}

.search-detail-p{
    background: #fff;
    display: flex;
    border-radius: 5px;
    border: 1px solid #dfe1e5;
    box-shadow: none;
    border-radius: 24px;
    z-index: 3;
    height: 44px;
    margin: 0 auto;
}    

.pr-12em{
    padding-right: 12em !important;  
}


.filter-box{
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    background: #fff;
    margin: 1.75rem auto;
    padding-bottom: .1em !important;
}

.filter-box-none{
    display:none;
}

.fs-1-4rem{
    font-size: 1.05rem !important;
}

.left-panel-bottom{
    margin: .8rem;
    text-align: center;
}
.btn-fltr{
    border: 2px solid #a1b3c3!important;
    color: #a1b3c3;  
}

.mt-15{
    margin-top: 1.2rem;
    text-align: justify;
}
.ms10{
    font-size: initial;
    text-align: center;
    font-weight:400;
}
.mt-30{
    margin-top: 3rem;
}
.pr-5{
    padding-right: 5.5em !important;
}

.flag-resize{
    width: 1.73333333em !important;
    line-height: 1.5em !important;
}

.sub-link {
    color: #006621;
    font-style: normal;
    font-size: 13px;
    padding-top: 1px;
    line-height: 1.43;
    margin: 1px 8px 1px .75rem;
}

.mb-8{
    margin-bottom: 8px !important;
}

.cy1{
    color: #999999;
}

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}
.danger-text {
    color: #ff3547; }
.default-text {
    color: #3c4e58;
}
.info-text {
    color: #33b5e5; 
}
.form-white .md-form label {
    color: #fff; 
}
.form-white input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=text]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.form-white input[type=password]:focus:not([readonly]) + label {
    color: #fff; 
}
.form-white input[type=password], .form-white input[type=text] {
    border-bottom: 1px solid #fff; 
}
.form-white .form-control:focus {
    color: #fff;
}
.form-white .form-control {
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff; 
}
.form-white textarea.md-textarea  {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly])+label {
    color: #fff;
}
.ripe-malinka-gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.near-moon-gradient {
    background-image: linear-gradient(to bottom, #5ee7df 0%, #b490ca 100%);
}
.pdf-red-icon {
    height: 25px;
    width: 24px;
    background-image: url(../img/svg/pdf-red.svg);
}

.excel-icon {
    height: 25px;
    width: 24px;
    background-image: url(../img/svg/excel.svg);
}

.search-abstract-icon {
    height: 27px;
    width: 27px;
    background-image: url(../img/svg/search.svg);
}

.header .search-bar {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.search-bar {
    padding: 0;
    position: relative;
    width: 145%;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
.header .search-bar .input-container {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
.search-bar .input-container {
    position: relative;
    z-index: 900;
}
.flex-row-vcenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.search-bar .field-of-study-select {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: #f5f6f7;
    color: #5f686e;
    border-right: 1px solid #e0e0e0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.select--no-styles, .select--no-styles--inline, .select--no-styles--no-flex {
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.search-bar .field-of-study-select select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: transparent;
    font-size: 11.9px;
    font-weight: 500;
}
.select--no-styles select, .select--no-styles--inline select, .select--no-styles--no-flex select {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 42px;
    width: 100%;
}
button, input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
.search-bar .input-bg {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fff;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.flex-row-vcenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.search-bar .search-icon {
    background-image: url(../img/svg/search-image.svg);
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 24px;
    background-repeat: no-repeat;


}

  

.search-bar .keyboard-icon {
    background-image: url(../img/svg/keyboard.svg);
    height: 28px;
    background-repeat: no-repeat;
    width: 28px;
    margin-right: 5px;
    margin-left: 10px;
}
.search-bar input[type=search] {
    color: #3c4e58;
    padding-left: 10px;
}
.search-bar input[type=submit] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.select--no-styles::after, .select--no-styles--inline::after, .select--no-styles--no-flex::after {
    content: '\25C0';
    font-size: 9.925px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 40%;
    margin-top: -6px;
    transform: rotate(-90deg);
}
li header{
    padding-left: 20px;
}

.onboarding-ed__arrow {
    height: 56px;
    width: 56px;
    bottom: -25px;
    left: 50%;
    margin: 0 0 50px -28px;
    background: rgba(34,34,34,0.35);
    visibility: visible;
    position: fixed;
    z-index: 10;
    cursor: pointer;
    background-size: 24px;
    border-radius: 100%;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.onboarding-ed__arrow img {
    height: 24px;
    width: 24px;
    top: 50%;
    left: 50%;
    margin: -12px;
    position: absolute;
}

.page-content{
    background-color: #fff;
    padding: 60px 30px;
    text-align: center;
    display: block;
}

.page-content .page-title{
    margin-bottom: 10px;
    padding:30px;
    padding-bottom:70px;
    font-size: 30.2px;
    font-weight: 300;
    margin: 0 0 10px;
}

.flex-container{
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.flex-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-centered {
    margin: auto;
}
.page-content .icon {
    margin: 40px auto;
    width: 270px;
    height: 158px;
    overflow: hidden;
}
.page-content .icon--papers img {
    margin-left: 39px;
}
.flex-item p {
    font-size: 14.8px;
}

.page-content .icon--analyze img {
    margin-left: -191px;
}

.page-content .icon--network img {
    margin-left: -465px;
}

.thumbnail img{
    padding-bottom:20px;
}

.page-content-gray{
    background-color: #f5f6f7;
    padding: 60px 30px;
    text-align: center;
}

.page-content-gray .page-title{
    margin-bottom: 10px;
    padding:30px;
    padding-bottom:70px;
    font-size: 30.2px;
    font-weight: 300;
    margin: 0 0 10px;
}

.text1{
    font-size:1.05rem;
}

.play-svg {
    height: 32px;
    width: 32px;
    background-image: url(../img/svg/play.svg);
}

.pagew-title{
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #2e414f;
    padding-left: 5px;
}
.pagew-top-mrg{
    margin-top: 1.5rem;
    margin-bottom: 1.3em;
}

.center-items{
    text-align: -webkit-center;
}

.mrg45{
    margin-top: 1rem;
}

.similar-paper-box{
    background-color: #fff;
    position: relative;
    padding: 30px 20px 50px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border: 1px solid #ced4da8f;
}

.similar-paper-box-fold {
    border-right: 18px solid #f0f0f0;
    border-bottom: 18px solid #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -2px;
    margin-top: -2px;
    z-index: 3;
}

.similar-paper-box-select {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    z-index: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    font-size: .9rem;
    min-width: 1.4em;
    padding-left: .2em;
    padding-top: .2em;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

.similar-paper-box-data-top {
    font-size: 12px;
}
.similar-paper-box-data-link {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 18px;
}

.similar-paper-box-data-authors {
    color: #34425a;
    font-size: 14px;
}
.working-area .similar-paper-box-data-authors span{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 1.5rem;
    overflow: hidden;
    padding-bottom: .3em;
}


.similar-paper-box-footer {
    position: absolute;
    left: 0;
    bottom: -1px;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    -ms-flex-align: center;
    align-items: center;
}
.similar-paper-box-footer .similar-paper-box-footer-right {
    border-left: 1px solid #e0e0e0;
}

.similar-paper-box-footer-save {
    font-weight: 400;
    background-color: transparent;
    border: 0;
    padding: 10px 20px;
    margin-left: -4px;
    white-space: nowrap;
}

.similar-paper-box.add-new-card{
    padding: 30px 20px 0px;
}

.similar-paper-box.add-new-card .similar-paper-box-footer{
    position: initial;
}

.similar-paper-box.add-new-card .similar-paper-box-footer .similar-paper-box-footer-save{
    padding: 10px 0px;
}




.breadcrumb {
    background-color: unset !important;
}

.flex-row-centered {
    line-height: 1.4;
    align-items: center;
    display: -ms-flexbox;
    justify-content: center;
}
.icon-button-text {
    color: #237aaa;
    font-size: 13px;
    padding: 3px 5px;
}

.similar-paper-box-footer i{
    color: #237aaa;
    font-size: .96rem;
    font-weight: 500;
}

.bookmark-svg {
    height: 20px;
    width: 20px;
    background-image: url(../img/svg/bookmark.svg);
}
.clr1{
    color: #494949;
}
.size1{
    width: 255px;
    font-size: .8rem;
}

.page-cart{
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-top: -1px;
    padding: .2rem;
}
.page-cart-counter{
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-top: 1rem;
    padding: .8rem;
}

.counter {
    background-color:#f5f5f5;
    padding: 10px 0;
    border-radius: 10px;
}

.count-title {
    font-size: 28px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

.link{
    cursor: pointer;
    text-decoration: none;
    color: #0056b3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.link:hover {
    text-decoration: underline;
    color: #007bff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.form-control, .form-control:focus, .input-group-addon {
    border-color: #e1e1e1;
    border-radius: 0;
    font-weight:300;
    background: #fcfdff;
}

.signup-form h3 {
    color: #636363;
    margin: 0 0 15px;
    text-align: center;
}
.signup-form .lead {
    font-size: 14px;
    margin-bottom: 60px;
    text-align: center;
}
.signup-form form {		
    border-radius: 10px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 2px 7px rgba(0.1, 0.1, 0.1, 0.14);
    padding: 30px;
}
.signup-form .form-group {
    margin-bottom: 20px;
}
.signup-form label {
    font-weight: normal;
    font-size: 13px;
}
.signup-form .form-control {
    border: 1px solid #cacde0;
    border-radius: 2px!important;
}	
.signup-form .input-group-addon {
    max-width: 42px;
    text-align: center;
    background: none;
    border-width: 0 0 1px 0;
    padding-left: 5px;
}
.signup-form .btn {        
    font-size: 15px;
}
.signup-form .btn:hover, .signup-form .btn:focus {
    background: #179b81;
}
.signup-form a {
    text-decoration: none;
}	
.signup-form a:hover {
    text-decoration: underline;
}
.signup-form .fa {
    font-size: 21px;
}
.signup-form .fa-paper-plane {
    ont-size: 17px;
}
.signup-form .fa-check {
    color: #fff;
    left: 9px;
    top: 18px;
    font-size: 7px;
    position: absolute;
}
.fs17{
    font-size: 20px !important;
    padding-top: 6px;
    padding-right: 6px;
}
select,
select option {
    color: #000000;
    font-weight: 300;
}

select:invalid,
select option[value=""] {
    color: #999999;
}

label {
    display: block;
}

.pl0{
    padding-left: 0px !important;
}    
.signup-form-background{
    color: #526484;

}

.login-text{
    padding-bottom: 2.3rem!important;
    font-size: 1.5rem;
}

.bg-carpet{
    min-height: 100vh;
}


.bs-callout {
    display: block;
    border-radius: .25rem;
    font-size: 1.1rem;
    padding: .6rem !important;
    line-height: initial;
    margin-bottom: 2rem;
    color: #333d4e;
    font-weight: 400;
    font-size: initial;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    background-color: #5cb85c42 !important;
    border-left-color: #5cb85c !important;
}
.bs-callout-success h4 {
    color: #5cb85c;

}
.bs-callout-danger {
    background-color: #d9534f30 !important;
    border-left-color: #d9534f !important;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    background-color: #ffc7877a !important;
    border-left-color: #f0ad4e !important;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

[class*='bs-callout'].callout-border-left {
    border-left: 5px solid;
}

.bg-white{
    background:white;
}

.frame{
    background: #f9f9f9;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    min-height: -webkit-fill-available;
}
.working-area-frame-not-found{
    margin:3rem;
    height: -webkit-fill-available;
}

.modal-confirm {		
    color: #636363;
    width: 400px;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-confirm .modal-header {
    border-bottom: none;   
    position: relative;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 22px;
    margin: 30px 0 -10px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-confirm .modal-body {
    color: #999;
}
.modal-confirm .modal-footer {
    border: none;
    text-align: center;		
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
    color: #999;
}		
.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}
.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
    outline: none !important;
}
.modal-confirm .btn-info {
    background: #c1c1c1;
}
.modal-confirm .btn-info:hover, .modal-confirm .btn-info:focus {
    background: #a8a8a8;
}
.modal-confirm .btn-danger {
    background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
    background: #ee3535;
}

.search-submit{
    padding: 10px 0;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #d5d3d3;
    border-radius: 2px;
    width: 202px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin-left: -2px;
}
.sticky-search-button{
    display: block;
    z-index: 5;
    bottom: -1px;
    position: sticky;
    text-align: -webkit-center;
}

.checkbox-lbl-padding{
    padding-left: 25px;
    font-size: 14px;
    color: #3c4e63;
}
.footer-fixed{
    position:fixed;
}

.pr1{
    padding-right: 11.2% !important;
}
.mh1{
    min-height: 148rem;
}

.capta-pad{
    padding-left: 9%;
    padding-right: 4%;
}


#text2speech{
    display: block;
    position: absolute;
    right: 13.1em;
    z-index: 1500;
    padding: 30px 0 0 0;
    width: 29.5rem;

}

.text2speech-inner {
    display: block!important;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
    border: 1px solid #edeef0;
    border-bottom: 3px solid #edeef0;
    text-align: center;
}

.mb10{
    margin-bottom: 10px;  
}   

.text2speech-loading {
    background-image: url(../img/svg/t2s-loading.svg);
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
    width: 100%;
    height: 4.2rem;
    left: 0;
}
.text2speech-loading-text {
    margin: 1.45rem;
    margin-right: 0px;
    text-align: end;
    color: #2e414f;
}


#social-share{
    display: block;
    position: absolute;
    z-index: 1500;
    padding: 30px 0 0 0;
}
.signup-pro{
    margin-top: -60px;
    margin-bottom: 20px;
    text-align: center;
}

.signup-pro img{
    width: 128px;
    height: 128px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
}

.error-body{
    padding-top: 5%;
}

.error-top-text{
    font-size: 4rem;
    font-weight: 300;
    line-height: 7rem;
    color: #455a64d9;
}

.error-mid-text{
    font-size: large;
    text-transform: uppercase!important;
    line-height: initial;
}

.error-bottom-text{
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: medium;
}
.sw1{
    width: 138.2% !important;
}
.sw2{
    width: 78% !important;
}
.select-nb{
    width: auto;
    margin-left: 4px !important;
}
.user-info-lbl{
    padding-left: 25px;
    margin-bottom: 5px;
}

.show-more{
    text-align: center;
    margin: 1.5em 0;
    color: #007bff;
    cursor: pointer;
}

.margin-auto{
    margin-top: auto;  
    margin-bottom: auto;
}

.pdf-img{
    background-image: url(../img/pdf.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 90%;
    max-height: 56px;
    background-position: top;
}

.article-image{
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    background-position: center;
}

.badge-ns {
    display: inline-block;
    padding: .25em .4em;
    font-size: 80%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.badge-light {
    background-color: #e0e0e063!important;
    color: #000!important;
}
.badge-light.success {
    background-color: #4caf5054 !important;
    color: #000!important;
}

.badge-light.danger {
    background-color: #f4433659 !important;
    color: #000!important;
}
.badge-light.alert {
    background-color: #ffeb3b00!important;
    color: #000!important;
}



.url{
    width: 1.3333333em;
    height: 1.7em;
    padding-top: 5px;
}

.icon-button-texts {
    color: #237aaa;
    font-size: 15px;
    font-weight: 400;
    padding: 3px 5px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

@media print {
    .no-print  {
        display: none;
    }
}

.citation{
    display: block;
    font-style: normal;
    white-space: pre;
    font-family: monospace;
    overflow: scroll;
}

.padded{
    text-align: initial;
    color: #2f2a2a;
    background: #fbfbfb;
}

.modal-cite-size{
    width: 600px;
}

.fixed{
    position: fixed;
}

.logo{
    padding-bottom: 1.1rem;
}

.logo img{
    filter: drop-shadow(5px 5px 5px #504c4c54);
}


.m3{
    margin: .3rem;
}

.modal .modal-dialog-centered  form{
    width: -webkit-fill-available;
}

.pt-1{
    padding-top:10px !important;
}
.pt-2{
    padding-top:20px !important;
}
.pt-3{
    padding-top:30px !important;
}
.pt-4{
    padding-top:40px !important;
}
.pt-5{
    padding-top:50px !important;
}

.pb-1{
    padding-bottom:10px !important;
}
.pb-2{
    padding-bottom:20px !important;
}
.pb-3{
    padding-bottom:30px !important;
}
.pb-4{
    padding-bottom:40px !important;
}
.pb-5{
    padding-bottom:50px !important;
}

.pl-1{
    padding-left:10px !important;
}
.pl-2{
    padding-left:20px !important;
}
.pl-3{
    padding-left:30px !important;
}
.pl-4{
    padding-left:40px !important
}
.pl-5{
    padding-left:50px !important;
}

.pr-1{
    padding-right:10px !important;
}
.pr-2{
    padding-right:20px !important;
}
.pr-3{
    padding-right:30px !important;
}
.pr-4{
    padding-right:40px !important;
}
.pr-5{
    padding-right:50px !important;
}


.mt-1{
    margin-top:10px !important;
}
.mt-2{
    margin-top:20px !important;
}
.mt-3{
    margin-top:30px !important;
}
.mt-4{
    margin-top:40px !important;
}
.mt-5{
    margin-top:50px !important;
}

.ml-1{
    margin-left:10px !important;
}
.ml-2{
    margin-left:20px !important;
}
.ml-3{
    margin-left:30px !important;
}
.ml-4{
    margin-left:40px !important;
}
.ml-5{
    margin-left:50px !important;
}

.mr-1{
    margin-right:10px !important;
}
.mr-2{
    margin-right:20px !important;
}
.mr-3{
    margin-right:30px !important;
}
.mr-4{
    margin-right:40px !important;
}
.mr-5{
    margin-right:50px !important;
}

.mb-1{
    margin-bottom:10px !important;
}
.mb-2{
    margin-bottom:20px !important;
}
.mb-3{
    margin-bottom:30px !important;
}
.mb-4{
    margin-bottom:40px !important;
}
.mb-5{
    margin-bottom:50px !important;
}

.mh100vh{
    min-height:100vh !important;
}

@media (max-width: 767.98px) {
    .g-recaptcha{
        transform:scale(0.76);
        -webkit-transform:scale(0.76);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }

    .capta-pad{
        padding-left: 0px;
        padding-right: 0px;
    }
    .select-st {
        margin-right: 22% !important;
        width: 39%;
    }
    #detayli_arama .search-input {
        width: 44.1%;
    }

    .navigation-mobile{
        position: relative;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        display: inline-flex;
    } 


}



.admin #result-bar{
    background-color: #d6d6d65e;
    text-align: right;
    text-transform: unset;
}

.admin .cd-filter-block h4::before {
    left: 94%;
}

.admin .cd-filter-block i{
    font-size:1.2rem;
    padding-right:.7rem;
}

.no-padding{
    padding-left: 0px;
    padding-right: 0px;
}

.admin .cd-filter-block {
    margin-bottom: .6em;
}

.admin .cd-filter-block .closed{
    padding-left:.4rem;
}

.admin .cd-filter-block .row a{
    color:#2f2a2a;
    font-size: .9rem;
}
.admin .cd-filter-block .row a:hover {
    color: #2f2a2aad;
    font-size: .94rem;
}

.admin .content-body .title{
    padding: 1.3rem;
    width: 100%;
    text-align: center;
}
.admin .content-body .content{
    padding: 1.3rem;
    width: 100%;
}

.admin h2 { 

    font-variant: normal;
    font-size: 22px;
    line-height: 15.4px;
    color: #32325d !important;
}
.admin .highcharts-background{
    fill:white;
}

.admin .home .pull-up{
    height: 145px;
    text-align: center; 
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.pull-up:hover {
    z-index: 999;
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
    box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
}


.admin .home .card{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.1);
}

.admin .home .pull-up h1{
    font-weight: 600;
}

.cd-gallery .content-body .badge-cart {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 1;
    color: #566382 !important;
    font-size: .9rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    min-width: 2.65em;
}

.badge-permission{
    display: inline-block;
    padding: .25em .4em;
    font-size: 79%;
    width: 1.6rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.same-record-message{
    color: #b40e0e;
}

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


.loading-agg{
    background-image: url(../img/loading.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 3rem;
    left: 0;
}

.spin-svg {
    background-image: url(../img/svg/spin.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 40%;
    height: 3rem;
    left: 0;
}

.bg-carpet-signup {
    min-height: 115vh;
}

.line{
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
    border: 0;
}


.searchSelectModule .search {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 1.1em;
    font-weight: normal;
    display: block;
    width: inherit;
    background: none;
    outline: none;
    border: none;
    padding: 0;
    height: 3.15455em;
    z-index: 1;
    position: relative;
    top: -1px;
    color: #32325d !important;
}

.searchSelectModule .select {
    cursor: pointer;
    width: auto;
}

.searchSelectModule .button-icon {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.search-image {
    background-image: url(../img/svg/search-image.svg);
}

.links{
    padding: 5px 15px!important;
    border-color: #2E7F9F !important;
    color: #2E7F9F !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 0px;
}

.list-disc{
    list-style: disc;
}

.pub-box{
    border: 1px solid #E0E0E0!important;
    margin: 10px 0px;
    padding: 10px;
    height: 100%;
    background-color: white;
}

.fw-b{
    font-weight: bold;
}

.pb-07 {
    padding-bottom: 7px !important;
}

.fw-400{
    font-weight: 400;
}

#filterModule .list{
    margin-left: 8%;
    font-size: 14px;
}

#filterModule .filter-title{
    max-width: 80%;
    line-height: 1rem;
    margin-bottom: .2em;
}

#filterModule .active,#filterModule .active a{
    color: #237aaa;
}



.ui-slider-handle{
    width: 35px !important;
    font-size: small !important;
    text-align: center !important;
}


.dropshadows{
    filter: drop-shadow(2px 2px 2px #504c4c54);
}


.contents{
    border-radius: 10px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 2px 7px rgba(0.1, 0.1, 0.1, 0.14);
    padding: 30px;
    color: #526484;
    margin-top: 1.25rem;
    height: 100%;
}

.modalall{
    font-weight: 400;
}

.domDelete{
    margin: 0;
    margin-right: 0.2rem;
    padding: .6rem;
    width: -webkit-fill-available;
}

.domAdd{
    margin: 0;
    margin-right: 0.2rem;
    padding: .6rem;
}

.domSubmit{
    width: -webkit-fill-available;
    margin: 0;
}

.finfo,.poinfo{
    color: #526484;
    font-size: 1rem;
    flex-wrap: wrap;    
}


.finfo span:first-child{
    color: #c73227;
    background-color: #2196f31f;
}
.finfo span:nth-child(2){
    font-weight: 400;
}

.fdinfo div{
    background-color: #f6f6f6;
    padding: 7px 18px;
    border: 1px solid #e2d9d969;
    border-radius: 3px;
    font-weight: 300;
    font-size: 14px !important;
    margin-right: 10px;
}

.fdinfo div span{
    cursor: pointer;
    text-decoration: none;
    color: #2E7F9F;
}

.poinfo span{
    font-weight: 400;
}


.article-footer{
    margin-top: 1em;
    padding: .3em;
    border-top: 1px solid #e2f4ff;
}

.percent{
    font-weight: 500;  
}
.percent.middle{
    color: #FF9800;
}
.percent.low{
    color: #E91E63;
}
.percent.high{
    color: #4caf50;
}

.about-content.left-content {
    max-width: 620px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 15px;
}
.sub-title {
    letter-spacing: 2px;
    display: block;
    color: #607D8B;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
}
.about-right-image {
    position: relative;
    padding-left: 60px;
}
.about-image {
    position: relative;
    padding-bottom: 50px;
}
.about-image img {
    border-radius: 5px;
    max-width: 100%;
    height: auto;
}
.about-right-image .shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.pt-7 {
    padding-top: 70px !important;
}

.about-content{
    text-align: justify;
}

.about-content p{
    color: #526484;
}


.about-content h5{
    font-size: 1.25rem !important;
    font-weight: 400;
}

@media (min-width: 1200px){
    .about.container,.tips.container {
        max-width: 1300px;
    }
}

.poster-image {
    padding-bottom: 50px;
}
.poster-image img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

.contact-info-box {
    text-align: center;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0px 2px 7px rgba(0.1, 0.1, 0.1, 0.14);
    background: #ffffff;
    padding: 30px;
}

.contact-info-box .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 35px;
    color: #025684c2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 15px;
    position: relative;
}

.contact-info-box h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}
.contact-info-box p a {
    display: inline-block;
    color: #727695;
}



.lists-bar{
    border-radius: 10px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 2px 7px rgba(0.1, 0.1, 0.1, 0.14);
    color: #526484;
    margin-top: 1.25rem;
}
.lists-bar ul{
    padding: 2em 0;
}
.lists-bar ul li{
    padding: .4em 1em;
}
.lists-bar ul li a{
    vertical-align: sub;
}
.lists-bar ul li:hover{
    background-color: #e5e9f287;
    border-left: 2.5px solid #2E7F9F;
}
.lists-bar ul li.active{
    background-color: #e5e9f287;
    border-left: 2.5px solid #2E7F9F;
}

.lists-bar.explain ul li:hover,.lists-bar.explain ul li.active{
    background-color: unset;
    border-left: unset;
}

.lists-bar.explain ul li .d-flex div:first-child{
    min-width: 3rem;
}

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

.tb-odr-head {
    background: #f5f6fa;
}

.tb-odr-head th {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #8094ae;
}
.stable .table {
    margin-bottom: 0;
}

.stable .table thead,.stable .table tbody{
    text-align: -webkit-center;
}

.stable .table.table td, table.table th {
    padding-top: .4rem;
    padding-bottom: .4rem;
}
.stable .table.table a.btn {
    color: white;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.stable table.table a {
    margin: 0;
    color: #0056b3;
}

.va-m{
    vertical-align: middle;
}
.pr-05 {
    padding-right: 5px !important;
}
.filter-remove{
    cursor: pointer;
}
button:focus {
    outline: 0px !important;
    outline: 5px auto -webkit-focus-ring-color;
}

.svg-small {
    height: 13px;
    margin: 3px;
    width: 13px;
    margin-right: .5rem !important;
}
.user {
    background-image: url(../img/svg/user.svg);
}
.paper {
    background-image: url(../img/svg/paper.svg);
}

.permission {
    background-image: url(../img/svg/permission.svg);
}

.share {
    background-image: url(../img/svg/share.svg);
}

.document {
    background-image: url(../img/svg/document.svg);
}

.mathematics {
    background-image: url(../img/svg/mathematics.svg);
}



.working-area .lists-bar{
    margin-top: 2.5rem;
    box-shadow: none;
}

.working-area  .top-info {
    color: #526484;
    font-size: 1.05rem;
    font-weight:400;
}

.control-label{
    margin-bottom: 10px;
}

.btn-outline-info {
    background-color: rgba(85, 120, 235, 0.1) !important;
    color: #377caa !important;
    border: 1px solid #bfc8e8!important;
}
.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
    border-color: #237aaa!important;
    background-color: transparent!important;
    color: #237aaa!important;
}

.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
    border-color: #b6bace!important;
    background-color: #eceef9!important;
    color: #237aaa!important;
}
.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    background-color: transparent!important;
    border-color: #e2e6f7 !important;
}
.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    background-color: transparent!important;
    border-color: #33b5e5!important;
}
.equal {
    display: inline-grid;
}

.no-opacity{
    opacity:0;
}
.w0{
    width:0;
}
.lists-bar label{
    display: inline-block;
}
.bar-body .flex-row .mv {
    min-width: 6.45rem;
}

.lists-bar ul.collapsible {
    padding: 0;
}

.lists-bar ul.collapsible li.tree{
    font-size: 15px;
}

.lists-bar ul.collapsible li{
    padding-left: 10%;
}


.alert-lightblue {
    color: #526484;
    background-color: #cce5ff0f;
    border-color: #cce5ffb8;
}

.similar-paper-box.folder{
    box-shadow: 0 2px 18px 1px rgba(49,53,72,.1);
    border-radius: .45rem;
    background-color: #2196f300;
    padding: 30px 30px 50px;
}

.lists-bar ul li.tree ul li:hover {
    background-color: unset;
    border-left: 2.5px solid transparent;
}

.lists-bar ul li.tree:hover{
    background-color: unset;
    border-left: unset;
}

.lists-bar .tree .active {
    color: unset !important;
}

.lists-bar ul li.tree ul {
    padding: .5em 1em;
}
.lists-bar ul li.tree a{
    vertical-align: baseline;
    color: #526484 !important;
}

.nk-menu-heading{
    background-color: #39485814;
    border-left: 2.5px solid #2E7F9F;
}
.overline-title{ 
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.2em;
    color: #8094ae;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Roboto,sans-serif,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
.duplicated{
    color: #c73227;
}

.selectall label{
    display: inline-block;
}

.w-u{
    width: unset;
}

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

.button-pdf .d-flex {
    background: #fff;
    height: 50px;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
    transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
}
.button-pdf .text {
    color: #000000;
    letter-spacing: 0.21px;
    font-size: small;
}
.pdf-button{
    cursor:pointer;
}


.opac0{
    opacity: 0; 
}

.mr-a{
    margin-right: auto;
}

.navbar {
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    border-bottom: 1px solid #d3dae6ab;
    background: white;
}


.publisher .search-bar{
    width: auto !important;
}

.equal {
    flex-wrap: wrap;
    width: 100%;
}


.publisher .absol{
    /*bottom: 0;
    position: absolute;
    width: 100%;
    padding: 10px 0;*/
    margin-top: .2em;
    padding: .3em;

}

.publisher .content-body{
    border-radius: 3px;
}


.apexcharts-pie g:nth-child(2) {
    display: none;
}

.slider-year-input .form-control,.discipline-range-input .form-control{
    font-size: unset;
}

.slider-year-input .yearsearchbutton, .discipline-range-input .disciplinesearchbutton {
    border-radius: 10px;
    cursor: pointer;
}

.float-right{
    float: right;
}

@media (max-width: 925.98px) {
    .footer{
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

    .d-sm-flex{
        float: unset !important;
    }

    .search-bar {
        width: auto !important;;
    }


    .footer .d-block{
        padding: 10px;
    }

    .d-setings{
        width: unset !important;;
    }

    .flex-sm-row,.poinfo.d-flex{
        display: unset !important;
    }

    .cd-gallery {
        padding: 10px 15px 15px 35px;
    }
}

@media (max-width: 1190.98px) {

    .search-bar {
        width: auto !important;;
    }

}

@media (min-width: 1191px) {

    .search-bar {
        width: 145% !important;;
    }

}

.admin .cd-gallery{
    background-color: #f4f5fa;
}

.admin .cd-filter.filter-is-visible{
    -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, .1);
    box-shadow: 1px 0 30px rgba(0, 0, 0, .1);
}

.admin #result-bar{
    box-shadow: 1px 0 2px 1px rgba(0, 0, 0, .1);
}
.admin .cd-close{
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, .1);
}

.admin .cd-filter .cd-close{
    width: 40px;
}

@media only screen and (min-width: 1170px){
    .admin .cd-filter {
        width: 17.75%;
    }
}

@media only screen and (min-width: 1170px){
    .admin .cd-gallery.filter-is-visible {
        width: 83%;
    }
}

@media only screen and (min-width: 768px){
    .admin .cd-gallery {
        padding: 20px 15px 15px 35px;
    }
}

.admin .paper-box {
    background-color: #fff;
    position: relative;
    padding: 40px 25px 20px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    border: 1px solid #ced4da8f;
    background-color: #e5e9f226;
}

.admin .paper-box .fold {
    border-right: 18px solid #f0f0f0;
    border-bottom: 18px solid #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -2px;
    margin-top: -2px;
    z-index: 3;
}

.admin .paper-box .top {
    font-size: 14px;
}

.admin .paper-box .link {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 18px;
}

.admin .paper-box .data{
    color: #34425a;
    font-size: 14px;
}

.admin .paper-box .number {
    border-right: 3px solid #f0f0f0;
    border-bottom: 3px solid #e0e0e0;
    position: absolute;
    top: 0;
    font-size: small;
    left: 0;
    margin-right: -2px;
    margin-top: -2px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #f0f0f0;
    z-index: 3;
}

.admin .stext1 {
    color: #3c4e58;
    font-weight: 400;
}

.nav-switch-s2 {
    display: inline-flex;
    border-radius: 4px;
    border: none;
}
.nav-switch-s2 .nav-item:first-child {
    margin-left: 0;
}
.nav-switch-s2 .nav-item {
    padding: 0;
    margin: 0;
}

.nav-switch-s2 .nav-link {
    line-height: 21px;
    border-radius: 0;
    position: static;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #8094ae;
    border: 1px solid #dbdfea;
}
.nav-switch-s2 .nav-item:not(:first-child) {
    margin-left: -1px;
}
.nav-switch-s2 .nav-link.active {
    color: #364a63;
    border: 1px solid #dbdfea;
    background: #f5f6fa;
    box-shadow: inset 0 0 4px -1px rgba(128,148,174,0.25);
}


.circle-wrapper {
    position: relative;
    display: block;
    height: 85px;
    width: 85px;
    background: #f7f9fc;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.circle-wrapper__circle {
    width: 100%;
    height: 100%;
    /* -webkit-animation: rotate 6 linear infinite;*/
    /* animation: rotate 6s linear infinite;*/
}

.circle-wrapper__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    height: 95%;
    width: 95%;
    background: #fff;
    border-radius: 50%;
}

.circle-wrapper__circle:after, .circle-wrapper__circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
}

.circle-wrapper__circle.gradient1:before {
    border-radius: 200px 200px 0 0;
    background-image:  linear-gradient(to right, #c2e59c, #64b3f4);
}


.circle-wrapper__circle.gradient1:after {
    top: 50%;
    border-radius: 0 0 200px 200px;
    background-image:  linear-gradient(to right, #c2e59c, #64b3f4);
}


.circle-wrapper__circle.gradient2:before {
    border-radius: 200px 200px 0 0;
    background-image: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 100%);
}


.circle-wrapper__circle.gradient2:after {
    top: 50%;
    border-radius: 0 0 200px 200px;
    background-image: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(252,176,69,1) 100%);
}



.time {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.time__value {
    font-size: 26px;
}

.time__unit {
    font-size: 13px;
}

.time__value, .time__unit {
    display: block;
    text-align: center;
    line-height: 1;
    margin-top: 3px;
}

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

    100% {
        transform: rotate(360deg);
    }
}


.circle-wrapper__box {
    position: absolute;
    -moz-border-radius: 10px;
    right: 65%;
    top: -5px;
    min-height: 120px;
    z-index: 88;
    padding: 5px 35px 5px 25px;
    background: #fff;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 5px;

}

.circle-wrapper__box_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    border-radius: 5px;
    background: #03a9f40f;
    cursor: pointer;
    margin: 5px;
    border: 1px solid #dfe1e5cc;
}

.circle-wrapper__box_content {
    padding: 10px 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #fc354c10, #0abfbc10);
    cursor: pointer;
    min-width: 280px;
    color: #3a3e40;
    filter: drop-shadow(0px 0px 1px #504c4c20);
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    margin: 15px 0;

}

.circle-wrapper__box_content_view {
    font-size: 13px;
    margin-top: 5px;
    color: #0470B7 !important;
}

.circle-wrapper__box_content_view:hover {
    color: #00278e !important;
}

.circle-wrapper__content:hover {
    background-image: linear-gradient(90deg, rgb(131 58 180 / 5%) 0%, rgb(252 176 69 / 5%) 100%);
}

.table-striped tbody tr:nth-of-type(odd) {
    /* background-color: rgba(0,0,0,.05); */
    background-image: linear-gradient(#eef0f885, #eef0f8);
}

.nav-tabs {
    border-bottom: unset !important;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    box-shadow: 1px -1px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    border-bottom: 1px solid #d3dae6ab;
    border-radius: 5px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 400;
}

.tab-content>.active {
    display: block;
    filter: drop-shadow(0px 0px 1px #504c4c54);
}

.cite-authors{
    font-weight: 400;
    font-style: italic;
}

/* admin bar*/
.navbar-custom {
    background-color: #ffffff;
    border-bottom: 2px solid rgba(53, 69, 88, 0.1);
}

#topnav .navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation-menu > li {
    display: inline-block;
    position: relative;
}

.navigation-menu > li > a {
    display: block;
    color: rgba(53, 69, 88, 0.8);
    line-height: 18px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navigation-menu > li > a i {
    margin-right: 8px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
    line-height: 1;
}

.navigation-menu > li:hover a {
    color: #30419b;
}

.navigation-menu > li > a:active {
    background-color: transparent;
    color: #30419b !important;
}

.navigation-menu > li .submenu {
    position: absolute;
    top: 100%;
    left: 16px;
    z-index: 1000;
    padding: 10px 0;
    list-style: none;
    min-width: 200px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
}

.navigation-menu > li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 2px;
}

.navigation-menu > li .submenu li {
    position: relative;
}

navigation-menu > li .submenu li ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.navigation-menu > li .submenu li a {
    display: block;
    padding: 8px 25px;
    clear: both;
    white-space: nowrap;
    color: rgba(53, 69, 88, 0.8);
    font-size: 14px;
}
.navigation-menu > li .submenu li a:hover {
    color: #30419b;
}

.navigation-menu > li .submenu {
    width: auto;
}
.navigation-menu > li .submenu > li {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.navigation-menu > li .submenu li a i {
    margin-right: 8px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
    line-height: 1;
}

.navigation-menu > li.active{
    color: #30419b !important;
}
.breadcrumb {
    font-size: 14px;
}

.table-intihal table {
    margin-bottom: 0;
}


.table-intihal.table-responsive {
    overflow-y: hidden;
}

.table-intihal.table-border {
    border-radius: 5px;
    border: 1px solid #dbdfea;
}

.table-intihal.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-intihal .table thead tr {
    filter: drop-shadow(1px 1px 1px #504c4c6e);
}

.table-intihal .table thead th {
    font-weight: 600 !important;
    font-size: 12.5px;
    letter-spacing: 0.2em;
    background-color: #e5e9f20f;
}

.table-intihal .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table-intihal .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f6ffba;
}

.table-intihal.table-hover tbody tr:hover {
    background-color: #e5e9f287;
}

.table-intihal label {
    margin-bottom: 0px;
}

.table-intihal .table thead tr th, .table tbody tr td, .table-intihal .table tbody tr td * {
    vertical-align: unset;
}

.table-intihal .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.table-intihal .inp-cbx:checked + .cbx span:first-child {
    border-color: #62549a;
    background: #62549a;
    animation: check 0.6s ease;
}

.table-intihal .cbx span:first-child {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #B9B8C3;
    transition: all 0.2s ease;
}

.table-intihal .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.table-intihal .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.table-intihal .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #2f2653;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
}
.table-intihal .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.table-intihal .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 5px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.table-intihal .inp-cbx:checked + .cbx span:last-child {
    color: #B9B8C3;
    transition: all 0.3s ease;
}

.table-intihal .cbx span:last-child {
    margin-left: 8px;
}

.table-intihal .inp-cbx:checked + .cbx span:last-child:after {
    transform: scaleX(1);
    transition: all 0.3s ease;
}

.table-intihal .cbx span:last-child:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    transform: scaleX(0);
}

.table-intihal .col-fit{
    width: 70px;
}

.btns {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: .4rem;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    pointer:cursor;
}

.btns.btns-light-primary {
    background-color: rgba(88, 103, 221, 0.1);
    color: #5867dd;
    border: 0;
}

.btns.btns-light-danger {
    background-color: rgba(253, 57, 122, 0.1);
    color: #fd397a;
    border: 0;
}

.btns.btns-light-primary:hover {
    background-color: #5867dd;
    color: #ffffff !important;
}

.btns.btns-light-danger:hover,.btns.btns-light-danger.active {
    background-color: #fd397a;
    color: #ffffff;
}

.btns.btns-light-success{
    background-color: rgba(10, 187, 135, 0.1);
    color: #0abb87;
    border: 0;
}

.btns.btns-light-success:hover,.btns.btns-light-success.active {
    background-color: #0bb7af;
    color: #ffffff;
}

.btns.btns-light-warning{
    background-color: #fff4de;
    color: #FF9800;
    border: 0;
}

.btns.btns-light-warning:hover,.btns.btns-light-warning.active{
    background-color: #ffb822;
    color: #fff;
}


.btns-group-xs>.btn, .btns-xs {
    padding: .4rem .7rem;
    font-size: .655rem;
    line-height: 1.35;
    border-radius: .4rem;
}


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

@media (max-width: 991px){
    .right-align {
        text-align: left;
    }
}

@media (max-width: 768px){
    .right-align {
        text-align: left;
    }
}

.select-all{
    width:0;
    opacity:0;
    margin: 0 !important;
}

.btns label {
    margin: 0;
    font-weight: 500;
}

.pagination_wnumber {
    list-style: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: flex;
    margin-top:8px;
}

.pagination_wnumber .page-item.active .page-link {
    background-color: #756ad0;
    border-color: #756ad0;
    color:white;
}

.pagination_wnumber  .page-link {
    display: flex;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
    color: #756ad0;
    background-color: #dee2e62b;
    border: 1px solid #dee2e6;
    text-decoration: none;
}

.pagination_wnumber  .page-link:hover {
    background-color: #756ad0;
    border-color: #756ad0;
    color:white;
    -webkit-transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    pointer:cursor;
}

.low-panel {
    margin-top:25px;
    background: #abbaab;  /* fallback for old browsers */
    background: linear-gradient(to right, #abbaab1c, #abbaab17);
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 2px #cccccc;
    padding: 10px 0px;
    margin-left: 30px;
    margin-right: 30px;
    font-weight: 400;
    position: relative;
}

.list-bar-admin{
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%);
    margin-top: 41px;
}

.list-bar-admin ul {
    padding: 0;
}

.list-bar-admin ul.collapsible li {
    padding-left: 3%;
}

.database-listWrapper {
    max-width: 600px;
    margin: 0 auto;
}


table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}


element.style {
}
.badge-light-success {
    background-color: rgba(10, 187, 135, 0.1);
    color: #0abb87;
}
.badge-light-warning {
    background-color: rgba(255, 187, 51, 0.29);
    color: #dc9301 !important;
}
.badge {
    font-weight: 500;
    display: inline-block;
    padding: .4em 1.2em;
    font-size: 80% !important;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 0px 0 rgb(0 0 0 / 16%), 0 0 0 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 0px 0 rgb(0 0 0 / 16%), 0 0 0 0 rgb(0 0 0 / 12%);
}

.badge-light-success {
    background-color: rgba(10, 187, 135, 0.1);
    color: #0abb87 !important;
}
.badge-light-secondary {
    color: #56525f!important;
    background-color: #eee5ff !important;
}

.loading-spin {
    background-image: url(../img/loading-spin.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 17px;
    left: 0;
}

.card {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border: 0;
    font-weight: 300;
    box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%);
    border-radius: .45rem;
}

.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 {
    font-weight: 300;
}

.in-bg{
    background-image: url(../img/scinapse.png);
    background-color: #fafbfc;
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    padding-top: 4%;
}

.color-white{
    color: white !important;
}

/*.fade {
    background: #666 url(../img/ui-bg_diagonals-thick.png) 50% 50% repeat;
}*/

img[src=""] { 
    content:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); 
}


.svg-architecture{
    background-image: url('../img/svg/architecture.svg');
}

.svg-biomedicine{
    background-image: url('../img/svg/biomedicine.svg');
}

.svg-business-and-management{
    background-image: url('../img/svg/business-and-management.svg');
}

.svg-chemistry{
    background-image: url('../img/svg/chemistry.svg');
}

.svg-computer-science{
    background-image: url('../img/svg/computer-science.svg');
}

.svg-criminology-and-criminal-justice{
    background-image: url('../img/svg/criminology-and-criminal-justice.svg');
}

.svg-culture-and-media-studies{
    background-image: url('../img/svg/culture-and-media-studies.svg');
}

.svg-earth-sciences{
    background-image: url('../img/svg/earth-sciences.svg');
}

.svg-economic{
    background-image: url('../img/svg/economic.svg');
}

.svg-education{
    background-image: url('../img/svg/education.svg');
}

.svg-energy{
    background-image: url('../img/svg/energy.svg');
}

.svg-engineering{
    background-image: url('../img/svg/engineering.svg');
}

.svg-environmental-sciences{
    background-image: url('../img/svg/environmental-sciences.svg');
}

.svg-finance{
    background-image: url('../img/svg/finance.svg');
}

.svg-geography{
    background-image: url('../img/svg/geography.svg');
}

.svg-history{
    background-image: url('../img/svg/history.svg');
}

.svg-law{
    background-image: url('../img/svg/law.svg');
}

.svg-life-sciences{
    background-image: url('../img/svg/life-sciences.svg');
}

.svg-linguistics{
    background-image: url('../img/svg/linguistics.svg');
}

.svg-literature{
    background-image: url('../img/svg/literature.svg');
}

.svg-material-science{
    background-image: url('../img/svg/material-science.svg');
}

.svg-mathematics{
    background-image: url('../img/svg/mathematics.svg');
}

.svg-medicine{
    background-image: url('../img/svg/medicine.svg');
}

.svg-philosophy{
    background-image: url('../img/svg/philosophy.svg');
}

.svg-physics{
    background-image: url('../img/svg/physics.svg');
}

.svg-political-science{
    background-image: url('../img/svg/political-science.svg');
}

.svg-popular-science{
    background-image: url('../img/svg/popular-science.svg');
}

.svg-psychology{
    background-image: url('../img/svg/psychology.svg');
}

.svg-religious-studies{
    background-image: url('../img/svg/religious-studies.svg');
}

.svg-social-sciences{
    background-image: url('../img/svg/social-sciences.svg');
}

.svg-statistics{
    background-image: url('../img/svg/statistics.svg');
}
.svg36 {
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
}
.nc-link {
    color: #494949;
    display: unset!important;
}

.sidebar-sticky {
    background-size: cover;
    background-position: center center;
    background-image: url(../img/sidebar-white.jpg);
    min-height: 100vh;
    box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%) !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 1rem;
}

.bXYdPk {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    min-height: 86vh;
    margin-top: 25px;
}  

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

.eISRMZ {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.eUTpgO {
    background-color: rgb(249, 249, 250);
    overflow: auto;
    display: flex;
    flex: 1 0 0%;
    width: 18rem;
    padding: 0px 0px 1.5rem;
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
    border-top-right-radius: 10px;
}


.secondary-menu{
    width: 100%;
    padding: 20px 0px;
    background-size: cover;
    background-position: center center;
    background-image: url(assets/img/sidebar-white.jpg);
    min-height: 100vh;
    font-size: 15px;
}

.secondary-menu ul{
    margin: 0px;
    padding-left: 0px;

}

.secondary-menu ul li{
    list-style-type: none;
    position: relative;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    margin-top: 1px;
}

.secondary-menu ul li i,.alert-text i{
    vertical-align: top;
    font-size: 19px;
    color: #5578eb;
}
.alert-text{
    font-size: 15px;
}


.secondary-menu ul li:hover,.secondary-menu ul li.active{
    border-right: 3px solid #29347ab3;
    background-color: #e5e9f287;
}

.secondary-menu .head{
    color: #526484;
    padding: 15px;
    filter: drop-shadow(0px 0px 1px #504c4c54);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    list-style-type: none;
}

.img-outer{
    text-align: center;
}

.img-outer img{
    height: 120px;
}

.btn.btn-light-info {
    background-color: rgba(85, 120, 235, 0.1);
    color: #5578eb;
    border: 0;
}
.btn.btn-icon {
    height: calc(2.5em);
    width: calc(2.5em);
    padding: 0;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.btn-circle, .flag-circle {
    border-radius: 50% !important;
}

.secondary-menu ul li a {
    color: #526484 !important;
}

.btn.btn-secondary {
    color: #fff;
    background-color: #8950fc;
    border: 0;
}

.btn.btn-secondary:hover {
    color: #fff;
    background-color: #7037E3;
}

.btn.btn-light-secondary {
    color: #8950fc;
    background-color: #eee5ff;
    border: 0;
}

.btn.btn-light-secondary:hover {
    color: #fff;
    background-color: #8950fc;
}

.btn.btn-light-hover-secondary:hover {
    background-color: #8950fc35;
    color: #8950fc !important;
}

.btn.btn-light-hover-secondary:not(:disabled):not(.disabled):active, .btn.btn-light-hover-secondary:not(:disabled):not(.disabled).active, .show>.btn.btn-light-hover-secondary.dropdown-toggle {
    background-color: #8950fc35 !important;
    color: #8950fc !important;
}

.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .show>.btn.btn-secondary.dropdown-toggle,
.btn.btn-light-secondary:not(:disabled):not(.disabled):active, .btn.btn-light-secondary:not(:disabled):not(.disabled).active, .show>.btn.btn-light-secondary.dropdown-toggle {
    color: #fff;
    background-color: #8950fc;
}

.btn.btn-secondary:focus, .btn.btn-secondary.focus,
.btn.btn-light-secondary:focus, .btn.btn-light-secondary.focus {
    box-shadow: unset !important;
}

.btn.btn-secondary.btn-blushing,
.btn.btn-light-secondary.btn-blushing {
    box-shadow: 1px 1px 1px 1px rgba(117, 106, 208, 0.4);
}

.btn:active, .btn:focus, .btn:hover {
    box-shadow: 0 2px 18px 1px rgb(49 53 72 / 10%) !important;
    outline: 0;
}

.fs-16{
    font-size: 16px !important;
}

.bd-example {
    padding: 1rem;
    border: solid #f7f7f9;
    border-radius: .42rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.bg-gradient-default {
    background: linear-gradient(87deg, #2b4571 0, #54509c 100%);
}

.bg-gradient-love-couple {
    background: #3a6186;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #89253e, #3a6186);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #89253e, #3a6186);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-disco {
    background: #4ECDC4;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #556270, #4ECDC4);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #556270, #4ECDC4);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-limeade {
    background: #A1FFCE;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FAFFD1, #A1FFCE);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FAFFD1, #A1FFCE);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-dania {
    background: #BE93C5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #7BC6CC, #BE93C5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #7BC6CC, #BE93C5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-fifty-shades-of-gray {
    background: #bdc3c7;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2c3e50, #bdc3c7);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-jupiter {
    background: #ffd89b;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #19547b, #ffd89b);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #19547b, #ffd89b);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-iiit-delhi {
    background: #808080;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3fada8, #808080);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3fada8, #808080);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sun-of-horizon {
    background: #fceabb;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f8b500, #fceabb);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f8b500, #fceabb);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-blood-red {
    background: #f85032;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #e73827, #f85032);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #e73827, #f85032);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sherbert {
    background: #f79d00;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #64f38c, #f79d00);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #64f38c, #f79d00);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-firewatch {
    background: #cb2d3e;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef473a, #cb2d3e);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-lush {
    background: #56ab2f;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8e063, #56ab2f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-frost {
    background: #000428;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #004e92, #000428);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #004e92, #000428);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-mauve {
    background: #42275a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #734b6d, #42275a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #734b6d, #42275a);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-royal {
    background: #141E30;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-minimal-red {
    background: #F00000;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #DC281E, #F00000);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #DC281E, #F00000);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-dusk {
    background: #2C3E50;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FD746C, #2C3E50);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FD746C, #2C3E50);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-deep-sea-space {
    background: #2C3E50;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4CA1AF, #2C3E50);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4CA1AF, #2C3E50);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-grapefruit-sunset {
    background: #e96443;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #904e95, #e96443);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #904e95, #e96443);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sunset {
    background: #0B486B;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F56217, #0B486B);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F56217, #0B486B);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-solid-vault {
    background: #3a7bd5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3a6073, #3a7bd5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3a6073, #3a7bd5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-politics {
    background: #2196f3;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f44336, #2196f3);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f44336, #2196f3);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-sweet-morning {
    background: #FF5F6D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC371, #FF5F6D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-transfile {
    background: #16BFFD;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #CB3066, #16BFFD);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #CB3066, #16BFFD);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-tranquil {
    background: #EECDA3;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EF629F, #EECDA3);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EF629F, #EECDA3);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-ali {
    background: #ff4b1f;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1fddff, #ff4b1f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1fddff, #ff4b1f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-decent {
    background: #4CA1AF;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #C4E0E5, #4CA1AF);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #C4E0E5, #4CA1AF);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-superman {
    background: #0099F7;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F11712, #0099F7);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F11712, #0099F7);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-pizelex {
    background: #114357;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F29492, #114357);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F29492, #114357);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-inbox {
    background: #457fca;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5691c8, #457fca);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5691c8, #457fca);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-passion {
    background: #e53935;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #e35d5b, #e53935);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #e35d5b, #e53935);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-portrait {
    background: #8e9eab;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eef2f3, #8e9eab);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-flickr {
    background: #8e9eab;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eef2f3, #8e9eab);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-instagram {
    background: #833ab4;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-twitch {
    background: #6441A5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2a0845, #6441A5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2a0845, #6441A5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-metalic-toad {
    background: #abbaab;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffffff, #abbaab);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, #abbaab);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-soundcloud {
    background: #fe8c00;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f83600, #fe8c00);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-facebook-messenger {
    background: #00c6ff;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0072ff, #00c6ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-blurry-beach {
    background: #d53369;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #cbad6d, #d53369);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #cbad6d, #d53369);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.shadow {
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}


.btn-toggle {
    margin: 0rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active {
    outline: none;
}

.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.active {
    transition: background-color .25s;
}
.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    display: none;
}
.btn-toggle:before, .btn-toggle:after {
    color: #6b7381;
}
.btn-toggle.active {
    background-color: #29b5a8;
}
.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg.focus.active {
    outline: none;
}
.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
    content: 'Off';
    left: -5rem;
}
.btn-toggle.btn-lg:after {
    content: 'On';
    right: -5rem;
    opacity: .5;
}
.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-lg.active {
    transition: background-color .25s;
}
.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
    opacity: .5;
}
.btn-toggle.btn-lg.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.6875rem;
    width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after {
    display: none;
}
.btn-toggle.btn-sm {
    margin: 0 .5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm.focus.active {
    outline: none;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: .5rem;
    text-align: center;
    font-weight: 600;
    font-size: .55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-sm:before {
    content: 'Off';
    left: -0.5rem;
}
.btn-toggle.btn-sm:after {
    content: 'On';
    right: -0.5rem;
    opacity: .5;
}
.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-sm.active {
    transition: background-color .25s;
}
.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}
.btn-toggle.btn-sm.active:before {
    opacity: .5;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after {
    display: none;
}
.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}
.btn-toggle.btn-xs:focus, .btn-toggle.btn-xs:focus.active, .btn-toggle.btn-xs.focus, .btn-toggle.btn-xs.focus.active {
    outline: none;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-xs:before {
    content: 'Off';
    left: 0;
}
.btn-toggle.btn-xs:after {
    content: 'On';
    right: 0;
    opacity: .5;
}
.btn-toggle.btn-xs > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-xs.active {
    transition: background-color .25s;
}
.btn-toggle.btn-xs.active > .handle {
    left: 1.125rem;
    transition: left .25s;
}
.btn-toggle.btn-xs.active:before {
    opacity: .5;
}
.btn-toggle.btn-xs.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before, .btn-toggle.btn-xs.btn-sm:after {
    line-height: -1rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.275rem;
    width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before, .btn-toggle.btn-xs.btn-xs:after {
    display: none;
}
.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after {
    color: #6b7381;
}
.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.autocomplete-panel{
    display: none;
    position: absolute;
    width: 100%;
    top: unset;
    z-index: 989;
    left: 9%;
    cursor: default;
    -webkit-user-select: none;
}

.autocomplete-panel.navbar{
    top: 100%;
    left: 26%;
    width: 74%;
}

.autocomplete-panel.search-page{
    width: 73%;
    left: 27%;
    top: 105%
}

.autocomplete-panel .panel-in{
    background: #fff;
    display: flex;
    flex-direction: column;
    position: inherit;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 66%;
    border-radius: 0 0 5px 5px;
    padding: 15px 0;
    overflow: hidden;
    filter: drop-shadow(0px 0px 1px #504c4c54);

}

.autocomplete-panel.navbar .panel-in{
    width: 100%;
    left: 0;
    top: -1px;
}

.autocomplete-panel .panel-in .item{
    padding: 6px 15px;
}

.autocomplete-panel .panel-in .item:hover , .autocomplete-panel .panel-in .item.active{
    cursor: pointer;
    background: #f4f7ff;
}

m{
    font-weight: 500;  
}

.d-setings{
    width :180%;
}

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

.page-content {
    flex-grow: 1;
    padding: 25px;
    background-image: url(../img/scinapse.png);
    background-color: #fafbfc;
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    -ms-flex-pack: center;
}
dd {
    margin-bottom: .5rem;
    margin-left: 2em;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    line-height: 20px;
}

.tips ul{
    list-style: outside;
    margin: 1rem 3rem;
}
.tips ul li{
    margin-bottom: .5em;
}

.tips table td {
    padding: .2rem .75rem;
}

.cd-tab-filter .tooltips {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    font-weight: 400;
    color: unset;
    text-transform: unset;
}

.svg15 {
    height: 15px;
    width: 15px;
}

.svg-paper {
    background-image: url(../img/svg/paper.svg);
}
.svg-document_1 {
    background-image: url(../img/svg/document_1.svg);
}
.svg-excel {
    background-image: url(../img/svg/excel.svg);
}

.svg-pdf {
    background-image: url(../img/svg/pdf.svg);
}

.svg-getftr {
    background-image: url(../img/getftr-icon2.png);
    width: 20px !important;
    height: 20px !important;
}

.svg-url {
    background-image: url(../img/svg/url.svg);
}
.search-url {
    background-image: url(../img/svg/search-image.svg);
    width: 20px !important;
    height: 20px !important;
    margin-top: -5px !important;
}

/*cite*/
.cite-format {
    padding: 0 1.1rem;
    margin: 0;
    overflow: auto;
    border-radius: .42rem;
}

.formatted-citation--style-bibtex, .formatted-citation--style-endnote {
    font-family: monospace;
    font-style: normal;

}

.cite-format ul{
    margin-bottom: 0rem;
}

.example-code {
    padding: 0 1.1rem;
    margin: 0;
    overflow: auto;
    background-color: #f3f6f9;
    border-radius: 0.42rem;
    font-size: 15px;
    margin-bottom: 10px;
}

#cite-modal .tab-content>.active {
    filter: none;
}

.cite-format ul{
    padding-left: 40px;
}

.cd-filter-block .colarrow::before {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s;
    left: 0.7em;
    content: "\f112";
    top: 6px;
    font-size: 21px;
    font-family: LineAwesome;
    transform: rotate(90deg);
}

.cd-filter-block .colarrow[aria-expanded=true]::before {
    transform: rotate(90deg);
}

.cd-filter-block .colarrow[aria-expanded=false]::before {
    transform: rotate(0deg);
}

.text-dark-75 {
    color: #3f4254!important;
}

.alert-light-info {
    background-color: rgba(85,120,235,.1);
    color: #5578eb;
    border-color: rgba(85,120,235,.1);
}


.article {
    font-size: 15px;
    margin-bottom: 30px;
}

.article .title{
    margin-bottom: 5px;
}

.article .journal,.article .authors{
    margin-bottom: 2px;
    font-size: 14px;
}

.article .authors{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.badge-light-info {
    color: #8950fc!important;
    background-color: #eee5ff;
}

.badge {
    font-weight: 400;
    display: inline-block;
    padding: 0.4em 1.2em;
    font-size: 80%!important;
    text-align: center;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.svg15 {
    height: 15px;
    width: 15px;
}

.sls.sls-light-info {
    background-color: rgb(85 120 235 / 5%);
    color: #5578eb!important;
    border: 0;
}

.sls-sm {
    padding: 0.45rem 0.75rem;
    font-size: .725rem;
    line-height: 1.35;
    border-radius: 0.4rem;
}

.sls {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0.4rem;
    font-weight: 400 !important;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.sls.sls-light-hover-info:hover {
    background-color: #5578eb29;
    color: #5578eb !important;
}

.sls-group{
    margin-top: 15px;
}

.svg-quotation {
    background-image: url(../img/svg/quotation.svg);
}

.svg-url {
    background-image: url(../img/svg/url.svg);
}

.svg-save {
    background-image: url(../img/svg/save.svg);
}

.svg-summary {
    background-image: url(../img/svg/summary.svg);
}

.sidebar-sticky-2 {
    padding: 15px;
    box-shadow: 0 15px 35px rgb(50 50 93 / 5%), 0 5px 15px rgb(0 0 0 / 5%) !important;
    padding-top: 1rem;
    margin-bottom: 30px;
    background-color: white !important;
}


cbx{display:none}.inp-cbx:checked+.cbx.primary span:first-child{background:#5867dd;color:#5867dd;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx.info span:first-child{background:#5578eb;color:#5578eb;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx.secondary span:first-child{background:#8950fc;color:#8950fc;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx.danger span:first-child{background:#fd397a;color:#fd397a;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx.warning span:first-child{background:#ffb822;color:#ffb822;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx.dark span:first-child{background:#3a416f;color:#3a416f;border:0;animation:check .6s ease}.inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.inp-cbx:checked+.cbx span:last-child{transition:all .3s ease}.inp-cbx:checked+.cbx span:last-child:after{transform:scaleX(1);transition:all .3s ease}.cbx{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin-bottom:0}.cbx span{display:inline-block;vertical-align:bottom;color:#3a416f}.cbx span:first-child:before{content:"";width:100%;height:100%;background:#2f2653;display:block;transform:scale(0);opacity:1;border-radius:50%;transition-delay:.2s}.cbx span:first-child svg{position:absolute;z-index:1;top:6px;left:6px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translate3d(0,0,0)}.cbx span:first-child{position:relative;width:22px;height:22px;border-radius:20%;transform:scale(1);vertical-align:middle;border:1px solid #e6ebef;transition:all .2s ease;background-color:#eff2f5}.cbx.circle span:first-child{border-radius:50%}.inp-cbx:checked+.cbx span:first-child:before{transform:scale(2.2);opacity:0;transition:all .6s ease}

.inp-cbx {
    display: none;
}

.cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 6px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all .3s ease;
    transition-delay: .1s;
    transform: translate3d(0,0,0);
}


.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #2f2653;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: .2s;
}

.cbx.circle span:first-child {
    border-radius: 50%;
}

.cbx span:first-child {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 20%;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #e6ebef;
    transition: all .2s ease;
    background-color: #eff2f5;
}

.cbx span {
    display: inline-block;
    vertical-align: bottom;
    color: #3a416f;
}

.cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
}

.treeview .card-header {
    color: #c4cefe;
    background-image: linear-gradient(90deg,rgb(43 49 82),#3a416f);
}

.treeview .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.treeview .card-header {
    margin-bottom: 0;
    padding: 15px 1.2rem;
    border-bottom: unset;
    background-color: #fff;
    border-radius: 0.45rem!important;
    border-bottom: 1px solid #ebedf3;
}

.treeview .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.treeview .card-title {
    font-weight: 400;
    margin-bottom: 0;
    font-size: .97rem!important;
}

.treeview {
    margin-bottom: 30px;
}


.folders{
    margin: 30px 8px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d8e7f4;
    background-color: #f8fafd;
    box-shadow: 0 1px 15px 1px rgb(62 57 107 / 11%);
}
.folders .fras {
    display: block;
    width: 100%;
    padding-right: 2.5rem;
    padding: 0.5rem;
    vertical-align: middle;
}

.folders .f-title{
    display: flex;
    align-items: center;
}

.folders .f-title .f-icon {
    margin-right: 12px;
    flex-shrink: 0;
    width: 45px;
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.folders .f-title .f-name a{
    font-weight: 400;
    color: #39406d;
    font-size: 15px;
}

.folders .f-title .f-desc {
    font-size: 12px;
    font-weight: 300;
    color: #4d719d;
}

.mb-a{
    margin-bottom: auto;
    margin-top: 7px;
}

.folders .sls.sls-light-info{
    background-color: rgb(238 241 253);
    color: #5578eb!important;
    border: 0;
    border: 1px solid #d8e7f4;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 98;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #3f4254;
    text-align: left;
    min-width: 200px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0.42rem;
    -webkit-box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    margin: 0;
}

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

.dropdown-item {
    font-weight: 300;
    font-size: 14px;
}

.dropdown-menu>.dropdown-item, .dropdown-menu>li>a {
    outline: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.form-control input, .form-group input, input,textarea {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    font-weight: 300!important;
    font-size: .9rem!important;
}

.btn.focus, .btn:focus, .form-control:focus, .form-group input:focus, .form-group:focus, input:focus, textarea:focus {
    border-color: #6576ff00;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(101 118 255 / 10%);
}

label {
    font-size: .875em;
}

#filterModule label {
    font-size: 14px
}

.bd-example .folders{
    margin-top: 0;
}

.fras svg{
    transform: rotate(90deg);
}

.cbx{
   border: 1px solid #d8e7f4;
   border-radius: 50%;
}

#scrollable-paperwork-3{
    max-height: 590px;
    position: relative;
}

#scrollable-2{
    max-height: 590px;
    position: relative;
}

#scrollable-1 {
    max-height: 500px;
    position: relative;
}
.highcharts-credits{
    display: none !important;
}