/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    padding-top: 8px;
}

.fas-heading {
    vertical-align: middle;
    margin-top: -0.125em;
    margin-right: 0.2em;
}

.fa-heading {
    vertical-align: middle;
    margin-top: -0.125em;
    margin-right: 0.2em;
}

/*METIS MENU*/
/*MAIN WRAPPER DIV*/

/*#wrapper {
    width: 100%;
    margin-top: 60px;
}*/

/*MAIN PAGE DIV*/
#page-wrapper {
    /*padding: 15px 15px;*/
    min-height: 600px;
    /*background: #F3F3F3;*/
    /*background-color: green;*/
}

/*THE CONTENT PORTION DIV*/
#page-inner {
    width: 100%;
    /*margin: 10px 20px 10px 0px;*/
    /*background-color: #fff !important;*/
    /*padding: 10px;*/
    /*min-height: 1200px;*/
}

/*==============================================
    MENU STYLES    
    =============================================*/
#main-menu i.fa {
    margin-right: 15px !important;
}

.navbar-inverse {
    background-color: #FFF;
    border-color: #F3F3F3;
}

.navbar a:hover {
    color: #000 !important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 55px;
}

.sidebar-collapse, .sidebar-collapse .nav {
    background: none;
}

.sidebar-collapse .nav {
    padding: 0;
}

.sidebar-collapse .nav > li > a {
    /*background: #FFFFFF;*/
    text-shadow: none;
    color: #000;
}

/*.sidebar-collapse > .nav > li > a {
    padding: 25px 10px;
}*/

.sidebar-collapse > .nav > li {
    border-bottom: 1px solid rgba(240, 240, 240, 1) !important;
}

.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
    background: #E7E7E7;
    outline: 0;
}

.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}

.navbar-side {
    border: none;
    /*background-color: #f3f3f3;*/
    width: 260px;
}

.navbar-toggle {
    background-color: black;
}

/*==============================================
    MEDIA QUERIES     
    =============================================*/

@media(min-width:768px) {
    #page-wrapper {
        /*margin: 0 0 0 260px;*/
        padding: 15px 30px;
        /*min-height: 1200px;*/
    }


    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
    }

    .navbar {
        min-height: 0px !important;
        margin-bottom: 0px !important;
    }
}

.select2-hidden-accessible {
    top: 50px;
}

.customCollapsable a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey;
}

.customCollapsable a.collapsed:after {
    content: "\e114";
}

/*Override defs styles defs Bootstrap*/
.navbar-brand {
    padding: 0px 15px;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.container {
    padding-right: 0;
    padding-left: 30px;
    margin-right: 0;
    margin-left: 0;
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #FFF;
        background-color: #1E1E1E;
        border-color: #1E1E1E;
    }

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}

/*ALIS CustomStyle*/
.btn-alis_success {
    color: #fff;
    background-color: #009635;
    border-color: #4cae4c;
}

.btn-alis_info {
    color: #fff;
    background-color: #84B816;
    border-color: #4cae4c;
}

.tableHeaderColor {
    background-color: #EE2F25;
    color: #FFFFFF
}

.swal-content-list {
    text-align: left !important;
}

/* Fullcalendar */
.fc-today {
    background-color: inherit !important;
}

#main-menu {
    background-color: white;
    position: relative;
    width: 260px;
}

.input-group .form-control {
    z-index: 0;
}

@media (min-width: 768px) {
    #main-menu {
        position: fixed;
        width: 260px;
    }
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

body.modal-open {
    overflow: visible;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}