body{
    background-color: white;
}

.sidebar .nav-item .nav-link {
    color: #606060;
    cursor: pointer;
    font-size: 14px;
    border-radius: 0%;
    display: flex;
    align-items: center;

}

  .sidebar-icon {
    margin-right: 0.5rem;
    color: #606060;
    font-size: 18px;
    min-width: 30px!important;
    display: flex;
    justify-content: center;
}

.sidebar .nav-item{
    margin-bottom: 0;
}
.sidebar .nav-item.active > .nav-link {
    color: #ffffff!important;
    background-color: #8A9EDE!important;
}
.sidebar .nav-item.active > .nav-link .sidebar-icon {
    color: #ffffff!important;
}


.sidebar .nav-item .nav-link:hover {
    color: #ffffff!important;
    background-color: #8A9EDE!important;
}
.sidebar .nav-item  .nav-link:hover  .sidebar-icon {
    color: #ffffff!important;
}




#sidebarMenu{
    background-color: #EAEFFF!important;

}

.sidebar .nav-link .sidebar-icon {
    margin-right: 0.5rem;
    color: #272727;
}
@media (min-width: 768px){
.sidebar {
    width: 100%;
    max-width: 220px;

}
}
.navbar-brand img {
    height: 90px;
}
.form-check-input{
    border: 1px solid #bcc0c5;
}
.bg-light-blue{
    background-color: #EAEFFF;
}
.bg-light-green{
    background-color: #e4f8ef;
}
.bg-blue{
    background-color: #8A9EDE!important;
}

.bg-dark-blue{
    background-color: #302F91;
}
.text-dark-blue{
    color: #302F91;
}

.fc-toolbar-title{
    color:#302F91;
    text-align: center;
}


.btn-gray-800 {
    color: #ffffff;
    background-color: #302F91;
    border:none;
    box-shadow: none;
}


.bd-right{

    border-right: #e0e0e0 1px solid;
}


@media (min-width: 992px){
.content {
    margin-left: 230px!important;
}
}


.table-responsive tr {

    text-align: center;



}

.table thead th {

    text-transform:capitalize;

}

.table-responsive{

    overflow-y: visible;


}

.table td, .table th {
    font-size: 0.75rem;
    white-space: nowrap;
    vertical-align:middle!important;

}

.cost-input-group {
    width: 200px;
}
.cost-input-group .before-text{
    vertical-align:middle!important;
    width: 30px;
    padding: 0;
}
.cost-input-group .form-group{
    vertical-align:middle!important;
    width: 100px;
    padding: 0;
}
.cost-input-group input{
   margin: 0!important;
}
.table th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.btn-orange {
    color: #1F2937;
    background-color: #f0bc74;
    border-color: #f0bc74;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(17 24 39 / 8%);
}
.btn-status{
    color: #ffffff;
    padding: 0.6rem 0.9rem;
    font-size: 0.75rem;
    box-shadow: none;
}
.btn-status:hover{
    color: #ffffff;

}
.btn-status-gray{

    background-color: #757575;    border-color:none;
    box-shadow: none;


}
.btn-status-orange{

    background-color: #FA8F08;
    border-color:none;
    box-shadow: none;


}

.btn-toggle-blue{

    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;


}

.btn-toggle-blue:hover{

    background-color: #8A9EDE;
    border-color: #8A9EDE;
    box-shadow: none;
    color: white;

}
.btn-toggle-blue.active{

    background-color: #8A9EDE;
    border-color: #8A9EDE;
    box-shadow: none;
    color: white;

}
.btn-status-green{

    background-color: #4CAF50;
    border-color:none;
    box-shadow: none;


}
.btn-status-red{

    background-color: #F55447;    border-color:none;
    box-shadow: none;


}
.btn-status-purple-light{

    background-color: #BFBFDD;
    border-color: #BFBFDD;
    box-shadow: none;


}
.btn-status-purple{

    background-color: #302F91;    border-color:none;
    box-shadow: none;


}

.btn-to-be-confirm:hover{
    color: #ffffff;
    background-color: #ff9616;    border-color:none;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(17 24 39 / 8%);

}


.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 0;
}



.btn-outline-primary{
    padding: 0.4rem 0.8rem;
    color: #272727;
    border-color: #272727;
    font-size: 0.5rem;
}

.btn-toggle{
    padding: 0.4rem 0.8rem;
    background: #272727;
    color: #ffffff;
    border-color: #272727;
    font-size: 0.5rem;
}

#datatable_filter{
    display: none;
}

.table-filter {
    margin-top: 30px;
}

.table-filter div{
    margin-bottom: 10px;
}
.table-filter div:not(.status){
    width: 200px;

}
.table-filter div.status{

    margin-bottom: 10px;
}
.table-filter div.status .btn-group{
    flex-wrap: nowrap;

    margin-bottom: 10px;
}
.table-filter div .form-control{

        border: none;
        box-shadow: none;
        outline-style: none;
        width: 100%;
       box-shadow: none;
       border-bottom:1px solid #1F2937;
       border-radius: 0!important;
       padding-left: 5px;
}

.table-filter div .form-control{

   outline: none;

}

/* .dataTables_info{
    display: none;
}
.dataTables_paginate{
    display: none;
} */

/* .dataTables_length{
    display: none;
} */


table.dataTable.no-footer {
    border-bottom: 0px solid rgb(73, 73, 73);
}


.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):hover, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


.btn-attachment{
    font-size: 18px;
}

.attachment-modal .modal-body table td{
    border: #eee solid 1px;
    border-bottom: #eee solid 1px!important;
}

.attachment-modal .modal-header{
    border-bottom: none;
}

.attachment-modal .modal-footer{
    border-top: none;
}


tr.child table tr td{
    font-size: 13px;
    text-align: left;
}




.divider{
    border-top: #e1e1e1 0.5px solid;
    margin-top: 2rem;
    margin-bottom: 2rem;

}


.time-picker{
    padding: 0.5rem 1rem;
    box-shadow: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 7%);
    border: 0.0625rem solid #D1D5DB;
    width: 100%;
}

.text-red{
    color: #F55447;
}
 .btn.dropdown-toggle.btn-default{
    line-height: 10px
    }

    .btn.btn-gray-500{
        color: white!important;
    }

.bootstrap-select .dropdown-toggle{

        padding: 0;
    }
 .bootstrap-select   .filter-option{
        padding: 0;
        margin: 0;
    }
  .bootstrap-select  .filter-option-inner-inner{
        width: 100%;
        margin: 0;
    }
    .bootstrap-select  .filter-option-inner{
        margin: 0;
    }


    .dropdown-item:hover{
        background-color: #f2f4f6!important;
    }

    .dropdown-toggle::after {
        display: none;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }