body {
    background-color: #333;
}

a {
    color: #c60c0f;
}

.page-link {
    color: #c60c0f;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #c60c0f;
    border-color: #c60c0f;
}

.bg-dark {
    background-color: #333!important;
}

.bg-gradient-dark {
    background-color: #333!important;
}

.sidebar .sidebar-brand {
    height: 9.375rem;
}

.form-control:focus {
    border-color: #f44336;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(233 30 99 / 18%);
    box-shadow: 0 0 0 0.2rem rgb(244 67 54 / 9%);
}

.alert ul {
    margin-bottom: 0px;
}

/** 
    OverLay
**/
#loading-img {
    background: url(../img/loading-overlay-blue-128.gif) center center no-repeat;
    height: 100%;
    z-index: 50001;
}
.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 50000;
}


/** 
    Dashboard
**/

@media (min-width: 768px) {

}


/**
    Forms
**/
fieldset.bordered {
    border: 1px solid #d1d3e2 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;

}

legend.bordered {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}


/**
    Tabs
**/
.tab-content {
    margin-top: -1px;
    background: #fff;
    border: 1px solid #c8ced3;
    border-bottom-left-radius: .35rem;
    border-bottom-right-radius: .35rem;
}

.tab-content .tab-pane {
    padding: 1rem;
}

.nav-tabs .nav-link.active {
    color: #2f353a;
    background: #fff;
    border-color: #c8ced3;
    border-bottom-color: #fff;
}


/**
    Select2
**/

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d1d3e2!important;
    outline: 0;
}


/**
    Sidebar    
**/

@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.3rem 1rem;
        width: 14rem;
    }
}


/**
    PRINT
**/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    
    #wrapper #content-wrapper {
        background-color: #fff;
    }
}

@media print {
  .col-print-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; } }

@media print {
  .col-print-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; } }

@media print {
  .col-print-3 {
    flex: 0 0 25%;
    max-width: 25%; } }

@media print {
  .col-print-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; } }

@media print {
  .col-print-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; } }

@media print {
  .col-print-6 {
    flex: 0 0 50%;
    max-width: 50%; } }

@media print {
  .col-print-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; } }

@media print {
  .col-print-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; } }

@media print {
  .col-print-9 {
    flex: 0 0 75%;
    max-width: 75%; } }

@media print {
  .col-print-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; } }

@media print {
  .col-print-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; } }

@media print {
  .col-print-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media print {
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f0f3f5;
    border-bottom: 1px solid #c8ced3;
}}


.sidebar hr.sidebar-divider {
    margin: 1rem 1rem
}


div#page-header {}

div#page-header .info .title h1 {
    font-size: 1.75rem;
    color: #5a5c69!important;
}

div#page-header .info .pretitle {
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-bottom: 5px;
}

div#page-header .toolbar {
    text-align: right;
}