.sidebar[data-background-color="brown"]:after,
.sidebar[data-background-color="brown"]:before,
.off-canvas-sidebar[data-background-color="brown"]:after,
.off-canvas-sidebar[data-background-color="brown"]:before {
    background-color: #23527c !important;
    color: white;
}

.card {
    margin-top: 20px!important;
}

@media (min-width:1200px){
    .col-lg-1:nth-child(12n+1){clear:left;}
    .col-lg-2:nth-child(6n+1){clear:left;}
    .col-lg-3:nth-child(4n+1){clear:left;}
    .col-lg-4:nth-child(3n+1){clear:left;}
    .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .col-md-1:nth-child(12n+1){clear:left;}
    .col-md-2:nth-child(6n+1){clear:left;}
    .col-md-3:nth-child(4n+1){clear:left;}
    .col-md-4:nth-child(3n+1){clear:left;}
    .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .col-sm-1:nth-child(12n+1){clear:left;}
    .col-sm-2:nth-child(6n+1){clear:left;}
    .col-sm-3:nth-child(4n+1){clear:left;}
    .col-sm-4:nth-child(3n+1){clear:left;}
    .col-sm-6:nth-child(odd){clear:left;}

    .container-fluid {
        padding: 15px;
    }
}
@media (max-width:767px){
    .col-xs-1:nth-child(12n+1){clear:left;}
    .col-xs-2:nth-child(6n+1){clear:left;}
    .col-xs-3:nth-child(4n+1){clear:left;}
    .col-xs-4:nth-child(3n+1){clear:left;}
    .col-xs-6:nth-child(odd){clear:left;}

    .container-fluid {
        padding: 15px !important;
    }
}

.sidebar .nav a{
    color: #038136!important;
    font-weight: bolder!important;
}

.sidebar .nav a .fa-caret-down, .sidebar .nav a.active .fa-caret-down  {
    color: #000;
    font-weight: bolder!important;
}

.sidebar .nav a p, .sidebar .nav a span {
    color: #000!important;
    font-weight: bolder!important;
}

.sidebar .nav a.active{
    color: #0d8c0d!important;
    font-weight: bold!important;
}

.sidebar .nav a.active p, .sidebar .nav a.active span {
    color: #000!important;
    font-weight: bolder!important;
}

.btn-info {
    background-color: #038136 !important;
    border: 1px solid #038136 !important;
}

.btn-info:hover {
    background-color: #0d8c0d !important;
    border: 1px solid #0d8c0d !important;
}

a:not('.btn') {
    color: #000 !important;
}

a:not('.btn'):hover {
    color: #000 !important;
}


#minimizeSidebar {
    background-color: #038136 !important;
    border: 1px solid #038136 !important;
}

.minimizeSidebar:hover {
    background-color: #0d8c0d !important;
    border: 1px solid #0d8c0d !important;
}
.user, .user a {
    color: black !important;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/*@media*/
/*only screen and (max-width: 760px),*/
/*(min-device-width: 768px) and (max-device-width: 1024px)  {*/

    /*!* Force table to not be like tables anymore *!*/
    /*table, thead, tbody, th, td, tr {*/
    /*    display: block;*/
    /*}*/

    /*!* Hide table headers (but not display: none;, for accessibility) *!*/
    /*thead tr {*/
    /*    position: absolute;*/
    /*    top: -9999px;*/
    /*    left: -9999px;*/
    /*}*/

    /*tr { border: 1px solid #ccc; }*/

    /*td {*/
    /*    !* Behave  like a "row" *!*/
    /*    border: none;*/
    /*    border-bottom: 1px solid #eee;*/
    /*    position: relative;*/
    /*    padding-left: 50%;*/
    /*}*/

    /*td:before {*/
    /*    !* Now like a table header *!*/
    /*    position: absolute;*/
    /*    !* Top/left values mimic padding *!*/
    /*    top: 6px;*/
    /*    left: 6px;*/
    /*    width: 45%;*/
    /*    padding-right: 10px;*/
    /*    white-space: nowrap;*/
    /*}*/

    /*.table-field-label {*/
    /*    display: block!important;*/
    /*}*/

    /*!**/
    /*Label the data*/
    /**!*/
    /*td:nth-of-type(1):before { content: "First Name"; }*/
    /*td:nth-of-type(2):before { content: "Last Name"; }*/
    /*td:nth-of-type(3):before { content: "Job Title"; }*/
    /*td:nth-of-type(4):before { content: "Favorite Color"; }*/
    /*td:nth-of-type(5):before { content: "Wars of Trek?"; }*/
    /*td:nth-of-type(6):before { content: "Secret Alias"; }*/
    /*td:nth-of-type(7):before { content: "Date of Birth"; }*/
    /*td:nth-of-type(8):before { content: "Dream Vacation City"; }*/
    /*td:nth-of-type(9):before { content: "GPA"; }*/
    /*td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
/*}*/