@import "util.css";

/* td:not(.nowrap) {word-break: break-all} */
body, html{
    /* font-family: 'Open Sans', sans-serif  !important;  */
    font-size: 14px; background-color: rgb(255,255,255);
}
.ui-datepicker{
    position: absolute !important;
}
.popover{
    max-width: unset !important;
}
input[type="file"].form-control{
    height: auto;
}
.btn:not(.gr), .form-control, .select2-container--bootstrap .select2-selection{
    border-radius: 2px !important;
}

.btn{
    text-transform: uppercase;  transition: box-shadow .28s cubic-bezier(.4,0,.2,1); box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
}
.btn:not(.btn-lg):not(.btn-xl):not(.btn-sm){
    font-size: .875rem; height: calc(1.5em + .75rem + 4px);
}
.btn.btn-lg{
    font-size: 1rem; height: 38px;
}
.btn-sm {
    font-size: .750rem; height: calc(1.5em + .75rem + 0px); padding-top: 5px;
}
.btn:hover{
    /* box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26); */
}

.form-control:focus{
    box-shadow: none;
}
.table thead th {
    font-weight: 600;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fafafa;
}
.table-hover tbody tr:hover{
    color:#212529; background-color:rgba(0,0,0,.075);
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}
.table .thead-light th {
    background-color: #f1f4f7;
}

label {
    margin-bottom: .3rem;
}

.modal-header {
    background: #fafafa; border-radius: 2px;
}
.modal-header .close {
    padding: 0.8rem; margin: -1rem -1rem -1rem auto;
}
.modal-title {
    line-height: 1; font-size: 16px; font-weight: 600;
}
.modal-footer {
    padding: 0.8rem; background: #fafafa; border-radius: 2px;
}

.navbar{
    padding: 0px 1rem
}
.navbar .navbar-nav .nav-link{
    color: #fff; padding: 12px;
}
.navbar .navbar-nav .active>.nav-link{
    color: #fff; background: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav .nav-link:hover{
    color: #fff;
}
.navbar, .navbar .dropdown-menu{
    font-size: 13px;
}
.navbar .dropdown-menu{
    /* background-color: #f1f1f1; box-shadow: 2px 4px 8px #888888; margin: 0; border-radius: 0; */
    min-width: 100%;
}
.navbar .nav-item .dropdown-toggle::after {
    vertical-align: 3px;
}
.navbar-brand{
    padding: 0 0 !important;
}
.navbar .text-white .nav-link{
    color:#fff;
}
.navbar-bg-blue{
    background-color: rgb(71, 160, 251);
}
.user-nav{
    float: right;
}
.user-nav .nav-link:hover, .user-nav .nav-link:focus{
    color: #fff; background: rgba(0, 0, 0, 0.1);
}
.noti-bell-bx{
    position: relative;
}
.noti-bell-bx i.fa{
    position: absolute; z-index: 1; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); font-size: 18px;
}

.nav2{
    border-bottom: 1px solid #dee2e6;
}
.nav2 a.active{
    background: rgba(0, 0, 0, 0.1);
}

.page-head {
    border-bottom: 1px solid #dee2e6; background: rgb(247, 247, 247); padding: 7px 0px;
}
.page-head.sm{
    padding: 3px 0;
}
.page-head > .d-flex{
    min-height: 36px;
}
.page-head.sm > .d-flex{
    min-height: 28px;
}
.page-head h5{
    margin: 0; text-transform: uppercase;
}
.page-head.sm h5{
    font-size: 14px;
}
.bsep::after{
    content: ' /';
}
.bread-act{
    /* color: #659be0; */ font-weight: 600;
}

.main-content{
    padding-top: 15px; padding-bottom: 15px;
}
.tbl-search-head{
    padding: 7px; background-color: #f8f9fa; border: 1px solid #dee2e6!important; border-bottom: 0 !important;
}
.tbl-foot-bx{
    padding: 7px; background-color: #f8f9fa; border: 1px solid #dee2e6!important; border-top: 0 !important;
}
.no-rec{
    padding: 15px; background-color: #f8f9fa; border: 1px solid #dee2e6!important; text-align: center; color: #888;
}

