body{
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container-fluid{
    flex: 1;
}

.k-grid table {
    width: auto;
    min-width: 100%;
}
.k-grid.k-widget thead th{
    text-align: left;
}

.page-title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #0db6a7;
}

.navbar-light .navbar-nav.main-nav .nav-link{
    font-weight: bold;
    color: #0db6a7;
}
.k-grid-header th.k-header{
    border: none !important;
    border-right: 1px solid #ccc !important;
}
.k-grid-header th.k-header:last-child{
    border-right: none !important;
}
.k-grid-pager{
    border-top: 1px solid #ccc;    
}
div.k-grid-header{
    border-bottom: 1px solid #ccc;
}
.btn-primary{
    background: #0DB8A9;
    transition: all 0.5s ease;
}
.btn-primary:hover {
    background: #066C63;
    border-color: #066C63;
}
input:checked + label.btn {
    background-color: #066C63;
    border-color: #066C63;
    padding: 0.375rem 20px;
}
.k-grid-header-wrap{
    border: none;
}
.k-grid.k-widget thead .k-filter-row th{
    border-bottom: none;
    border-top: 1px solid #ccc;

}
.k-autocomplete, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox{
    border-color: #ccc;
}
.k-grid .k-filtercell .k-i-arrow-60-down::before{
    top: 0;
}
.text-success {
    color: #0DB8A9!important;
}
.k-grid.k-widget thead th {
    color: #000;
    font-weight: bold;
}
#otherDocument{
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 2px #e4e5e6;
}
#otherDocument .fa-xmark{
    color: #e90200;
    font-weight: bold;
    font-style: normal;
}
.text-danger {
    color: #e90200!important;
}
.custom span{
    display: inline-block;
    padding-right: 10px;
}

.btn-secondary {
    color: #066C63;
    background-color: white;
    border-color: #066C63;
    border-radius: 20px;
    transition: all 0.5s ease;
}
.btn-secondary:hover{
      color: #fff;
    background-color: #066C63;
    border-color: #066C63;  
}

.modal-body input{
    width: 100%;
    border: #C8CED2 solid 1px;
    height: 30px;
}
.k-window {
    padding: 0;
    border: none !important;
    border-radius: 0.3rem;
}
.k-window-titlebar{
    border-color: #c8ced3;
}
.container {
    max-width: 540px;
}
.card-body.row .pb-2.font-xsmall.d-flex.align-items-start input{
    margin-right: 10px;
    margin-top: 4px;
}
.mail-btn .col-md-2{
    padding: 0; 
}
.customer-status{
    display: flex;
    align-items: center;
}
.customer-status span{
    width: calc(100% - 25px);
}
.customer-status::before{
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 50%;
    display: block;
    background: rgba(0,0,21,.15);
}
.customer-status.approve::before{
    background: #094b44;
}
.customer-status.required::before{
    background: #1aaeb7;
}
.customer-status.toevaluate::before{
    background: #e37e13;
}

@media only screen and (min-width: 576px) {
    .navbar-light .navbar-nav.main-nav{
        margin-right: 40px;
    }
    .navbar-light .navbar-nav.main-nav li:first-child{
        border-right: solid 1px rgba(0,0,21,.1);
    }    
}