body {
    font-family: 'Lato', sans-serif !important;
    background-color: #f4f8f9;
}

.bg-menu {
    background-color: #427a36;
}

.bodylogin {
    background-image: url(../img/fondo.jpg) !important;
}

.scrolltype {
    max-height: 720px;
    overflow: auto;
    overflow-x: hidden;
}

.scrolltype::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.scrolltype::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.scrolltype::-webkit-scrollbar-thumb {
    background: #ffffff;
    border: 2px solid #1165ed;
    border-radius: 50px;
}

.scrolltype::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

.scrolltype::-webkit-scrollbar-thumb:active {
    background: #ffffff;
}

.scrolltype::-webkit-scrollbar-track {
    background: #11ed11;
}

.scrolltype::-webkit-scrollbar-track:hover {
    background: #1165ed;
}

.scrolltype::-webkit-scrollbar-track:active {
    background: #1165ed;
}

.scrolltype::-webkit-scrollbar-corner {
    background: transparent;
}


/*login*/

.account-pages .logo img {
    max-width: 150px;
}


/*base*/

.accion_user {
    border-radius: 20px;
    border: solid 1px #cdcdcd;
    height: 28px;
    text-align: center;
    margin-right: 3px;
    color: #636363;
}


/* ----boton select img*/

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0px;
    margin-left: 2px;
}

.custom-input-file2 {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
}

.custom-input-file .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

.custom-input-file2 .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

.breadcrumb-item .btn {
    display: inline-block;
}

.graficas-container .legend {
    float: right;
    right: -100px;
    position: relative;
}

.header-user {
    border-right: solid 1px #cdcdcd;
    padding-right: 10px;
    top: -6px;
    position: relative;
}

.header-ico-close {
    padding-left: 10px;
    font-size: 30px;
    position: relative;
    color: #fafafa;
}


/*header dark*/

body[data-topbar=dark] #page-topbar {
    background-color: #fff;
}


/*other*/

body[data-topbar=colored] #page-topbar {}

.header-ico-menu {
    background: #2cb9ed;
    color: #fff !important;
}

.box-info-user {
    color: #adadad;
    margin-top: 25px;
}

.box-info-user p {
    padding: 7%;
    word-break: break-all;
    word-wrap: break-word;
}

.box-info-user img {
    margin-top: 25px;
}

#sidebar-menu ul li a {
    color: #454545;
    font-size: 12.5px;
    font-weight: 600;
}

.page-title-box {
    padding-bottom: 24px !important;
}


/*menu*/

.metismenu .mm-active {
    background: #f9f7f4;
}

.metismenu .mm-active a:hover {
    background: #f4f8f9 !important;
}

.metismenu .mm-active span {
    color: #333;
    font-weight: 600;
}

.metismenu .mm-active i {
    color: #2abef2 !important;
}

.metismenu li {
    margin-bottom: 5px;
}

.image1-ico {
    display: inline-block;
}

.image2-ico {
    display: none;
}

.metismenu .mm-active .image1-ico {
    display: none;
}

.metismenu .mm-active .image2-ico {
    display: inline-block;
}

.metismenu img {
    width: 30px;
    margin-right: 20px;
    top: -2px;
    position: relative;
}

.page-title-box p {
    display: block;
}

.page-title-box {
    padding-bottom: 0px;
}

.contenido-tb {
    margin-top: 30px;
}

.foto_user_edit {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.datepicker {
    border: 1px solid #ced4da !important;
    z-index: 2051 !important;
}

.logo-table {
    width: 50px;
    height: 48px;
    border-radius: 2px;
}

.table-bordered td,
.table-bordered th {
    vertical-align: middle;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #bababa;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

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

.chosen-container-multi .chosen-choices {
    background-image: none;
    /* height: calc(1.5em + .94rem + 2px);*/
    padding: .2rem 0.70rem;
    font-size: .85rem;
}

.user_pic {
    height: 50px;
    width: 50px;
    border-radius: 42px;
}

.mm-active .active {
    color: #3f3f3f !important;
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 3.5rem;
    font-size: 13.5px;
    color: #fcfcfc !important;
}

.mm-active .active {
    color: #515151 !important;
}

.panel-ico-cat {
    margin-bottom: 20px;
}

.panel-ico-cat img {
    width: 60px;
    cursor: pointer;
}

.activo-ico-cat {
    border: solid 3px #fb7b00;
}

.prev_img_upload {
    width: 60px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 37px;
    border: solid 1px #cdcdcd;
    border-radius: 0px;
    background-color: #fff;
    background: #fff;
    background: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 36px;
}

.eliminar_res_temp {
    cursor: pointer;
}

.eliminar_res_tempx {
    cursor: pointer;
}

.no-editable {
    background-color: #d3d3d3 !important;
}

#logo-movil {
    display: none !important;
}

@media (max-width: 380px) {
    #logo-movil {
        display: block !important;
    }
}

