body{
    overflow-y: scroll !important;
}
body.modal-open {
    padding-right: 0 !important;
  }

form {
    margin-block-end: 0;
}

#loader{
    display: grid;
    place-items: center;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    color:#FFF;
    -webkit-z-index: 9999;
    -moz-z-index: 9999;
    -ms-z-index: 9999;
    -o-z-index: 9999;
    z-index: 9999;
}

.ribbon-level-2{
    width:250px !important;
    height:250px !important; 
}

.ribbon-level-2 .ribbon{
    right: 14px !important;
    top: 67px !important;
    width:350px !important;
}

.timeline::before{
    bottom:15px !important;
}

.row .btn-app{
    margin-left:0 !important;
}

.icheck-img>input:first-child:checked+input[type=hidden]+label::before, .icheck-img>input:first-child:checked+label::before{
    border-radius: 50%;
    background-color: rgba(0,255,0,.3);
    border-color: rgba(0,255,0,.3);
}

.icheck-img>input:first-child+input[type=hidden]+label::before, .icheck-img>input:first-child+label::before {
    border-radius: 50% !important;
}

.icheck-img>input:first-child:checked+input[type=hidden]+label::after, .icheck-img>input:first-child:checked+label::after{
    top: 0.8rem !important;
    left: 0.6rem !important;
}

.icheck-img label{
    height:2.5rem;
}
.icheck-img label::before{
    height:2.5rem !important;
    width:2.5rem !important;
}

.icheck-img label img{
    border-radius: 50%;
    height:2.5rem;
    width:2.5rem;
    margin-left:-29px;
}

.customer-navigation>div{
    margin-bottom:5px !important;
}

#customerTimeline{
    margin:0 !important;
}

.overlayTodoWrap{
    position:relative;
    overflow: hidden;
}

.overlayTodo{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.5);
    z-index: 9999;
}

.note-group-select-from-files {
    display: none;
}

.timeline-body p{
    padding:0;
    margin:0;
}

.usersTodo{
    position: relative;
    height:100px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#customerBranchesDiv .nav-pills a:not(.active){
    background-color: #e9ecef;
}

#branchTooltip{
    position: fixed;
    display: none;
    z-index: 999999;
    background:#e9ecef;
    border: 1px solid #000;
}
.card{
    overflow: hidden;
}

table{
    overflow-x: scroll;
}

.form-checkbox label:before{
    height: calc(2.25rem + 2px) !important;
    width: calc(2.25rem + 2px) !important;
    margin-left: -40px !important;
    border-radius: .25rem !important;
}

.form-checkbox input:first-child:checked+label::before {
    background-color: #33691E !important;
    border-color: #28a745;
}

.form-checkbox label:after{
    left: 4px !important;
    width: 14px !important;
    height: 20px !important;
}
.form-checkbox label{
    height: calc(2.25rem + 2px) !important;
    padding-left: 40px !important;
    line-height: 35px!important;
}

.has-treeview > ul > li{
    background-color:#2c3238;
    border-radius: .25rem;
}