body{
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

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

    .modal-xxl {
        width: 90%;
        max-width:1200px;
    }

    .modal-xxxl {
        width: 90%;
        max-width:1200px;
    }
}
/* END MODAL XL SUPPORT */

/* MODAL XXL SUPPORT */
@media (min-width: 992px) {
    .modal-xxl {
        width: 90%;
        max-width:1440px;
    }

    .modal-xxxl {
        width: 90%;
        max-width:1440px;
    }
}
/* END MODAL XLL SUPPORT */

/* MODAL XXXL SUPPORT */
@media (min-width: 1200px) {
    .modal-xxxl {
        width: 90%;
        max-width:1660px;
    }
}
/* END MODAL XXXL SUPPORT */

/* MULTIPLE MODALS SCROLL BUG FIX*/
.modal { overflow: auto !important; }
/* END MULTIPLE MODALS SCROLL BUG FIX*/

/* MODAL SCROLL ON IOS DEVICES BUG FIXED */
@media
only screen /* iPhone X */
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3),
only screen /* iPhone 8 */
and (device-width : 375px)
and (device-height : 667px)
and (-webkit-device-pixel-ratio : 2),
only screen /* iPhone 8 Plus */
and (device-width : 414px)
and (device-height : 736px)
and (-webkit-device-pixel-ratio : 3),
only screen /* iPhone 7 */
and (min-device-width : 375px)
and (max-device-width : 667px),
only screen /* iPhone 7 Plus */
and (min-device-width : 414px)
and (max-device-width : 736px),
only screen /* iPhone 6 */
and (min-device-width : 375px)
and (max-device-width : 667px),
only screen /* iPhone 6 Plus */
and (min-device-width : 414px)
and (max-device-width : 736px),
only screen /* iPhone 5 & 5S */
and (min-device-width : 320px)
and (max-device-width : 568px),
only screen /* iPad */
and (min-device-width : 768px)
and (max-device-width : 1024px),
only screen /* iPad 3 and 4 */
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2),
only screen /* iPad 1 and 2 */
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1),
only screen /* iPad Mini */
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    html,body {
        -webkit-overflow-scrolling : touch !important;
    }
}
/* END MODAL SCROLL ON IOS DEVICES BUG FIXED */

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.btn-outline-inverse {
    color: #383d41;
    background-image: none;
    background-color: transparent;
    border-color: #383d41;
}
.btn-outline-inverse:hover {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.my-main {
    margin-top: 30px;
    min-height: 100rem;
    margin-bottom: 100px;
}

/* REMOVE LATERAL PADDING IN DATATABLES */
.table-responsive .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
/* END REMOVE LATERAL PADDING IN DATATABLES */

/* SLIDER BAR */
body {
    overflow-x: hidden;
}

#my-wrapper {
    padding-left: 0;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}

#my-wrapper.toggled {
    padding-left: 250px;
}

#my-sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    padding-bottom: 56px;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    /*transition: all 0.5s ease;*/
}

#my-wrapper.toggled #my-sidebar-wrapper {
    width: 250px;
}

#my-page-content-wrapper {
    width: 100%;
    position: absolute;
    padding-top: 15px;
    background-color: #ffffff;
}

#my-wrapper.toggled #my-page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

#my-sidebar-wrapper .list-group a{
    color: #999999;
    white-space: nowrap;
    display: block;
    border-radius: 0;
    border: 0;
    border-bottom: 0.5px solid rgba(0,0,0,.125);
    margin-bottom: 0px;
}

#my-sidebar-wrapper .list-group a:hover{
    color: rgb(255, 255, 255);
}

#my-sidebar-wrapper .list-group-item.active{
    /*background-color:#101112!important;*/
    border-color: transparent;
}

#my-sidebar-wrapper .list-group-item.active, a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{
    background-color: #1d2124!important;
    /*border-color: transparent;*/
}

@media(min-width:992px) {
    #my-wrapper {
        padding-left: 250px;
    }

    #my-wrapper.toggled {
        padding-left: 0;
    }

    #my-sidebar-wrapper {
        width: 250px;
    }

    #my-wrapper.toggled #my-sidebar-wrapper {
        width: 0;
    }

    #my-page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    #my-wrapper.toggled #my-page-content-wrapper {
        position: relative;
    }
}
/* END SLIDER BAR */

/* FOOTER */
footer{
    padding-top: 20px;
    padding-bottom: 20px;
}

footer i, footer{
    color:rgba(255,255,255,.5);
    font-weight: lighter;
}

footer a{
    color: #5fa125;
}

footer a:focus, footer a:hover{
    color:#D83438;
}

/* END FOOTER */

#my-navbar-dropdown-notifications + ul h5, #my-navbar-dropdown-notifications + ul p, #my-navbar-dropdown-notifications + ul span{
    white-space: initial;
    text-align: left;
}

/* REMOVE DEFAULT DISABLED STYLES */
.custom-control-input:disabled~.custom-control-indicator{}

input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled, input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, optgroup:disabled, option:disabled, select[disabled] > option {
    color: #464a4c;
}

/* END REMOVE DEFAULT DISABLED STYLES */

/* LOCATION PICKER AUTOCOMPLETE FIX */
.pac-container {
    z-index: 215000000 !important;
}
/* END LOCATION PICKER AUTOCOMPLETE FIX */

/* ELLIPSIS ON ALL DATATABLES */
td {
    white-space:nowrap !important;
    max-width:12em !important;
    overflow:hidden !important;
    text-overflow: ellipsis !important;
}
/* END ELLIPSIS ON ALL DATATABLES */

