/* button{outline: 0px !important;}
button:focus,.btn:focus,.form-control{box-shadow: none !important;} */

.bi-xxs{font-size: 0.3rem;}
.bi-xs{font-size: 0.5rem;}
.bi-1x{font-size: 1rem;}
.bi-2x{font-size: 2rem;}
.bi-3x{font-size: 3rem;}
.bi-4x{font-size: 4rem;}
.bi-5x{font-size: 5rem;}

.line-1{-webkit-line-clamp: 1;}
.line-2{-webkit-line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;}
.line-6{-webkit-line-clamp: 6;}
.line-1, .line-2, .line-3, .line-4, .line-5, .line-6{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-0{top: 0;}.r-0{right: 0;}.b-0{bottom: 0;}.l-0{left: 0;}

input[type="file"]{padding: 1px;}
label{margin-bottom: 1px;font-size: 14px;}

.object-cover-center{
    object-fit:cover;object-position:center;
    -o-object-fit: cover;-o-object-position: center;
}
.bg-properties{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
th,td{vertical-align: middle !important;}
.z-index-1{z-index: 1;}


@font-face {
    font-family: 'OpenSans-Bold';
    src: url(fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url(fonts/OpenSans-Regular.ttf);
}

/* GENERAL-CSS */
*{font-family: 'OpenSans-Regular';}
h1,h2,h3,h4,h5,h6{font-family: 'OpenSans-Bold';}

/* SITE-CSS */
.login-body{
    background-image: url('../media/images/bg-crystal.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.login-form{
    background-color: rgba(255,255,255,.4);
    color: #FFF;
}

body:not(.login-body){padding-top: 50px;}

.top-bar{height: 50px;}

.nav-panel{
	width:250px;
	overflow-y: scroll;
}
.nav-panel::-webkit-scrollbar-thumb{
    background: var(--primary);
	border-radius: 100px;
}
.nav-panel::-webkit-scrollbar-track{
    background: var(--light);
}
.nav-panel::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}

nav.nav-panel a[aria-expanded="false"] i.bi-caret-up::before{
    content: '\f22c';
}

.profile .nav-tabs .nav-link.active{background-color: var(--light);}

input[name="weight"]{
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
select[name="weight_type"]{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

@media (min-width:768px){
	body:not(.login-body),
    .top-bar{padding-left:250px;}
}
@media (max-width:767.98px){
    .nav-panel{
        left: -100%;
        transition: left .3s ease;
    }
    .nav-panel.show{left: 0;}
    
    .screen-overlay{
        left: 100%;
        transition: left .3s ease;
    }
    .screen-overlay.show{
        z-index: 1;
        left: 0;
        background-color: rgba(0,0,0,.9);
    }
}