@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&family=Oswald&display=swap');
:root {
    --font-normal:'Merriweather Sans', sans-serif;
    --font-title:'Oswald', sans-serif
}

html{overflow-x: hidden;font-size: 16px;}
html,body{min-height:100vh;width:100vw;}

.form-floating>.form-control:not(:placeholder-shown)~label::after{background-color:transparent!important}
.hide-file-selector::file-selector-button,.hide-file-selector::-webkit-file-upload-button {display: none;}

::-webkit-scrollbar{width:16px;}
::-webkit-scrollbar-track {background: #2b3035;}
::-webkit-scrollbar-thumb {background:#adb5bd; border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background: #696e72; }

.overflow-y-scroll{overflow-y: scroll;}
#profile-image{height:180px;width:180px;}
#profile-image input{margin-top:-180px;height:180px;opacity:0;}
#profile-image label{position: relative;top:-100%;background-color:#fff3;height: 100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0;}
#profile-image label:hover{opacity:1;cursor:pointer;}

a.enter-import-file-revi4you-folder, #import-file-revi4you-content span{cursor:pointer;}
a.enter-import-file-previousyear-folder, #import-file-previousyear-content span{cursor:pointer;}

/* Spacing */
.form-floating>label i{margin-right:6px;}

.dark-theme .ts-control>input{color: white!important;}
.ts-control{padding-top:20px!important;}
.dark-theme .ts-dropdown-content{ background-color: var(--bs-body-bg);color:white;}

/* Typography */
:root {
    --bs-body-font-size:1rem;
    --bs-btn-font-family: var(--font-title);
    --bs-font-sans-serif: var(--font-normal);
}
a,a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ font-family: var(--font-title);font-weight: 700;}
p,i{ font-family: var(--font-normal);font-weight: 400;}
label{font-size:1rem;}
.badge{    --bs-badge-font-size: 0.9em;}



/* Sidebar */
#sidebarTrigger{z-index:1500;position:absolute;width:40px;height:40px;right:-20px;top:68px;transition: all 0.3s;}
#logo{width:50%;transition: all 0.3s;}

#sidebar{--sidebar-width:240px;--sidebar-closed-width:92px;height:100vh}
#sidebar{z-index: 10;transition: all 0.3s;width: var(--sidebar-width);min-width:var(--sidebar-width); }  
#sidebar.active {width: var(--sidebar-closed-width);min-width:var(--sidebar-closed-width);}
@media (max-width: 768px) {
    #logo{width:40%;}
    #sidebar {position:fixed;top:0;margin-left: calc(-1 * var(--sidebar-width));width: var(--sidebar-width);min-width:var(--sidebar-width);}
    #sidebar.active {margin-left: 0;width: var(--sidebar-width);min-width:var(--sidebar-width);}
}

.progress-bar{transition:width 1s;}

/* Colors - General */
.nav-tab-border .nav-item,.nav-tab-border .nav-link{background: transparent;border:0;}
.nav-tab-border .nav-link.active{border-bottom:2px solid var(--bs-primary);}
body.dark-theme img#logo { content: url("/img/logo-dark.svg"); }


#structure-details .accordion{ --bs-accordion-btn-bg:var(--bs-tertiary-bg-rgb)}