@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand');

@media(max-width: 767px){
}

body{
    font-family:'Quicksand',Tahoma;
    font-size:3.7mm;
}

h5{font-weight:bold;}
input[type='checkbox']{transform:scale(2);}
input[type='radio']{transform:scale(2);}

.avatar-1{
    border:solid 2px #F3F3F3;
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    height:40px;
    margin-right:3px;
    width:40px;
}

.avatar-2{
    border:solid 2px #F3F3F3;
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    height:70px;
    margin-right:3px;
    width:70px;
}

.avatar-3{
    border:solid 2px #F3F3F3;
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    height:100px;
    margin-right:3px;
    width:100px;
}

.avatar-initials{
    background:#001000;
    border:solid 3px #F3F3F3;
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    color:#FFF;
    font-size:36px;
    font-weight:bold;
    height:100px;
    margin-right:3px;
    padding-top:18px;
    width:100px;
}

.avatar-initials-small{
    background:#001000;
    border:solid 3px #F3F3F3;
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    height:40px;
    margin-right:3px;
    padding-top:7px;
    padding-left:7px;
    width:40px;
}

.back-to-top{
    background:#917763;
    border-radius:4px;
    bottom:15px;
    height:40px;
    opacity:0;
    position:fixed;
    right:15px;
    transition:all 0.4s;
    visibility:hidden;
    width:40px;
    z-index:99999;
}

.back-to-top i{
    font-size:24px;
    color:#fff;
    line-height:0;
}

.back-to-top:hover{
    background:orangered;
    color:#fff;
}

.back-to-top.active{
    visibility:visible;
    opacity:1;
}

.bg-detail{background:#F3F3F3;}
.br-0{border-radius:0;}
.br-5{border-radius:5px;}
.br-10{border-radius:10px;}
.btn-primary{background-color:#000072;}

.csr-hvr{cursor:pointer;}
.detail-link{
    border-bottom:dotted 1px #D7D7D7;
    color:#003366;
    font-weight:bold;
}

.dot{
    border-radius:50%;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    color:#FFF;
    display:inline-block;
    font-weight:bold;
    height:45px;
    padding-top:6px;
    text-align:center;
    width:45px;
}

.dot-active{  
    background-color:#B61E00;
    border:solid 4px #FF9954;
}

.dot-inactive{
    background-color:#DBDBDB;
    border:solid 4px #D7D7D7;
}

.dot-visited{
    background-color:#196B69;
    border:solid 4px #71C3C1;
}

.f-9{font-size:9px;}
.f-10{font-size:10px;}
.f-11{font-size:11px;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-17{font-size:17px;}
.f-18{font-size:18px;}
.f-19{font-size:19px;}
.f-20{font-size:20px;}
.f-21{font-size:21px;}
.f-22{font-size:22px;}
.f-26{font-size:26px;}
.f-30{font-size:30px;}
.f-40{font-size:40px;}
.fsn{font-style:normal;}
.fwn{font-weight:normal;}
.highlight{background:yellow;}

.href-detail-link{
    border-bottom:dotted 1px #003366;
    color:#003366;
    text-decoration:none;
}

.href-detail-link:hover{font-weight:bold;}

.img-thumbnail{
    cursor:pointer;
    height:160px;
    object-fit:cover;
    width:100%;
}

.img-thumbnail-card{
    height:200px;
    object-fit:cover;
    width:100%;
}

.input-group-text{
    background:white;
    border:none;
    border-radius:0;
}

.invalid-feedback{
    font-size:13px;
    text-align:left;
}

.lb-dot{border-bottom:dotted 1px #D7D7D7;}
.logo-main{max-height:57px;}

.nav-item{
    font-size:15px;
    font-weight:bold;
}

.o-hvr:hover{opacity:0.7;}
.page-not-found-heading{
    font-size:50px;
    font-weight:bold;
    font-family:Verdana;
}

.profile-header{background:#D1E7DD;}
.tab:hover{opacity:0.7;}

.tab i{
    border:solid 1px #D7D7D7;
    border-radius:50%;
    color:#FFF;
    display:block;
    height:60px;
    font-size:32px;
    margin:5px auto;
    object-fit:cover;
    padding:5px;
    width:60px;
}

.td-none{text-decoration:none;}
.text-gray-1{color:#575B5F;}
.v-top{vertical-align:top;}

.wizard .form-control,.wizard .form-select{
    border:solid 1px #FFF;
    border-bottom:solid 1px #D7D7D7;
    border-radius:0;
}

.wsn-wrap{white-space:nowrap;}
.wsp-wrap{white-space:pre-wrap;}