body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
}

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

b,strong {
    font-weight:bold;
}

/* 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 */

/* MODAL FULLSCREEN SUPPORT */
.modal-fullscreen {
    padding: 0 !important;
}

.modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    margin: 0;
}

.modal-fullscreen .modal-dialog-scrollable {
    height: 100%;
    max-height: 100%;
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-dialog-scrollable .modal-content {
    max-height: 100%;
}
/* END MODAL FULLSCREEN 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 */

/* SCROLL X HEADER BUG FIXED */
.dataTables_scrollBody table thead tr th,div.dataTables_scrollBody table thead tr td{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* END SCROLL X HEADER BUG FIXED */

/* 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: rgba(0,0,0,.5);
    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:rgba(0,0,0,.9);
    background-color: #dfdfdf47!important;
}

#my-sidebar-wrapper .list-group-item.active, a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{
    background-color: #dfdfdf47!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;
}
/* 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 */

/* 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: #007bff !important;
}
.blue-text {
    color: #007bff !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;
}

.black {
    background-color: #343a40 !important;
}
.black-text {
    color: #343a40!important;
}
/* END MATERIAL COLOR PALETTE */

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

/* CUSTOM PROCESSING DIV DATATABLES */
div.dataTables_wrapper div.dataTables_processing {
    z-index: 215000000 !important;
    background-color: transparent!important;
    border: 0 !important;
}
div.dataTables_processing div {
    display: none;
}
/* END CUSTOM PROCESSING DIV DATATABLES */

div.dataTables_wrapper div.dataTables_length select {
    width: 75px !important;
}

/* DATATABLE XS */
.my-dataTable-xs {
    font-size: 11px !important;
}

.my-dataTable-xs .custom-select-sm {
    font-size: 100% !important;
    padding-top: .20rem !important;
    padding-bottom: .20rem !important;
    height: calc(1.45rem + 2px) !important;
}

.my-dataTable-xs td, .my-dataTable-xs th{
    padding: .44rem !important;
    min-width: 32px !important; /* NECESARIO DESDE BOOTSTRAP 4.1 PARA QUE LOS BOTONES DE X DESPUES DE SELECCIONAR POR EJEMPLO EL PAIS NO SE SOLAPE */
}

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

.my-dataTable-xs .form-control-sm {
    height: calc(1.45rem + 2px) !important;
    padding: .20rem .4rem !important;
    font-size: .7rem !important;
}

.my-dataTable-xs .btn.btn-sm {
    padding: .18rem .24rem !important;
    font-size: .55rem !important;
}

.my-dataTable-xs .btn.dropdown-toggle.btn-light.btn-sm, .my-dataTable-xs .btn.dropdown-toggle.btn-default.btn-sm {
    height: calc(1.45rem + 2px) !important;
    padding: .20rem .5rem !important;
    font-size: .7rem !important;
    line-height: 1.5 !important;
}

.my-dataTable-xs .page-link {
    padding: .32rem .52rem !important;
    margin-left: -1px !important;
}

.my-dataTable-xs .input-group-addon {
    padding: .3rem .448rem !important;
    margin-bottom: 0 !important;
    font-size: 0.6rem !important;
    font-weight: 300 !important;
    line-height: 0.93 !important;
}

.my-dataTable-xs .dropdown-menu {
    min-width: 6rem !important;
    padding: .296rem 0 !important;
    margin: .074rem 0 0 !important;
    font-size: inherit !important;
}

.my-dataTable-xs .badge {
    font-size: 85% !important;
}

.my-dataTable-xs img.align-top {
    height: 18px !important;
}
/* END DATATABLE XS */

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

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

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

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

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

.my-dataTable-sm .btn.dropdown-toggle.btn-light.btn-sm, .my-dataTable-sm .btn.dropdown-toggle.btn-default.btn-sm {
    height: calc(1.8125rem + 2px) !important;
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
}

.my-dataTable-sm .page-link {
    padding: .4rem .65rem !important;
    margin-left: -1px !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;
}

.my-dataTable-sm .badge {
    font-size: 85% !important;
}

/*.my-dataTable-sm .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
    margin-left: -0.5px;
}*/
/* 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*/

/* JQUERY UI */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 215000000 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0 !important;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 !important;
}

.ui-widget-content {
    border: 1px solid #ddd !important;
}
/* END JQUERY UI */

/* 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 ISSUES */
.fi.fis{
    width: 20px !important;
}
.accordion>.card {
    overflow: initial;
}
.card-header {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
/* END BOOTSTRAP 4 ISSUES */

/* BOOTSTRAP SELECT */
.input-group-sm .form-control {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.bootstrap-select>.btn-default {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bootstrap-select>.btn-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.bootstrap-select>.disabled.btn-default{
    background-color: #e9ecef !important;
}
.bootstrap-select .disabled {
    opacity: 1 !important;
}

.bootstrap-select .filter-option .d-inline-block {
    display: initial !important;
}

.bootstrap-select .dropdown-menu li.active span.text small {
    color: inherit !important;
}

.bootstrap-select .dropdown-menu li a span.text:first-child{ /* Para poder hacer columnas dentro del select */
    width: 100% !important;
}

.my-bootstrap-select-minw-600 div.dropdown-menu.show ul.dropdown-menu li a span.text {
    display: block;
}
@media (min-width: 992px) {
    .my-bootstrap-select-minw-600 div.dropdown-menu.show ul.dropdown-menu   {
        min-width: 600px !important;
    }
}

.bs-select-all-d-none .bs-select-all {
    display: none;
}
.bs-select-all-d-none .bs-deselect-all {
    border-top-left-radius: .2rem !important;
    border-bottom-left-radius: .2rem !important;
}
/* END BOOTSTRAP SELECT */

/* CUSTOM LOGO */
@font-face {
    font-family: 'PirulenRg';
    src: url(../fonts/PirulenRg.woff);
}
.my-span-logo {
    font-family: 'PirulenRg';
    color: #e71f32;
    letter-spacing: 1.3px;
    display: inline-block;
}

@media (max-width: 576px) {
    .my-navbar-span-logo {
        width: 192px;
        padding-left: 3px;
    }
}

.my-span-logo i:nth-child(2)  {
    color: #000;
}
/* END CUSTOM LOGO */

/* PROFILE IMG */
.profile-img {
    width: 28px;
    height: 28px;
    vertical-align: text-top
}
/* END PROFILE IMG*/

/* SCROLLING TABS */
.scrtabs-tab-container {
    display: flex;
    margin-bottom: -1px;
}
.scrtabs-tab-container .nav-tabs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
@media (min-width: 768px) {
    .scrtabs-tab-container .nav-tabs {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
.scrtabs-tab-scroll-arrow {
    border: 0 !important;
    color: inherit !important;
}
/* END SCROLLING TABS */

/* TABS BTN GROUP */
.my-tabs-btn-group {
    width: 100%;
    margin-bottom: .5rem;
    padding: 0 1.25rem;
}
@media (min-width: 992px) {
    .my-tabs-btn-group {
        width: auto;
        position: absolute;
        right: 1.25rem;
        z-index: 1 !important;
        padding: 0;
    }
}
/* END TABS BTN GROUP */

/* SARA IMAGE IMG */
.sara-image-img {
    width: auto;
    height: 50px;
    vertical-align: text-top
}
/* END SARA IMAGE IMG */

/* EDITOR PREVIEW */
.externo-editor-preview {
    position: inherit !important;
    padding: unset !important;
    background: inherit !important;
    display: inherit !important;
}
.externo-editor-preview span.notrans {
    color: inherit !important;
}
.CodeMirror.CodeMirror-fullscreen, .CodeMirror-fullscreen .CodeMirror-scroll {
    min-height: unset !important;
    max-height: unset !important;
}
/* END EDITOR PREVIEW */

/* MAX WIDTH / HEIGHT */
.mw-25 {
    width: 25%!important;
}
.mw-50 {
    width: 50%!important;
}
.mw-75 {
    width: 75%!important;
}
.mh-25 {
    width: 25%!important;
}
.mh-50 {
    width: 50%!important;
}
.mh-75 {
    width: 75%!important;
}
/* END MAX WIDTH / HEIGHT */

/* BORDERS */
@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-sm-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .border-sm-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-md-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .border-md-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-lg-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .border-lg-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-xl-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .border-xl-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}
/* END BORDERS */

/* GLOBAL RESPONSIVE PADDINGS */
.my-main, .card-header, .card-body, .card-footer, .modal-header, .modal-body, .modal-footer, .list-group-item {
    padding-left: .5rem;
    padding-right: .5rem;
}
.card-header-tabs {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
@media (min-width: 768px) {
    .my-main, .card-header, .card-body, .card-footer, .modal-header, .modal-body, .modal-footer, .list-group-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .card-header-tabs {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
/* END GLOBAL RESPONSIVE PADDINGS */