.menu-top-b img {
    width: 40px;
    display: block;
    margin: auto;
    margin-bottom: 0px;
    padding-bottom: 0;
    position: relative;
    padding-top: 5px;
}

.menu-top-b span {
    color: #606060;
}

.menu-top-b {
    margin-right: 10px;
    margin-left: 10px;
}

.app415.vertical-menu #sidebar-menu>ul>li:hover>a {
    color: #fff !important;
}

.app415.vertical-menu {
    background: #2abef2;
}

.app415#sidebar-menu ul li a i {
    color: #ffffff;
}

.app415.header-ico-menu {
    background: #ffffff;
    color: #2abef2 !important;
}

.banner-empresa-home {
    height: 37vh;
    width: 100%;
    margin-top: 71px;
    object-fit: cover;
}

.appkiamweb {
    background-color: #fcfcfc;
}

.app415#sidebar-menu {
    padding: 0px 0 30px 0;
}

.color_base_naranja {
    color: #2abef2;
}

.color_base_gris {
    color: #606060;
}

.ico-home-fx {
    font-size: 37px;
    font-weight: bold;
    top: 13px;
    position: relative;
}

.titulo-home-kiamweb {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #F78E25;
}

.link-seccion {
    cursor: pointer;
}

.banner-previ {
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    height: 50vh;
    object-fit: cover;
}

.imagen-cambiar-perfil {
    width: 100px;
    height: 100px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.label_real_azul {
    color: #1590FF;
}

.label_real {
    color: #f72e00;
}

.label_meta {
    color: #209d01;
}

.ico-home-em-v2 {
    font-size: 6px;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.zoom-fx-kpi {
    cursor: pointer;
}

.btn-ver-kpi-real {
    background: transparent;
    padding: 7px;
    width: 110px;
    border-radius: 5px;
    box-shadow: none;
}

#sidebar-menu ul li a i {
    color: #2abef2 !important;
}

.mm-active {
    color: #2abef2 !important;
}

#caja_drop {
    border: dashed 2px #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #F7F7F7;
    padding: 20px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.3s;
    min-height: 240px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#caja_drop2 {
    border: dashed 2px #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #F7F7F7;
    padding: 20px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.3s;
    min-height: 240px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: normal;
}

.dataTables_filter {
    float: left;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    line-height: 16px !important;
}

.cardlogin {
    box-shadow: 0 1px 5px 5px rgb(226 226 226) !important;
    max-width: 358px !important;
    margin: auto !important;
}

body[data-topbar=colored] .header-item,
body[data-topbar=dark] .header-item {
    color: #636e75;
}

/* Colores id estatus dxn */

.color_stack_1 {
    background-color: #77D970;
}

.color_stack_2 {
    background-color: #71dfe7;
}

.color_stack_3 {
    background-color: #ff008e;
}

.color_stack_4 {
    background-color: #31087B;
}

.color_stack_5 {
    background-color: #1165ed;
}

.color_stack_6 {
    background-color: #ffde00;
}

.color_stack_7 {
    background-color: #fc0307;
}

.id_8 {
    background-color: #00C897;
}

.id_9 {
    background-color: #B000B9;
}

.id_13 {
    background-color: #FF2E63;
}

.id_14 {
    background-color: #645CAA;
}

.id_15 {
    background-color: #FA9494;
}

.id_16 {
    background-color: #B93160;
}

.id_18 {
    background-color: #EB1D36;
}

.id_26 {
    background-color: #00C897;
}

.id_22 {
    background-color: #77D970;
}

.id_27 {
    background-color: #FF2E63;
}

.id_28 {
    background-color: #00C897;
}

.id_29 {
    background-color: #FF2E63;
}

.id_30 {
    background-color: #FF8D29;
}

.id_31 {
    background-color: #B000B9;
}

.id_32 {
    background-color: #B000B9;
}

