.main-sidebar, .sidebar, a.brand-link{
    /* background-color: #263d54 !important; */
    background-color: #17334e !important;
}
.sidebar{
    font-size: inherit;
}

.page-item.active .page-link{
    background-color: #17334e;
}

.sidebar .page-item.active .page-link {
    background-color: #f4f6f9c9;
}


.sidebar .nav-item.menu-open > .nav-link{
    background-color: #f4f6f980 !important;
    background-color: rgba(255,255,255,.9);
    color: white !important;
}

.alert{
    border: 1px solid white;
    border-color: #c8ccd0;
}
.alert-light{
    background-color: #f4f6f9;
}
.alert-info{
    border: 2px solid #16a2b8 !important;
    /* background-color: #d9dfe5 !important; */
    background-color: #f8f9fa !important;
    color: #118192 !important;
}
.alert-info hr {
    border-top-color: #118192;
}
.alert-success {
    border: 2px solid #578556 !important;
    /*background-color: #d9dfe5 !important;*/
    background-color: #f4f4f4 !important;
    color: #578556 !important;
}
.alert-navy{
    background-color: #17334e;
    color: white;
}
.alert-danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning{
    background-color: #fae195;
}
.alert-secondary{
    background-color: #b2b7bc;
}

.alert-gradient, .modal-header{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86e183+0,118192+100 */
/*background: rgb(134,225,131); /* Old browsers */
/*background: -moz-linear-gradient(-45deg,  rgba(134,225,131,1) 0%, rgba(17,129,146,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(-45deg,  rgba(134,225,131,1) 0%,rgba(17,129,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg,  rgba(134,225,131,1) 0%,rgba(17,129,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86e183', endColorstr='#118192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    background: rgb(23 51 78); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgb(23 51 78) 0%, rgba(17,129,146,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgb(23 51 78) 0%,rgba(17,129,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgb(23 51 78) 0%,rgba(17,129,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86e183', endColorstr='#118192',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: whitesmoke;
}
.alert-gradient img{
    background-color: #ffffffe8;
    padding: 10px;
    border-radius: 10px;
}

.modal-content{
    border: white 2px solid !important;
}

.modal-header{
    padding-top: 14px !important;
}

.modal-header .modal-title{
    color: whitesmoke !important;
}

.card .alert{
    margin-bottom: 0;
}

.sidebar .os-padding .os-content a.nav-link{
    width: 100% !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;    
}

.sidebar .os-padding .os-content{
    padding-right: 0 !important;
}

.sidebar .os-padding .os-content a.nav-link.active{
    color: #578556;
    background-color: #f4f6f9;
    border-right: none;
    border-left: 2px solid #4d8c25;
    border-bottom-left-radius: 12px;
    border-bottom: 2px solid #4d8c25;
    border-top: 2px solid #4d8c25;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    color: #578556;
    background-color: #f4f6f9;
}

aside.elevation-4{
    box-shadow: none !important;
}

.pushmenu{
    background-color: #17334e;
    position: relative;
    left: -18px;
    border-bottom-right-radius: 10px;
    width: 37px;
    padding-top: 10px;
    color: white;
}
.pushmenu:hover{
    color: #5fab5e;
}

ul.navbar-nav{
    padding-bottom: 40px
}

.page-title{
    margin: 0;
}

.btn-primary {
    color: #fff;
    background-color: #30908e;
    border-color: #17a2b8;
    box-shadow: none;
}
  
.btn-primary:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}
  
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}
  
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
  
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}
  
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}
  

.btn-info {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: none;
}
  
.btn-info:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
  
.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}
  
.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
  
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}
  
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
  .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}
  

.content-wrapper {
    background-color: #f8f9fa;
}

.main-header.navbar{
    background-color: #f8f9f8;
    border-bottom: #c8ccd0 1px solid;
}

#reports-all tfoot{
    background-color: #dae5da54 !important;
}

.card-body{
    border: 1px solid #c8ccd0;
}

.add-button i{
    cursor: pointer;
    color: #138496!important;
    margin-top: 16px;
}
.add-button:hover i{
    color: #17a2b8!important;
    
}
.add-button span{
    color: #118192!important;
    cursor: pointer;
    text-transform: uppercase;
    top: -2px;
    position: relative;
    font-size: 13px;
}
.add-button:hover span{
    color: #179cb1!important;
    text-decoration: none !important;
}

fieldset.field-border {
    background-color: #f4f6f9 !important;
    border-color: #c8ccd0;
}

fieldset legend, .form-group label{
    color: #212529 !important;
}

.bare .form-group label{
    color: inherit !important;
}

.table-hover tbody tr:hover { 
    background: #dae5da80 !important; 
}

tr.dtrg-group td, tr.dtrg-group th{
    background-color: #17324e !important;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

.ofb tr.dtrg-group td, .ofb tr.dtrg-group th{
    background-color: #8290a2 !important
}

.card-green{
    color:white;
    background-color: #578556;
}

.card-info.card-outline {
    border-top: 7px solid #17a2b8;
}

.fm.d-flex{
    border: 2px solid #118192;
    border-radius: 5px;
}