body {
    font-weight: 400;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.hide {
    display: none;
}

;
.vertical-align-middle {
    vertical-align: middle !important;
}

.toUpper {
    text-transform: uppercase;
}

.white-space {
    white-space: nowrap
}

;

/* .alert[data-notify] .icon {
  position: absolute;
} */

.alert[data-notify] .close {
    right: 5px !important;
    top: 0px !important;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
    margin: 2rem auto;
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {
    background-color: #7948e1;
}

.m-nav .m-nav__item>.m-nav__link .m-nav__link-text,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__username {
    font-size: 1.2rem;
}

.m-footer .m-footer__copyright {
    font-size: 1rem;
    color: #737373;
}

.m--bg-black {
    background-color: #333 !important
}

.m--bg-success-black {
    background-color: #1A5F51 !important
}

.m-menu__link-text,
.m-menu__hor-arrow,
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__welcome {
    color: #d2d2d2 !important;
}

.m-menu__link-option {
    color: #676c7b !important;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-size: 1.7rem;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title h6.m-portlet__head-text {
    font-size: 1.3rem !important;
}

.m-header .m-header__top {
    background: #868686;
}

.m-brand {
    background: none;
}

@media (max-width: 1024px) {
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
        color: #5e6383 !important;
    }
    .m-header--fixed-mobile .m-topbar {
        top: 0px
    }
    #m_aside_header_topbar_mobile_toggle {
        display: none !important;
    }
    .m-subheader {
        padding-top: 65px;
    }
    .m-brand .m-brand__tools .m-brand__toggler span::before,
    .m-brand .m-brand__tools .m-brand__toggler span::after,
    .m-brand .m-brand__tools .m-brand__toggler span {
        background: #FFF;
    }
    .m-widget27 .m-widget27__pic .m-widget27__title {
        padding: 0 15px;
    }
    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        height: 45px;
    }
}

.form-control[readonly],
.form-control {
    border-color: #ced4da;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

.input-group .input-group-append>.input-group-text,
.input-group .input-group-prepend>.input-group-text {
    border-color: #ced4da;
    background-color: #F4F5F5;
    color: #575962;
}

.tt-preloader::after {
    position: fixed;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000001;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tt-preloader::before {
    position: fixed;
    display: inline-block;
    content: '';
    top: 50%;
    left: 50%;
    padding: 0px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 100%;
    border: 3px solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 1000000000;
    width: 80px;
    height: 80px;
    -webkit-animation: preloader 0.8s ease-in-out infinite alternate;
    -ms-animation: preloader 0.8s ease-in-out infinite alternate;
    -o-animation: preloader 0.8s ease-in-out infinite alternate;
    animation: preloader 0.8s ease-in-out infinite alternate;
}

.tt-preloader.tt-loaded::before,
.tt-preloader.tt-loaded::after {
    -webkit-opacity: 0;
    -mox-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100+")";
    filter: alpha(opacity=0*100);
}

.tt-preloader::before,
.tt-preloader::after {
    -webkit-transition: opacity 0.7s;
    -moz-transition: opacity 0.7s;
    -ms-transition: opacity 0.7s;
    transition: opacity 0.7s;
}

.tt-preloader::before {
    border-top-color: #7948e1;
    border-bottom-color: #7948e1;
    border-left-color: #EEEEEE;
    border-right-color: #EEEEEE;
}

.tt-preloader::after {
    background-color: #EEEEEE;
}

@keyframes preloader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes preloader {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.m-error-6 .m-error_container .m-error_subtitle>h1 {
    font-size: 7rem;
}

.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper {
    min-width: 130px;
    min-height: 130px;
}

.background-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* width: 100%;
  height: 100%; */
    display: block;
    overflow: hidden;
}

.white-space-nowrap {
    white-space: nowrap
}

.nav.nav-pills .nav-link,
.nav.nav-tabs .nav-link {
    font-size: 14px;
    padding: .7rem 1.5rem;
}

.select2-container {
    width: 100% !important;
}

.m-widget28 .m-widget28__container .m-widget28__tab {
    margin-top: 1rem;
}

table.dataTable tbody tr {
    cursor: pointer;
}

.bullet-info {
    /* position: absolute; */
    display: inline-block;
    /* content: ''; */
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 100%;
    /* border: solid 1px #dadada; */
    /* margin-left: 5px; */
    /* float: left; */
}

.bgcolor.verde,
.bullet-info.verde {
    background-color: #34bfa3;
}

.bgcolor.amarillo,
.bullet-info.amarillo {
    background-color: #ffb822;
}

.bgcolor.rojo,
.bullet-info.rojo {
    background-color: #f4516c;
}

.bgcolor.celeste,
.bullet-info.celeste {
    background-color: #36a3f7;
}

.bgcolor.violeta,
.bullet-info.violeta {
    background-color: #716aca;
}

.bgcolor.blanco,
.bullet-info.blanco {
    background-color: #fff;
    border: solid 1px #dadada;
}

.datepicker-future {
    max-width: 120px;
    padding: 10px;
}

.datepicker-full-width {
    width: 100%;
}

.word-break {
    word-break: break-word;
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
    text-align: center;
    line-height: 0.8;
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat small {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.8;
}

.m-widget27 .m-widget27__pic>img {
    height: 150px;
}

.m-widget27 .m-widget27__container {
    margin-top: 0;
    width: 100%;
    padding: 1.5rem 0.5rem 0 0.5rem;
}

.m-widget27 .m-widget27__pic:before {
    background: none;
    opacity: 1;
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__chart .m-widget27__stat {
    color: #737373;
    font-size: 2rem;
}

.m-widget27 .m-widget27__container .m-widget27__tab .m-widget27__legend-text {
    color: #737373;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #b3b3b3 !important;
}

.m-widget27 .m-widget27__pic .m-widget27__title>span {
    font-size: 3rem !important;
}

html.swal2-shown,
body.swal2-shown {
    overflow-y: hidden !important;
    height: auto!important;
}

.sandbox-badge {
    display: block;
    height: 120px;
    left: -65px;
    padding-top: 85px;
    position: fixed;
    text-align: center;
    top: -55px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 145px;
    z-index: 999;
}

.sandbox-badge:after {
    border: 92px solid transparent;
    border-bottom-color: #fdde70;
    -webkit-box-shadow: -5px 0.125em 0.3125em rgb(0 0 0 / 10%);
    box-shadow: -5px 0.125em 0.3125em rgb(0 0 0 / 10%);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: -54px;
    width: 0;
    left: -9px;
    z-index: -1;
}

.sandbox-badge span {
    display: block;
}

.sandbox-badge__title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
}

.sandbox-badge__text {
    color: #009ee3;
    font-size: 16px;
}