/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-dic-2019, 16:00:05
    Author     : DESARROLLO02
*/

datalist {
    width: 108.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}

datalist option {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.punto-menu {
    display: inline;
}

.bg-info-2{
    color: black;
    background-color: #E0FFFF;
}
.panel-body-multisele-abm{
    margin-left: 15px;
    margin-right: 15px;
}
.advertancia-consulta{
    margin-top: -15px;
}
.email-seleccion {
    pointer-events: none;
}
.telefono-seleccion {
    pointer-events: none;
}

.btn-circle.btn-super-xl {
    width: 320px;
    height: 320px;
    padding: 10px 16px;
    border-radius: 200px;
    font-size: 18px;
    line-height: 1.33;
    outline: none;
    box-shadow: none;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 0px 0px;
    border-radius: 35px;
    font-size: 18px;
    line-height: 1.33;
    margin-bottom: 2px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 0px 0px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-circle-menu {
    border-color: black;
}

.panel-gestion-chat{
    margin-top: 10px;
    border-radius: 4px;
    border-color: #28a745;
    border: 1px solid;
    padding: 5px 10px 10px 10px;
    background-color: transparent;
}

.label-gestion-chat{
    margin: 5px 0px 0px 0px;
}

.panel-acuerdos-datos{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px;
    border-radius: 6px;
    border-style: solid;
    padding-bottom: 10px;
    color: black;
}

.panel-acuerdos-detalle{
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-color: #E6E6E6;
    border-style: solid;
    padding-bottom: 10px;
}

.panel-persona-entidad-gestion{
    margin-top: 10px;
    border-radius: 6px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #E6E6E6;
    min-height: 100px;
    padding-bottom: 10px;
}

.panel-entidad-persona{
    margin-top: 10px;
    border-radius: 6px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #E6E6E6;
    min-height: 60px;
    padding-bottom: 10px;
}

.panel-entidad-telefono{
    margin-top: 10px;
    border-radius: 6px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #E6E6E6;
    min-height: 100px;
    padding-bottom: 10px;
}
.panel-entidad-email{
    margin-top: 10px;
    border-radius: 6px;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #E6E6E6;
    min-height: 100px;
    padding-bottom: 10px;
}

.col-xs-2-4,
.col-sm-2-4,
.col-md-2-4,
.col-lg-2-4 {
    position: relative;
    min-height: 1px;
}


/* SmartPhone */
@media screen and (max-width: 640px) {
    .modulo-cuerdo-xs{
        max-height: 10vh;
    }
    .modulo-cuerdo-s{
        max-height: 30vh;
    }
    .modulo-cuerdo-sm{
        max-height: 40vh;
    }
    .modulo-cuerdo-md{
        max-height: 50vh;
    }
    .modulo-cuerdo-lg{
        max-height: 60vh;
    }
    .btn-seleccionar-archivo{
        width: 85%;
    }
    .list-variable-editor-html{
        width: 100%;
    }
    .btn-link-mango-punto-menu {
        border: 1px solid transparent;
        border-radius: 5px;
        color: black;
        background-color: transparent;
    }
    .btn-link-mango-punto-menu:hover {
        border-color: black;
        color: green;
        text-decoration: white;
    }
    .ico-login-crm-grande{
        transition: 0.25s;
        max-width:40px;
        align-content: center;
        vertical-align: initial;
        margin: 0 3px 0 3px;
        padding: 0 0px 0 0px;
        position: relative;
        color: #25d366;
    }

    .botones-panel-abm {
        margin-top: 10px;
        font-size: 16px;
    }

    .campana-burbuja-contenedor{
        position:fixed;
        bottom:82px;
        right: 10px;
        width: 320px;
        max-height: 70vh;
        z-index:99;
        background-color: white;
        border-radius: 6px;
        box-shadow: 1px 1px 2px black, 0 0 25px #777, 0 0 5px #F6F6F6;
        padding: 5px 0px 0px 5px;
    }
    .affix {
        top: 55px;
        right: 1%;
        min-width: 280px;
        max-width: 400px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-color: #1b6d85;
        z-index: 998;
        padding-bottom: 0;
    }
    #menu-proximos-casos{
        width: 1vw;
    }
    .text-item-panel-left{
        text-align: center;
        display: block;
    }
    .text-item-panel-right{
        text-align: center;
        display: block;

    }
    .text-right-center{
        text-align: center;
    }
    .text-left-center{
        text-align: center;
    }
    .carousel-inner{
        height: 230px;
    }

    .col-xs-2-4 {
        width: 20%;
        float: left;
    }
    .margen-bienvenido-autogestor{
        margin-left: 2%;
        margin-right: 2%;
    }
    .entidad-persona{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .persona-entidad-gestion{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-email{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .entidad-email-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .info-popover-right{
        margin-top: 10px;
        padding-right: 10vw;
        margin-left: 60vw;
    }
    .info-popover-left{
        margin-top: 10px;
        margin-left: 10vw;
        float: left;
    }
    .info-popover-center{
        margin: auto;
    }
    .oferta {
        position:absolute;
        padding-top: 15px;
        margin-top: -30px;
        margin-left: -20px;
        width:90px;
        height:90px;
        background-color: red;
        color: white;
        border-radius:80px;
        text-align:center;
        font-weight: bold;
        font-size:16px;
        z-index:100;
    }
    .botones-persona{
        margin-bottom: 10px;
    }
}

/* Tablet */
@media screen and (min-width:641px) and (max-width: 800px) {
    .modulo-cuerdo-xs{
        max-height: 15vh;
    }
    .modulo-cuerdo-s{
        max-height: 25vh;
    }
    .modulo-cuerdo-sm{
        max-height: 35vh;
    }
    .modulo-cuerdo-md{
        max-height: 45vh;
    }
    .modulo-cuerdo-lg{
        max-height: 55vh;
    }
    .btn-seleccionar-archivo{
        width: 85%;
    }
    .list-variable-editor-html{
        width: 100%;
    }
    .btn-link-mango-punto-menu {
        border: 1px solid transparent;
        border-radius: 5px;
        color: black;
        background-color: transparent;
    }
    .btn-link-mango-punto-menu:hover {
        border-color: black;
        color: green;
        text-decoration: white;
    }
    .ico-login-crm-grande{
        transition: 0.25s;
        max-width:40px;
        align-content: center;
        vertical-align: initial;
        margin: 0 12px 0 12px;
        padding: 0 0px 0 0px;
        position: relative;
        color: #25d366;
    }

    .botones-panel-abm {
        margin-top: 10px;
        font-size: 18px;
    }

    .campana-burbuja-contenedor{
        position:fixed;
        bottom:45px;
        right: 92px;
        width: 320px;
        max-height: 70vh;
        z-index:99;
        background-color: white;
        border-radius: 6px;
        box-shadow: 1px 1px 2px black, 0 0 25px #777, 0 0 5px #F6F6F6;
        padding: 5px 0px 0px 5px;
    }
    .affix {
        top: 55px;
        right: 1%;
        min-width: 380px;
        max-width: 400px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-color: #1b6d85;
        z-index: 998;
        padding-bottom: 0;
    }
    #menu-proximos-casos{
        width: 1vw;
    }
    .text-item-panel-left{
        text-align: center;
        display: block;
    }
    .text-item-panel-right{
        text-align: center;
        display: block;
    }
    .text-right-center{
        text-align: center;
    }
    .text-left-center{
        text-align: center;
    }
    .carousel-inner{
        height: 230px;
    }

    .col-xs-2-4 {
        width: 20%;
        float: left;
    }
    .margen-bienvenido-autogestor{
        margin-left: 2%;
        margin-right: 2%;
    }
    .entidad-persona{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .persona-entidad-gestion{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-email{
        margin-top: 10px;
        text-align: center;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .entidad-email-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .info-popover-right{
        margin-top: 10px;
        padding-right: 10vw;
        margin-left: 60vw;
    }
    .info-popover-left{
        margin-top: 10px;
        margin-left: 10vw;
        float: left;
    }
    .info-popover-center{
        margin: auto;
    }
    .oferta {
        position:absolute;
        padding-top: 15px;
        margin-top: -30px;
        margin-left: -20px;
        width:90px;
        height:90px;
        background-color: red;
        color: white;
        border-radius:80px;
        text-align:center;
        font-weight: bold;
        font-size:16px;
        z-index:100;
    }
    .botones-persona{
        margin-bottom: 10px;
    }
}

/* Desktop Antiguas/ultra o notebook  */
@media screen and (min-width:801px) and (max-width: 1200px) {
    .modulo-cuerdo-xs{
        max-height: 15vh;
    }
    .modulo-cuerdo-s{
        max-height: 25vh;
    }
    .modulo-cuerdo-sm{
        max-height: 35vh;
    }
    .modulo-cuerdo-md{
        max-height: 45vh;
    }
    .modulo-cuerdo-lg{
        max-height: 55vh;
    }
    .btn-seleccionar-archivo{
        width: 80%;
        max-width: 310px;
    }
    .list-variable-editor-html{
        width: 95%;
    }
    .btn-link-mango-punto-menu {
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        color: black;
        background-color: transparent;
    }
    .btn-link-mango-punto-menu:hover {
        color: green;
        text-decoration: white;
        background-color: #E6E6E6;
        border-color: transparent;
    }
    .ico-login-crm-grande{
        transition: 0.25s;
        max-width:40px;
        align-content: center;
        vertical-align: initial;
        margin: 0 12px 0 12px;
        padding: 0 0px 0 0px;
        position: relative;
        color: #25d366;
    }

    .botones-panel-abm {
        margin-top: 0px;
        font-size: 20px;
    }

    .campana-burbuja-contenedor{
        position:fixed;
        bottom:40px;
        right: 90px;
        width: 320px;
        max-height: 60vh;
        z-index:99;
        background-color: white;
        border-radius: 6px;
        box-shadow: 1px 1px 2px black, 0 0 25px #777, 0 0 5px #F6F6F6;
        padding: 5px 0px 0px 5px;
    }
    .affix {
        top: 55px;
        right: 1%;
        min-width: 380px;
        max-width: 400px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-color: #1b6d85;
        z-index: 998;
        padding-bottom: 0;
    }
    #menu-proximos-casos{
        width: 16vw;
    }
    .text-item-panel-left{
        text-align: left;
        display: flex;
    }
    .text-item-panel-right{
        text-align: right ;
    }
    .text-right-center{
        text-align: right;
    }
    .text-left-center{
        text-align: left;
    }
    .carousel-inner{
        height: 200px;
    }
    .col-sm-2-4 {
        width: 20%;
        float: left;
    }
    .margen-bienvenido-autogestor{
        margin-left: 20%;
        margin-right: 20%;
    }
    .margen-bienvenido-autogestor-img-grande{
        margin-left: 10%;
        margin-right: 10%;
    }

    .col-sm-2-4 {
        width: 20%;
        float: left;
    }
    .col-md-2-4 {
        width: 20%;
        float: left;
    }
    .col-lg-2-4 {
        width: 20%;
        float: left;
    }
    .entidad-persona{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .persona-entidad-gestion{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-email{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-persona-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }

    .entidad-telefono-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .entidad-email-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .info-popover-right{
        margin-top: 10px;
        margin-right: 30vw;
    }
    .info-popover-left{
        margin-top: 10px;
        margin-left: 30vw;
    }
    .info-popover-center{
        margin: auto;
    }
    .oferta {
        position:absolute;
        padding-top: 15px;
        margin-top: -30px;
        width:90px;
        height:90px;
        background-color: red;
        color: white;
        border-radius:80px;
        text-align:center;
        font-weight: bold;
        font-size:16px;
        z-index:100;
    }
    .botones-persona {
        margin-bottom: 10px;
    }
}

/* Desktop Nuevas */
@media screen and (min-width:1201px) {
    .modulo-cuerdo-xs{
        max-height: 15vh;
    }
    .modulo-cuerdo-s{
        max-height: 25vh;
    }
    .modulo-cuerdo-sm{
        max-height: 35vh;
    }
    .modulo-cuerdo-md{
        max-height: 45vh;
    }
    .modulo-cuerdo-lg{
        max-height: 55vh;
    }
    .btn-seleccionar-archivo{
        width: 80%;
        max-width: 310px;
    }
    .list-variable-editor-html{
        width: 95%;
    }
    .btn-link-mango-punto-menu {
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        color: black;
        background-color: transparent;
    }
    .btn-link-mango-punto-menu:hover {
        color: green;
        text-decoration: white;
        background-color: #E6E6E6;
        border-color: transparent;
    }
    .ico-login-crm-grande{
        transition: 0.25s;
        max-width:40px;
        align-content: center;
        vertical-align: initial;
        margin: 0 12px 0 12px;
        padding: 0 0px 0 0px;
        position: relative;
        color: #25d366;
    }

    .botones-panel-abm {
        font-size: 22px;
    }
    .campana-burbuja-contenedor{
        position:fixed;
        bottom:40px;
        right: 90px;
        width: 320px;
        max-height: 60vh;
        z-index:99;
        background-color: white;
        border-radius: 6px;
        box-shadow: 1px 1px 2px black, 0 0 25px #777, 0 0 5px #F6F6F6;
        padding: 5px 0px 0px 5px;
    }
    .affix {
        top: 55px;
        right: 1%;
        min-width: 380px;
        max-width: 400px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-color: #1b6d85;
        z-index: 998;
        padding-bottom: 0;
    }
    #menu-proximos-casos{
        width: 16vw;
    }
    .text-item-panel-left{
        text-align: left;
        display: flex;
    }
    .text-item-panel-right{
        text-align: right ;
    }
    .text-right-center{
        text-align: right;
    }
    .text-left-center{
        text-align: left;
    }
    .carousel-inner{
        height: 200px;
    }
    .col-sm-2-4 {
        width: 20%;
        float: left;
    }
    .margen-bienvenido-autogestor{
        margin-left: 20%;
        margin-right: 20%;
    }
    .margen-bienvenido-autogestor-img-grande{
        margin-left: 10%;
        margin-right: 10%;
    }
    .col-sm-2-4 {
        width: 20%;
        float: left;
    }
    .col-md-2-4 {
        width: 20%;
        float: left;
    }
    .col-lg-2-4 {
        width: 20%;
        float: left;
    }
    .entidad-persona{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .persona-entidad-gestion{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-telefono{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-email{
        margin-top: 10px;
        margin-left: 5px;
        text-align: left;
        color: #23527c;
        font-weight: bold;
    }
    .entidad-persona-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }

    .entidad-telefono-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .entidad-email-item{
        font-weight: normal;
        color: black;
        margin-top: 5px;
        margin-left: 20px;
        margin-bottom: 5px;
        border-bottom: #999 solid 0.5px;
    }
    .info-popover-right{
        margin-top: 10px;
        margin-right: 30vw;
    }
    .info-popover-left{
        margin-top: 10px;
        margin-left: 30vw;
    }
    .info-popover-center{
        margin: auto;
    }
    .oferta {
        position:absolute;
        padding-top: 15px;
        margin-top: -30px;
        width:90px;
        height:90px;
        background-color: red;
        color: white;
        border-radius:80px;
        text-align:center;
        font-weight: bold;
        font-size:16px;
        z-index:100;
    }
    .botones-persona {
        margin-bottom: 10px;
        max-width: 300px;
        float: right;
    }
}

.entidad-persona-subtitulo{
    margin-top: 0px;
    text-align: left;
    color: red;
}
.entidad-telefono-subtitulo{
    margin-top: 10px;
    text-align: center;
    color: green;
}
.entidad-email-subtitulo{
    margin-top: 10px;
    text-align: center;
    color: green;
}

.btn-notificacion{
    background-color: gray;
    color: white;
}
.ndanger {
    color: red;
}
.nsuccess {
    color: #25d366;
}

cargando {
    width:200px;
    height:200px;
}

.loader-redondo {
    font-size: 10px;
    margin: 5% auto;
    text-indent: -9999em;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    background: #269abc;
    background: -moz-linear-gradient(left, #269abc 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #269abc 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #269abc 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #269abc 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #269abc 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    overflow: hidden;
}
.loader-redondo:before {
    width: 10%;
    height: 10%;
    background: #269abc;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader-redondo:after {
    background: white;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.affix-top {
    position: static;
    top: 0px;
}
.affix + .container-fluid {
    padding-top: 750px;
}

textarea {
    resize: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.text-onoff {
    color: white;
    font-size: 24px;
    vertical-align: middle;
}
a.text-onoff:hover {
    color: #E6E6E6;
}

a.text-onoff:focus {
    color: white;
}

.text-info-estado-user{
    color: black;
    padding-left: 10px;
}

.text-informacion {
    color: gray;
}
a.text-informacion:hover {
    color: #0f0f0f;
}

.text-borrar {
    color: #0f0f0f;
}
a.text-borrar:hover {
    color: gray;
}

.font-bold {
    font-weight: bold;
}

.notificacion-crm-border {
    border:#999 solid 1px;
}

.notificacion-crm {
    position:fixed;
    bottom:40px;
    left:10px;
    text-align:center;
    z-index:100;
}

.notificacion-crm-grandes {
    position:fixed;
    top: 10%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align:left;
    z-index:999999;
}

.chat {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:180px;
    background-color: #31708f;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}

.chat-icon {
    margin-top:13px;
}

.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}

.whatsapp-icon {
    margin-top:13px;
}

.phone {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:110px;
    background-color: tomato;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}

.phone-icon {
    margin-top:13px;
}


.rotar
{
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.alert-default{
    background-color:  white ;
    border:#999 solid 1px;
}

.alert-dialogo{
    margin-top: 5px;
    background-color:  #F6F6F6 ;
    border:#E6E6E6 solid 1px;
}

.alert-dialogo-mensaje{
    max-height: 320px;
    overflow: auto;
}

.alert-dialogo table {
    table-layout:fixed;
    width:100%;
}


.alert-none{
    margin-top: 5px;
    background-color:  white ;
    border:#E6E6E6 solid 1px;
}

.carousel-indicators li {
    display: inline-block;
    width: 28px;
    height: 10px;
    margin: 0px 2%;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 10%;
    background-color: ghostwhite;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    list-style-type: square;
}

.carousel-indicators .active {
    width: 28px;
    height: 11px;
    margin: 0px 2%;
    background-color: #c4e3f3;
}

.linkWhatsApp{
    margin-left: 10px;
    color: green;
}
.linkWhatsApp:hover{
    color: #5cb85c;
}

.highlight {
    opacity: 0.5;
}

.btn-link-mango-abm {
    color: black;
    background-color: transparent;
    margin-top: -2px;
}
.btn-link-mango-abm:hover {
    color: green;
    text-decoration: white;
    background-color: transparent;
    border-color: transparent;
    scale: 1.3;
    transition: 0.1s;

}

.btn-simula-xs-mango {
    color: black;
    background-color: transparent;
    padding: 1px 5px 1px 5px;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
}

.btn-simula-xs-mango:hover {
    border-radius: 4px;
    border: 1px solid;
    color: black;
    text-decoration: white;
    background-color: #E6E6E6;
    border-color: gray;
}

.btn-xs-mango {
    color: black;
    background-color: transparent;
    padding: 1px 5px 1px 5px;
}
.btn-xs-mango:hover {
    color: black;
    text-decoration: white;
    background-color: #E6E6E6;
    border-color: gray;
}
.btn-mango {
    color: black;
    background-color: transparent;
}
.btn-mango:hover {
    color: black;
    text-decoration: white;
    background-color: #E6E6E6;
    border-color: gray;
}

.btn-link-mango {
    color: black;
    background-color: transparent;
}
.btn-link-mango:hover {
    color: black;
    text-decoration: white;
    background-color: #E6E6E6;
    border-color: gray;
}
.btn-mas-paginado {
    color: black;
    background-color: transparent;
    border: none;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}
.btn-mas-paginado:hover {
    color: #5cb85c;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.paginado{
}
.paginado:hover{
    background-color: #F6F6F6;
}


.link-mango {
    color: black;
    text-decoration: none;
    background-color: transparent;
}
.link-mango:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

.link-campana {
    color: black;
    text-decoration: none;
    background-color: transparent;
}
.link-campana:hover {
    color: #FFF;
    text-decoration: none;
    background-color: transparent;
}


.input-abm{
    margin-top: 5px;
    margin-bottom: 5px;
}

.ico-login-crm{
    transition: 0.25s;
    max-width:40px;
    align-content: center;
    vertical-align: initial;
    margin: 0 2.5px 0 2.5px;
    padding: 0 0 0 0;
    position: relative;
}
.campana {
    position:fixed;
    width:60px;
    height:60px;
    bottom:30px;
    right: 20px;
    border-radius:50px;
    text-align:center;
    font-size:28px;
    z-index:100;
}

.campana.proceso {
    position:fixed;
    width:35px;
    height:35px;
    bottom:65px;
    right: 55px;
    border-radius:50px;
    text-align:center;
    z-index:101;
    color: black;
}

.campana.proceso.texto {
    position:fixed;
    max-width: 600px;
    width:auto;
    height: auto;
    padding: 10px 10px 10px 10px;
    bottom:82px;
    right: 82px;
    border-radius: 6px;
    text-align:center;
    z-index:102;
    color: black;
    font-size: 16px;
    box-shadow: 1px 1px 2px black, 0 0 1px #777, 0 0 5px #F6F6F6;
    background-color: white;
}

.campana-notificacion {
    position:fixed;
    max-width:400px;
    max-height: 200px;
    height:30px;
    bottom:80px;
    right: 90px;
    text-align:left;
    font-size:14px;
    z-index:99;
}

.campana.default {
    border: solid 2px #777;
    background-color: #FFF;
    color:#0f0f0f;
}

.campana.success {
    border: solid 2px #777;
    background-color: #28a745;
    color:white;
}
.campana.warning {
    border: solid 2px #777;
    background-color: #ffc107;
    color:black;
}

.campana.danger {
    border: solid 2px #777;
    background-color: #dc3545;
    color:white;
}

.campana.error {
    border: solid 2px #777;
    background-color: #777;
    color:white;
}

.campana-icon {
    margin-top:13px;
}

.campana.animacion{
    animation:animatecampana 0.2s
}
@keyframes animatecampana{
    from{
        transform:scale(0);
        opacity:0
    }
    to{
        transform:scale(1);
        opacity:1
    }
}

.campana-burbuja-contenedor-notificaciones{
    width: 320px;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.campana-burbuja-botonera{
    width: 310px;
    height: 51px;
    margin-left: 15px;
    background-color: #FFF;
    border-bottom: solid 1px;
    z-index:1002;
}
.campana-burbuja-animate{
    animation:animateburbuja-animate 0.2s;
}
@keyframes animateburbuja-animate{
    from{
        transform:scale(0);
        opacity: 0;

    }
    to{
        transform:scale(1);
        opacity: 1;
    }
}

.monitor-nuevo-item-panel{
    background-color: #d6e9c6;
    animation:monitor-nuevo-item-panel-animate 5s;
}
@keyframes monitor-nuevo-item-panel-animate{
    0%     {
        background-color:#F6F6F6;
    }
    10.0%  {
        background-color:#d6e9c6;
    }
    100.0%  {
        background-color:#d6e9c6;
    }
}


.campana-animate{
    position: relative;
    animation:animatecampana 0.1s;
    animation-iteration-count: 6;
}
@keyframes animatecampana{
    from{
        transform:scale(1);
        left:-10px;
    }
    to{
        transform:scale(1.1);
        left:2px;
    }
}

.ani-scale:hover {
    animation:animatescale 0.2s;
    animation-fill-mode: forwards;

}

@keyframes animatescale{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.8);
    }
}



.ani-right-corto {
    position: relative;
    animation:animateimagenchat 0.4s;
    animation-fill-mode: forwards;
}

@keyframes animateimagenchat{
    from{
        opacity: 0;
        right:-10px;
    }
    to{
        opacity: 1;
        right:-0px;
    }
}

@keyframes anim{
    from{
        background-color: #E3EFFF;
    }
    to{
        background-color: white;
    }

}

.info-temp {
    background-color: #E3EFFF;
    animation-delay: 1s;
    animation-name: anim;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}

@keyframes spnner-grow-anim-nuevo1{
    0% {
        transform:scale(0);
    }
    15% {
        transform:scale(1);
    }
    100% {
        transform:scale(0);
    }
}
@keyframes spnner-grow-anim-nuevo2{
    0% {
        transform:scale(0);
    }
    30% {
        transform:scale(1);
    }
    100% {
        transform:scale(0);
    }
}
@keyframes spnner-grow-anim-nuevo3{
    0% {
        transform:scale(0);
    }
    40% {
        transform:scale(1);
    }
    100% {
        transform:scale(0);
    }
}
.loader-new {
    color: #0f0f0f;
    animation:animatezoomrapido;
    animation-iteration-count: infinite;
}

.loader-new-1 {
    color: #FFDC61;
    animation:spnner-grow-anim-nuevo1 0.9s;
    animation-iteration-count: infinite;
}
.loader-new-2 {
    color: #FFDC61;
    animation:spnner-grow-anim-nuevo2 0.9s ;
    animation-iteration-count: infinite;
}

.loader-new-3 {
    color: #FFDC61;
    animation:spnner-grow-anim-nuevo3 0.9s;
    animation-iteration-count: infinite;
}

.w3-animate-zoom-v1 {
    animation:animatezoomlogin 0.2s;
}
.w3-animate-zoom-v2 {
    animation:animatezoomlogin 0.25s;
}
.w3-animate-zoom-v3 {
    animation:animatezoomlogin 0.3s;
}
.w3-animate-zoom-v4 {
    animation:animatezoomlogin 0.35s;
}
.w3-animate-zoom-v5 {
    animation:animatezoomlogin 0.4s;
}
.w3-animate-zoom-v6 {
    animation:animatezoomlogin 0.45s;
}
.w3-animate-zoom-v7 {
    animation:animatezoomlogin 0.5s;
}
.w3-animate-zoom-v8 {
    animation:animatezoomlogin 0.55s;
}
.w3-animate-zoom-v9 {
    animation:animatezoomlogin 0.6s;
}
.w3-animate-zoom-v10 {
    animation:animatezoomlogin 0.65s;
}
.w3-animate-zoom-v11 {
    animation:animatezoomlogin 0.7s;
}
.w3-animate-zoom-v12 {
    animation:animatezoomlogin 0.75s;
}
.w3-animate-zoom-v13 {
    animation:animatezoomlogin 0.8s;
}

.w3-animate-zoom-delay {
    animation:animatezoomdelay 0.1s;
    animation-delay: 1s;
    animation-duration: 6s;
}
@keyframes animatezoomdelay{
    0% {
        transform:scale(0);
    }
    30% {
        transform:scale(1.6);
    }
    100% {
        transform:scale(1);
    }
}

@keyframes animatezoomlogin{
    40% {
        transform:scale(0);
    }
    69% {
        transform:scale(2);
    }
    100% {
        transform:scale(1);
        opacity:1;
    }
}

.w3-animate-zoom-rapido {
    animation:animatezoomrapido 0.3s;
}


@keyframes animatezoomrapido{
    40% {
        transform:scale(0);
    }
    69% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}

.fa-monitor-estado-conversacion{
    font-size: 22px;
    display: inline-block;
    float: right;
    margin-top: -11px;
    margin-right: -7px;
    padding-left: 10px;
}

.fa-15px{
    font-size: 17px;
    color:#757575;
    vertical-align: baseline;
}

.fa-1px{
    font-size: 19px;
}

.fa-1sx{
    font-size: 19px;
    color: green;
}

.ico-menu-novedad {
    font-size: 18px;
    vertical-align: baseline;
    margin-left: -18px;
    color: #ffc107;
    z-index: 999999999;
}

.fa-spin-scale{
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin-scale 1.2s infinite linear
}
@keyframes fa-spin-scale{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg) scale(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(50deg) scale(2.7)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(0deg) scale(0)
    }
}

.btn-novedad {
    color: black;
    background-color: transparent;
}

.btn-novedad:hover {
    color: black;
    text-decoration: white;
    background-color: #FFFFA1;
    border-color: gray;
}

.panel-primary-gray > .panel-heading {
    background-image: -webkit-linear-gradient(top, #E0FFFF 0%, #AFEEEE 100%);
    background-image:      -o-linear-gradient(top, #E0FFFF 0%, #AFEEEE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E0FFFF), to(#AFEEEE));
    background-image:         linear-gradient(to bottom, #E0FFFF 0%, #AFEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}
.panel-primary-gray{
    border: solid 1px  #999
}

.editor-html{
    margin-top: 20px;
    border: solid 1px black;
    height: 60vh;
    box-shadow: 1px 1px 2px black, 0 0 1px #777, 0 0 5px #F6F6F6;
    overflow-y:scroll;
}
data{
    background: transparent;
}

.contenedor-drop-trash{
    padding-top: 5px;
    margin: 8px 10px 0px 0px;
    text-align: end;
    align-content: flex-end;
}

.estadouser-info{
    animation:aniestadouserinfo 2s infinite;
}

@keyframes aniestadouserinfo{
    0%{
        opacity:0.5
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0.5
    }
}
.estadouser-ico{
    animation:aniestadouserico 0.7s infinite;
}

@keyframes aniestadouserico{
    33% {
        transform:scale(1);
    }
    76% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}