/* HIDE AMCHART COPYRIGHT */
.amcharts-main-div a:nth-child(2) {
    top: auto !important;
    bottom: 6px;
    font-size: 10px !important;
    left: 6px !important;
    /*display: none !important;*/
}
/* END HIDE AMCHART COPYRIGHT */

/* MATERIAL COLOR PALETTE */
.red {
    background-color: rgba(255, 50, 70, 1) !important;
}
.red-text {
    color: rgba(255, 50, 70, 1) !important;
}

.pink {
    background-color: #e91e63 !important;
}
.pink-text {
    color: #e91e63 !important;
}

.purple {
    background-color: rgba(170, 100, 200, 1) !important;
}
.purple-text {
    color: rgba(170, 100, 200, 1) !important;
}

.deep-purple {
    background-color: #673ab7 !important;
}
.deep-purple-text {
    color: #673ab7 !important;
}

.indigo {
    background-color: #3f51b5 !important;
}
.indigo-text {
    color: #3f51b5 !important;
}

.blue {
    background-color: rgba(65, 135, 240, 1) !important;
}
.blue-text {
    color: rgba(65, 135, 240, 1) !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}
.light-blue-text {
    color: #03a9f4 !important;
}

.cyan {
    background-color: rgba(50, 180, 230, 1) !important;
}
.cyan-text {
    color: rgba(50, 180, 230, 1) !important;
}

.teal {
    background-color: #009688 !important;
}
.teal-text {
    color: #009688 !important;
}

.green {
    background-color: rgba(0, 200, 80, 1) !important;
}
.green-text {
    color: rgba(0, 200, 80, 1) !important;
}

.light-green {
    background-color: #8bc34a !important;
}
.light-green-text {
    color: #8bc34a !important;
}

.lime {
    background-color: #cddc39 !important;
}
.lime-text {
    color: #cddc39 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}
.yellow-text {
    color: #ffeb3b !important;
}

.amber {
    background-color: #ffc107 !important;
}
.amber-text {
    color: #ffc107 !important;
}

.orange {
    background-color: rgba(255, 135, 5, 1) !important;
}
.orange-text {
    color: rgba(255, 135, 5, 1) !important;
}

.brown {
    background-color: #795548 !important;
}
.brown-text {
    color: #795548 !important;
}

.blue-grey {
    background-color: rgba(48, 67, 83, 1) !important;
}
.blue-grey-text {
    color: rgba(48, 67, 83, 1) !important;
}

.grey {
    background-color: #9e9e9e !important;
}
.grey-text {
    color: #9e9e9e !important;
}
/* END MATERIAL COLOR PALETTE */

/* DATATABLE SM */
.my-dataTable-sm {
    font-size: 13px !important;
    line-height: 1.428 !important;
}

.my-dataTable-sm td{
    padding: .56rem !important;
}

.my-dataTable-sm .col-form-label {
    padding-top: calc(.375rem - 1px * 2) !important;
    padding-bottom: calc(.375rem - 1px * 2) !important;
}

.my-dataTable-sm select.form-control-sm {
    height: 1.3593rem !important;
}

.my-dataTable-sm .dataTables_length select.form-control-sm {
    height: 1.8125rem !important;
}

.my-dataTable-sm .btn.btn-sm {
    padding: .18rem .3rem !important;
    font-size: .65rem !important;
}

.my-dataTable-sm .page-link {
    padding: .4rem .65rem !important;
    margin-left: -1px !important;
    line-height: 1 !important;
}

.my-dataTable-sm .input-group-addon {
    padding: .375rem .56rem !important;
    margin-bottom: 0 !important;
    font-size: 0.75rem !important;
    font-weight: 300 !important;
    line-height: 0.93 !important;
}

.my-dataTable-sm .dropdown-menu {
    min-width: 7.5rem !important;
    padding: .37rem 0 !important;
    margin: .093rem 0 0 !important;
    font-size: inherit !important;
}
/* END DATATABLE SM */

/* TIMEPICKER FIX */
.timepicker{
    overflow: hidden;
}
.timepicker .datetimepicker-hours, .timepicker .datetimepicker-minutes > table {
    margin-top: -40px;
}

.timepicker .datetimepicker-hours th, .timepicker .datetimepicker-minutes th {
    visibility: hidden;
    white-space: nowrap;
    overflow-x: visible;
    overflow-y: hidden;
}
/* END TIMEPICKER FIX*/

/* X ON INPUTS IN IE FIX */
input::-ms-clear { display: none; }
/* END X ON INPUTS IN IE FIX */

/* INPUTS IN MODALS IN IE RENDER ISSUE FIX */
.modal-content {
    background-clip: border-box;
}

.modal-content {
    background-clip: border-box;
    border: none;
}
/* END INPUTS IN MODALS IN IE RENDER ISSUE FIX */

/* BOOTSTRAP 4.1 ISSUES */
.btn.btn-sm {
    line-height: 1.25;
}

.my-dataTable-sm td{
    min-width: 40px !important; /* NECESARIO DESDE BOOTSTRAP 4.1 PARA QUE LOS BOTONES DE X DESPUES DE SELECCIONAR POR EJEMPLO EL PAIS NO SE SOLAPE */
}

.my-dataTable-sm .custom-select-sm {
    font-size: 100% !important;
}

.bootbox .modal-header{
    display: block;
}

.flag-icon.flag-icon-squared{
    width: 20px !important;
}
/* END BOOTSTRAP 4.1 ISSUES */