.bdr-radius-0, .form-control.bdr-radius-0, .btn.bdr-radius-0{
    border-radius: 0 !important;
}
.hidden-until-res{
    visibility: hidden;
}

.login-bg{
    background: #eee;
}
.login-bx{
    width: 320px; padding: 25px; background: #fff; border-radius: 6px;
}
.login-logo{
    text-align: center; padding-bottom: 25px;
}
.login-logo img{
    max-width: 98%;
}
.top-logos-bx{
    padding-bottom: 0px;
}

.navbar-bg-red{
    background: #c02329;
}
.tr-shadow{
    box-shadow: 0px 2px 2px black;
}
.trgap > td{
    padding-top: 12px;
}

/** Site **/
.mc-full-height{
    height: calc(100% - 90px); padding-top: 10px !important; padding-bottom: 0px !important; background: #f8f9fa !important;
}
.plist-card{
    height: 100% !important; overflow: auto; background-color: #fff; border: 1px solid #e8e9eb; margin-left: 5px;
}
.plist-card:first-child{
    margin-left: 0;
}
.plist-card-head{
    text-transform: uppercase; font-weight: 600; font-size: 13px; background: #f9f9f9; border-bottom: 1px solid #e8e9eb; color: #007791; padding: 0 8px; height: 30px; line-height: 30px;
}
.plist-card-body{
    height: calc(100% - 30px); overflow: auto;
}
.plist-card-body ul.items-ul{
    list-style-type: none; margin: 0; padding: 0;
}
.plist-card-body ul.items-ul li{
    list-style-type: none; margin: 0; padding: 0; display: block; padding: 6px 8px; border-bottom: 1px solid #e8e9eb; cursor: pointer;
}
.plist-card-body ul.items-ul li:hover{
    background:#f1f1f1;
}
.plist-card-body ul.items-ul li.active{
    background:#659be0; color: #fff !important;
}
.plist-card-body ul.items-ul li.active .note-text{
    color: #fff !important;
}
.plist-card-body::-webkit-scrollbar                  {width:4px}

.w100-670{
    width: calc(100% - 670px);
}
.w100-510{
    width: calc(100% - 510px);
}
.w100-305{
    width: calc(100% - 305px);
}

.big-over-bx{
    background-color: #fff; position: fixed; z-index: 1030; width: 100%; height: 100%; top: 0; left: 0; display: none;
}
.big-over-bx-head{
    position: relative; text-transform: uppercase; font-weight: 600; font-size: 14px; background: #f9f9f9; border-bottom: 1px solid #e8e9eb; padding: 0 15px 0 0; height: 50px;
}
.big-over-bx-body{
    height: calc(100% - 50px); overflow: auto; padding: 15px;
}
.big-over-bx-close{
    padding: 0 15px; color: #fff; text-align: center; cursor: pointer;
}

/** **/
.video-up-input{
    width: 100%; height: 200px; position: absolute; z-index: 1; opacity: 0;
}
.video-up-bx{
    height: 200px; cursor: pointer; border: 4px solid #fff; background-color: #f1f1f1;
}
.vplay-btn{
    width: 100%; height: 100%; text-align: center; color: #fff; font-size: 16px; background-color: rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; cursor: pointer;
}
.vplayer1{
    width: 100%; max-height: 100%;
}

.sess-data-bx{
    position: relative; cursor: pointer;
}
.sess-data-bx .disp-odr{
    position: absolute; z-index: 2; top:-15px; right: -25px; width: 60px;
}
.sess-data-bx .controls{
    position: absolute; z-index: 1; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); display: none;
}
.sess-data-bx:hover .controls{
    display: block;
}
.sess-data-bx .sess-content, .sess-data-bx .controls{
    transition: ease-in-out .2s;
}
.sess-data-bx:hover .sess-content{
    opacity: 0.9;
}

.status-switch .custom-control-input:checked~.custom-control-label::before{
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.ques-img-100 img{
    max-width: 100px !important;
}
.ques-img-100 p{
    margin: 0;
}

/** **/