.id_33 {
    background-color: #B000B9;
}

.id_34 {
    background-color: #B000B9;
}

.id_35 {
    background-color: #B000B9;
}

.id_36 {
    background-color: #B000B9;
}

.id_37 {
    background-color: #B000B9;
}


/* Colores id estatus totalplay */

.color_etp_1 {
    background-color: #3d8ef8;
}

.color_etp_2 {
    background-color: #fb4d53;
}

.color_etp_3 {
    background-color: #fb4d53;
}

.color_etp_4 {
    background-color: #fb4d53;
}

.color_etp_5 {
    background-color: #0db4d6;
}

.color_etp_6 {
    background-color: #343a40;
}

.color_etp_7 {
    background-color: #fb4d53;
}

.color_etp_8 {
    background-color: #11c46e;
}

.color_etp_9 {
    background-color: #f1b44c;
}

.color_etp_10 {
    background-color: #0FD4FB;
}

.color_etp_11 {
    background-color: #0FFBB7;
}

.color_etp_12 {
    background-color: #66812A;
}

.color_etp_13 {
    background-color: #4C5042;
}

.color_etp_14 {
    background-color: #DE845D;
}

.color_etp_15 {
    background-color: #22A4E5;
}

.color_etp_16 {
    background-color: #6022E5;
}

.color_etp_17 {
    background-color: #8610BD;
}


/* Colores id estatus agregadores de pago */

.color_ap_sc {
    background-color: #277BC0;
}

.color_ap_az {
    background-color: #22A4E5;
}

.color_ap_m {
    background-color: #C539B4;
}

.color_ap_v {
    background-color: #00c864;
}

.color_ap_a {
    background-color: #ffde00;
}

.color_ap_n {
    background-color: #FF8D29;
}

.color_ap_r {
    background-color: #EB1D36;
}

.color_ap_ver {
    background-color: #07ED07;
}

.color_ap_g {
    background-color: #425153;
}

.color_ap_aos {
    background-color: #001B7C;
}

.color_ap_es9 {
    background-color: #FFDE00;
}

.color_ap_es10 {
    background-color: #fc0307;
}

.color_ap_es11 {
    background-color: #86EE60;
}

.color_ap_es16 {
    background-color: #083AA9;
}

.color_ap_es17 {
    background-color: #E80F88;
}


/* Colores id estatus de izzi */

.color_izzi_amarillo {
    background-color: #FAE90E;
}

.color_izzi_rosa {
    background-color: #EF79D9;
}

.color_izzi_rojo {
    background-color: #FF0000;
}

.color_izzi_naranja {
    background-color: #E98017;
}

.color_izzi_azul {
    background-color: #0070C0;
}

.color_izzi_fucsia {
    background-color: #DF176D;
}

.color_izzi_morado {
    background-color: #6C2E9A;
}

.color_izzi_guindo {
    background-color: #C00000;
}

.color_izzi_aqua {
    background-color: #3DF1E0;
}

.color_izzi_gris {
    background-color: #7B7B7B;
}

.color_izzi_verde_limon {
    background-color: #26E917;
}

.color_izzi_verde_oscuro {
    background-color: #004400;
}

.color_izzi_cafe {
    background-color: #FFC000;
}

/* Colores id estatus de izzi móvil */

.iz_movil_chicle {
    background-color: #21E1E1;
}

.iz_movil_purpura {
    background-color: #FF78F0;
}

.iz_movil_morado {
    background-color: #d31772;
}

.iz_movil_verde_moh {
    background-color: #227C70;
}

.iz_movil_verde_limon {
    background-color: #77D970;
}

.iz_movil_cafe {
    background-color: #FF731D;
}

.iz_movil_amarillo {
    background-color: #FFDE00;
}

.iz_movil_rojo {
    background-color: #fc0307;
}

/* Colores id estatus likephone */

.color_lk_yellow {
    background-color: #FFB300;
}

.color_lk_red {
    background-color: #E53935;
}

.color_lk_blue {
    background-color: #1976D2;
}

.color_lk_green {
    background-color: #388E3C;
}

.color_lk_orange {
    background-color: #F57C00;
}

/* Chat */

.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.tramites_chats {
    display: flex;
    flex-direction: column;
    height: 720px;
    overflow-y: scroll
}

.chat-messages {
    display: flex;
    flex-direction: column;
    height: 655px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}