svg{
    max-height: 100%;
}

.acciones a{
	display: block;
}

#link-ordenar-nombre:hover, #link-ordenar-tienda:hover{
	cursor: pointer;
}

body.admin{
	background: url('/img/patrones-01.png'), rgb(58,128,129); /* For browsers that do not support gradients */

    background: url('/img/patrones-01.png'), -moz-linear-gradient(top, rgba(58,128,129,1) 0%, rgba(58,128,129,1) 67%, rgba(122,154,138,1) 93%, rgba(122,154,138,1) 100%);
    background: url('/img/patrones-01.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,128,129,1)), color-stop(67%, rgba(58,128,129,1)), color-stop(93%, rgba(122,154,138,1)), color-stop(100%, rgba(122,154,138,1)));
    background: url('/img/patrones-01.png'), -webkit-linear-gradient(top, rgba(58,128,129,1) 0%, rgba(58,128,129,1) 67%, rgba(122,154,138,1) 93%, rgba(122,154,138,1) 100%);
    background: url('/img/patrones-01.png'), -o-linear-gradient(top, rgba(58,128,129,1) 0%, rgba(58,128,129,1) 67%, rgba(122,154,138,1) 93%, rgba(122,154,138,1) 100%);
    background: url('/img/patrones-01.png'), -ms-linear-gradient(top, rgba(58,128,129,1) 0%, rgba(58,128,129,1) 67%, rgba(122,154,138,1) 93%, rgba(122,154,138,1) 100%);
    background: url('/img/patrones-01.png'), linear-gradient(to bottom, rgba(58,128,129,1) 0%, rgba(58,128,129,1) 67%, rgba(122,154,138,1) 93%, rgba(122,154,138,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8081', endColorstr='#7a9a8a', GradientType=0 );

    background-size: 50px, 100% 100%;
    background-attachment: initial; 
}

body.admin .laesmeralda-logo{
	fill: white;

}

body{
	background: url('/img/patrones-02.png'), rgb(216,228,228); /* For browsers that do not support gradients */
    background-size: 50px , 100% 100%;

    font-family: 'Times New Roman';
}

.background-green{
    background: rgb(14,130,130);
}

body.background-white{
    background:white;
}

.laesmeralda-logo{
	fill: rgb(58,128,129);
}

input[type=text].default-text-input{
    background-color: white;
    border: 1px solid gray;
}

#header-title svg{
    vertical-align: middle;
}

.paginas-titulos{
    vertical-align: middle;
    margin-top: 10px;
    color: white;
    font-size: 22px;
    line-height: 30px;
    padding-left: 10px;

}


#hola-soy-titulo{
    color: white;
    font-size: 20px;
}


.dashboard-vendedor{
    color:#0e8282;
    font-size: 18px;
}


.dashboard-status-estilo{
    color:white;
    font-size: 18px;
}

.dashb {
    color:#0e8282;
    background-color: white;
    text-transform: none;
    height: 55px;
    font-size: 18px;
    padding-left: 10px;

}

.dashb:hover{
    background-color: white;
    text-transform: none;
}

.dashboard-salir{
    color: rgb(8,73,71);
    font-size: 17px;
}

.vendedores-salir{
    color: white;
    font-size: 17px;
}

.nuevo-prospecto-footer-nombre{
    font-size: 25px;
    color:rgb(188,188,188);
}

.nuevo-prospecto-footer-web{
    font-size: 20px;
    color:rgb(188,188,188);
}

.header-vendedor{
    color:#59a9a8;
    font-size: 18px;

}

.prospecto-datos-fechas{
    color:rgb(188,188,188);
    font-size: 14px;
}

.prospecto-datos-info{
    color:#9ba7a7;
    font-size: 16px;
}

.titulo-datos-del-cliente{
    background-color: rgb(214,229,229);
}

.prospecto-datos-cliente-titulo{
    color: rgb(14,130,130);
    font-size: 22px;

}

.prospecto-forma-titulos{
    color: rgb(14,130,130);
    font-size: 18px;
    margin-bottom: 10px;
}

input[type=text].default-text-input{
    border: 1px solid rgb(14,130,130);
    border-radius: 5px;
    padding-left: 10px;
}

.input-field label{
     color: rgb(14,130,130);
    font-size: 18px;
    margin-bottom: 10px;
}

.select-clientes .select-wrapper input.select-dropdown{
    position: relative;
    cursor: pointer;
    background-color: white;
    outline: none;
    border-style:solid;
    border-width: 1px;
    border-color:rgb(14,130,130);
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 15px 0 15px 0;
    padding: 0;
    padding-left: 10px;
    display: block;
    color: #D1D1D1;
}

 .select-wrapper input.select-dropdown{
    position: relative;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border-style:solid;
    border-width: 1px;
    border-color:rgb(14,130,130);
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 15px 0 15px 0;
    padding: 0;
    padding-left: 10px;
    display: block;
    color: #0E8282;
}

.text-pagina-principal{
    padding-left: 10px !important;
}

.area-de-texto{
    height:100px;
    border-color:rgb(14,130,130);
    border-radius: 5px;
    padding-left: 10px;
}

textarea:focus{
    border-color:rgb(14,130,130);
    outline: none;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
    border-style: solid;
    border-width: 1px;
    border-color:rgb(14,130,130);
    border-radius: 5px;
    outline: none;
    padding-left: 10px;
}

.agregar-producto-prospecto{
    border-top: 1px solid rgb(14,130,130);
    color:rgb(14,130,130);
    width: 250px;
    height:70px;
    font-size: 18px;
    text-transform: none;
    padding-left:15px;
    padding-right: 15px;
    background-color: white;
    padding-top: 30px;
    cursor:pointer;
}

.agregar-producto-prospecto-modal{
    border-top: 1px solid rgb(14,130,130);
    color:rgb(14,130,130);
    width: 250px;
    height:70px;
    font-size: 18px;
    text-transform: none;
    padding-left:15px;
    padding-right: 15px;
    background-color: transparent;
    padding-top: 30px;
    cursor:pointer;
}

.agregar-producto-editar{
  
    color:rgb(14,130,130);
    width: 250px;
    height:70px;
    font-size: 18px;
    text-transform: none;
    padding-left:15px;
    padding-right: 15px;
    cursor:pointer;
}

.agregar-producto-enviar{
    border: 5px solid rgb(14,130,130);
    color:rgb(14,130,130);
    width: 250px;
    height:70px;
    font-size: 18px;
    text-transform: none;
    padding-left:15px;
    padding-right: 15px;
    background-color: white;
    padding-top: 5px;

}

.agregar-producto-enviar:hover{
    background-color: white;
}

.agregar-producto-prospecto:hover{
    background-color: white;
}

.agregar-producto-costo-total{
    font-size: 22px;
    color:rgb(14,130,130);
}

.agregar-producto-costo{
    font-size: 22px;
    color:rgb(8,73,71);
}

.aviso-gris{
    color: rgb(188,188,188);
    font-size: 14px;

}

.boton-final-generar{
    background-color: rgb(14,130,130);
    color: white;
    width: 250px;
    height: 70px;
    font-size: 20px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 65px;
}

.boton-final-generar:hover{
    background-color: white;
    color: rgb(14,130,130);
    width: 250px;
    height: 70px;
    font-size: 20px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 65px;
}

#corroborar-datos{
    font-size: 22px;
    color:rgb(14,130,130);
    
    padding-bottom: 40px;
}

.confirmacion-prospecto{
    font-size: 18px;
    color: rgb(14,130,130);
}

.confirmacion-prospecto-gerente{
    font-size: 18px;
    color: rgb(14,130,130);
}

.producto-extra-titulo{
    font-size: 25px;
    color: rgb(14,130,130);
}

.confirmacion-info{
    font-size: 18px;
}

.confirmacion-info-gerente{
     font-size: 18px;
     color: #000;
}

.editar-boton-prospecto{
    color: rgb(14,130,130);
    font-size: 18px;
    margin-top: 20px;
}

#logo-enviar-boton{
    padding-top:20px; 
    padding-bottom:10px; 
    padding-right: 20px;
    cursor:pointer; 
    display:inline;
}

#logo-enviar-boton svg{
    vertical-align: middle;
}

#nombre-cliente-titulo-envio{
    font-size: 18px;
    color: rgb(14,130,130);

}

#nombre-cliente-info-envio{
    font-size: 18px;
    color: rgb(14,130,130);
    
}

.envio-checkboxes{
    color: rgb(14,130,130);
    font-size: 18px !important;
    display: block;
}

.envio-checkboxes-info{
    color: rgb(14,130,130);
    font-size: 18px;
    display: block;

}

.envio-correo-cliente{
    color: #bfbebe;
    font-size: 14px;
    display: block;
}


#boton-up{
    cursor: pointer;
}

#footer-menu{
    position:fixed;
    bottom:0px;
    width: 100%;
    z-index: 100;
    background-color: white;
    border-top: 1px solid rgb(14,130,130);
    height: 50px;
    letter-spacing: -4px;
}

#footer-menu div{
    width: 20%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

#modal1{
    height:70%;
    max-height: 100%;
}

.flecha-modal-enviar{
    position: absolute;
    right: 15% !important;
    top: 5%;
}

#flecha-svg-enviar{
    cursor: pointer;
}

.mis-clientes-letra-titulos{
    color: rgb(14,130,130);
    font-size: 17px;

}

.mis-clientes-info-cliente{
    font-size: 17px;

}

#estatus-boton-clientes .select-wrapper input.select-dropdown{
        margin: 0px;
        padding: 0px;
        text-align: center;
} 

.clientes-gris-letra{
    color:#000000;
    font-size: 15px;
}

.boton-ver-orden{
    width:100%;
    background-color: rgb(191,214,210);
    height:60px;
    text-transform: none;
    color: #084947;
}

.boton-ver-orden:hover{
    background-color: rgb(191,214,210);    
}

.collapsible-header{
    line-height: 4rem;
   
    border-radius: 5px;
    border: 1px solid rgb(14,130,130);
   

}
.menu-clientes-datos{
    display: inline;
    vertical-align: middle;
   
}

.menu-clientes-datos svg{
    vertical-align: middle;
}

.menu-clientes-letra {
    padding-left: 50px;
    padding-right: 50px;
    color: #0e8282;
}

.menu-clientes-letra-orden {
    padding-left: 52px;
    padding-right: 52px;
    color: #0e8282;
}

.menu-clientes-letra-seguimiento{
    padding-left: 60px;
    padding-right: 60px;
    color: #0e8282;
}

.menu-clientes-icono-izquierdo{
    
}

.collapsible-body{
    background-color:rgb(214,229,229);
}
.mis-clientes-datos-titulos{
    color:rgb(14,130,130);
    font-size: 18px;

}

.numero-de-prospecto-clientes{
    color: rgb(8,73,71);
}

.mis-clientes-datos-info{
    font-size: 18px;
    color: rgb(8,73,71);
}

#editar-datos-de-orden{
    color:  #8da9a5;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
}

#guardar-datos-de-orden{
    color:  #8da9a5;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
}

#editar-orden-de-producto{
    color:  #8da9a5;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
}

#guardar-orden-de-producto{
    color:  #8da9a5;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
}

.mis-clientes-mensajes-vendedor{
    background-color: #ededed;
    border-bottom: 1px solid rgb(188,188,188);
}
.clientes-mensajes-nombres{
    color:rgb(14,130,130);
    font-size: 18px;
    padding-top: 20px;

}

.clientes-mensajes-contenido{
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(8,73,71);
}

.clientes-mensajes-fecha{
    padding-bottom: 20px;
    font-size: 13px;
    color:#696969;
}

.mis-clientes-mensajes-admin{
    background-color: #c6c6c6;
}

.clientes-mensajes-opciones{
    padding-left: 10px;
    font-size: 15px;
    color:rgb(14,130,130);
}

#mensaje-text-titulo{
    font-size: 15px;
    margin-left: 10px;
}

#boton-enviar-mensaje{
    height: 50px;
    background-color: rgb(14,130,130);
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: none;
}

#boton-enviar-mensaje:hover{
   
    background-color: #2bbbad;
}

#status-mensajes{
    color:rgb(188,188,188);
    font-size: 20px;
    margin-top: 10px;
}

#mis-clientes-titulo-cliente{
    color: rgb(14,130,130);
    font-size: 18px;
}

#mis-clientes-nombre-cliente{
    font-size: 18px;
    color: rgb(8,73,71);
    margin-left: 10px;
}

#mis-clientes-div-cliente{
    margin-top: 20px;
    margin-bottom: 5px;
}

.mis-clientes-correos-titulos{
    color:#ABABAB;
    font-size: 18px;
}

.correos-no-leios{
    background-color: #d0d8d8;
    border-radius: 7px;
}

.mis-clientes-correos-info{
    font-size: 18px;
    color: #0e8282;
}

.mis-clientes-correos-admin{
    color: rgb(14,130,130);
    font-size: 18px; 

}

.mis-clientes-correos-contenido{
    color: rgb(8,73,71);
    font-size: 17px;
}

.mis-clientes-correos-fecha{
      color: #ABABAB;
      font-size: 16px;
}

.correos-leios{
    background-color: #ededed;
    border-radius: 7px;
}

.prospectos-fecha-mes .select-wrapper input.select-dropdown{
    border: none;
    margin: 0px;
    color:rgb(14,130,130);
    font-size: 16px;
}

#prospecto-titulo-estatus{
    margin-top: 23px;
  
    color:rgb(14,130,130);
    font-size: 18px;
    
}

#numdero-de-prospectos{
    font-size: 45px;
    color:rgb(8,73,71);    
}

.titulos-ventas-estatus{
    color:white;
    font-size: 18px;
}

#concretados-div{
    margin-top: 35px;
    margin-bottom: 37px;
}

.numero-concretados{
    font-size: 40px;
    color: white;
}

.numero-en-proceso{
    font-size: 30px;
    color: white;
}

#en-proceso-div{
    margin-top: 10px;
}

.numero-cancelados{
    font-size: 30px;
    color: white;
}

#cancelados-div{
    margin-top: 10px;
}

.modals-ventas{
 
    width:100%;
    max-height: 100%;
    height: 100%;
    
}

.ventas-modal-titulos{
    font-size: 35px;
    color: #ffffff;
}

.ventas-modal-titulos-fecha{
    font-size: 22px;
    color: #ffffff;
}


.ventas-modal-titulos-concretados{
    font-size: 35px;
    color: #0e8282;
}

.ventas-modal-titulos-fecha-concretados{
    font-size: 22px;
    color: #0e8282;
}

.sucursal-titulo-modals{
    color: #ababab;
    font-size: 14px;
}

.vendedor-titulo-modals{
    color: #ababab;
    font-size: 14px;
}

.titulo-modal-contenido{
    font-size: 14px;
}
.cliente-letra-modal{
    color: #ababab;
}


.select-wrapper span.caret{
    right: 5px;
    top:15px;
    font-size: 12px;
    color: rgb(8,73,71);
    z-index: 10;
}

.vendedores-div{
    display:block;
    margin-bottom:20px; 
    border-radius: 7px; 
    font-size:18px;
    height: 45px;
    line-height: 46px;
}

.detalles-de-compra{
    display: block;
}

input:not([type]).valid, input:not([type]):focus.valid, 
input[type=text].valid, input[type=text]:focus.valid, 
input[type=password].valid, input[type=password]:focus.valid, 
input[type=email].valid, input[type=email]:focus.valid, 
input[type=url].valid, input[type=url]:focus.valid,
input[type=time].valid, input[type=time]:focus.valid, 
input[type=date].valid, input[type=date]:focus.valid,
input[type=datetime].valid, input[type=datetime]:focus.valid,
input[type=datetime-local].valid, input[type=datetime-local]:focus.valid,
input[type=tel].valid, input[type=tel]:focus.valid,
input[type=number].valid, input[type=number]:focus.valid,
input[type=search].valid, input[type=search]:focus.valid,
textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid{
    border-bottom: 1px solid rgb(14,130,130);
    box-shadow:none;
 }





.gerente-menu{
    background-color: #084947;
    width: 200px;
    position: fixed;
    overflow: auto;
    height: 100%;
}

.gerente-menu::-webkit-scrollbar {
    width: 5px;
    background-color: #ffffff;
}
 
.gerente-menu::-webkit-scrollbar-track {
   
}
 
.gerente-menu::-webkit-scrollbar-thumb {
  background-color: #0E8282;
  
}

@media (min-width: 992px) {
     .margin-200{
        margin-left: 200px;
    }
}



.material-icons{
    font-size: 40px;
    color: #0e8282;
}

#svg-gerente-logo path,#svg-gerente-logo polygon{
    fill:#ffffff;
}

#svg-gerente-logo{
    margin: 20px;
}

.menu-gerente-nombre{
    color: #ffffff;
    font-size: 18px;
}

.line-menu{
    border-bottom: 1px solid #ffffff;
}

.gerente-menu-iconos svg{
    vertical-align: middle;
    margin-right: 20px;
}

.gerente-menu-titulos{
    vertical-align: middle;
    color: #9ba7a7;
    font-size: 16px;
}

.gerente-menu-salir{
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
    
}

.gerente-prospectos-fecha-mes .select-wrapper input.select-dropdown{
    border: none;
    margin: 0px;
    color:rgb(14,130,130);
    font-size: 20px;
}

.gerente-prospecto-titulo-estatus{
    margin-top: 23px;
    border-right:1px solid rgb(14,130,130);
    color:rgb(14,130,130);
    font-size: 20px;
}

#gerente-numero-de-prospectos{
    font-size: 35px;
    color:rgb(8,73,71);  
}

#prospectos-totales-titulo{
    color: #848484;
    font-size: 14px;
    padding-right: 15px;
    margin-left: -145px;
    font-family: 'Roboto', sans-serif;
}

.gerente-ventas-modal-titulos{
    font-size: 35px;
    color: #ffffff;
}

.gerente-prospectos-modal-titulos{
    font-size: 35px;
    color: #0e8282;
}

.gerente-ventas-modal-titulos-fecha{
     font-size: 22px;
     color:#ffffff;
}

.gerente-prospectos-modal-titulos-fecha{
     font-size: 22px;
     color:#0e8282;
}

.sucursal-titulo-modal{
    font-size: 22px;
}

.gerente-prospect-modal-letra{
     font-size: 20px;
     color: #ababab;
}

.gerente-prospect-numeros{
    font-size: 20px;
}

#modal-concretados-header{
    background-color: #0e8282;
    width: 100%;
}

#modal-en-proceso-header{
    width: 100%;
    background-color: green;
}

#modal-cancelados-header{
    width: 100%;
    background-color: #c6c6c6;
}

.modal .modal-content{
    padding: 0px !important;
} 

#modalConcretados{
    width: 30%;
    height: 60%;
}

@media(max-width: 992px){
    #modalConcretados{
        width: 70%;
        height: 80%;
        margin-left: 10px;
    }
}

#modalConcretados1{
    width: 80%;
    height: 80%;
}

#modalConcretadosAP{
    width: 80%;
    height: 80%;
}

#modalConcretadosMP{
    width: 80%;
    height: 80%;
}

#modalEnProceso{
    width: 30%;
    height: 60%;
}

@media(max-width: 992px){
   #modalEnProceso{
        width: 70%;
        height: 80%;
        margin-left: 10px;
    }
}

#modalEnProceso1{
    width: 80%;
    height: 80%;
}


#modalEnProcesoAP{
    width: 80%;
    height: 80%;
}

#modalEnProcesoMP{
    width: 80%;
    height: 80%;
}

#modalCancelados{
    width: 30%;
    height: 60%;
}

@media(max-width: 992px){
   #modalCancelados{
        width: 70%;
        height: 80%;
        margin-left: 10px;
    }
}

#modalCancelados1{
    width: 80%;
    height: 80%;
}

#modalCanceladosAP{
    width: 80%;
    height: 80%;
}

#modalCanceladosMP{
    width: 80%;
    height: 80%;
}

#modalProspectos{
    width: 30%;
    height: 60%;
}

@media(max-width: 992px){
   #modalProspectos{
        width: 70%;
        height: 80%;
        margin-left: 10px;
    }
}

#modalProspectosAP{
    width: 80%;
    height: 80%;
}

#modalProspectosMP{
    width: 80%;
    height: 80%;
}

#modalProspectos1{
    width: 80%;
    height: 80%;
}

.tacha-de-modals{
    position: fixed;
    right: 0px;
    top: 5px;
}




.gerente-ventas-totales-candado svg{
    vertical-align: middle;
}

.gerente-ventas-totales-candado{
    margin-right: 20px;
}

.gerente-ventas-mensuales-letra{
    vertical-align: middle;
    font-size: 20px;
    color: #0e8282;
}

.cursor-pointer{
    cursor: pointer;
}

#sucursal-ciudad-titulo{
    color: #8da9a5;
    font-size: 20px;
}

.gerente-sucursales-titulo{
    color: #0e8282;
    font-size: 20px;

}

.gerente-ventas-modals-bordo{
    border-right: 1px solid #0e8282;  
}

.container-vendedores-top .gerente-ventas-modals-bordo:last-child{
    border-right: none;  
}

.gerente-ventas-numero{
    color: #084947;
    font-size: 18px;
}

.gerente-ventas-letra{
    color:#0e8282;
}

.gerente-ventas-totales-titulo{
   font-size: 20px;
   color:#0e8282;
}

.gerente-ventas-totales-numero{
    font-size: 30px;
    color: #084947;

}

.gerente-ver-prospectos-boton{
    width:100%;
    background-color: rgb(191,214,210);
    height:60px;
    text-transform: none;
    border-radius: 15px;
    color: #084947;
    z-index: 100;
}

.gerente-ver-prospectos-boton:hover{
    background-color: rgb(191,214,210);    
}

.gerente-ventas-nombres-vendedores{
    color: #0e8282;
}

.gerente-ventas-modal-porcentaje{
    color: #0e8282;
}

.gerente-modal-concretados{
    background-color: #0e8282;
    padding-top: 10px !important;
    height: 150px;
}

.gerente-modals-letra-titulos{
    color: white;
    font-size: 20px;
    padding-top: 28px;
}

.gerente-modals-numeros{
    color: white;
    font-size: 32px;
}

.gerente-modals-svg{
    padding-top: 10px;
    padding-bottom: 13px;
}

.gerente-modal-en-proceso{
    background-color: green;
    padding-top: 10px !important;
    height: 150px;
}

.gerente-modal-cancelados{
    background-color: #c6c6c6;
    padding-top: 10px !important;
    height: 150px;
}

#titulo-del-pie-chart{
    color: #0e8282;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px;


}
#comparativo-container{
   background: url('/img/patrones-02.png'), rgb(216,228,228); /* For browsers that do not support gradients */
    background-size: 50px , 100% 100%;
}

#pie-chart{
    margin-top: 50px;
    border-bottom:1px solid #d6e5e5;
    padding-bottom:30px;
}

#svg-clientes-logo{
    margin-top: 20px;
}

#palabra-clave{
    height: 25px;
    font-size: 13px;
    padding-left: 10px;
    border-radius: 0px;
    background-color: white;
}

#gerente-clientes-datepicker{
    height: 25px;
    font-size: 13px;
    padding-left: 10px;
    border-radius: 0px;
    background-color:white;
}

.select-gerente-clientes .select-wrapper input.select-dropdown{
     height: 25px;
    font-size: 13px;
    border-radius: 0px;
    color:#D1D1D1;
}

.select-gerente-clientes .select-wrapper span.caret{
    top: 5px;

}


.buscar-boton-gerente-clientes{
    height: 55px;
    font-size: 13px;
    background-color: #0E8081;
    text-transform: none;
    font-size: 15px;
}

.botones-admin-usuarios span{
    vertical-align: middle;
    padding-left: 10px;
}

.botones-admin-usuarios svg{
    vertical-align: middle;
}

.agregar-usuarios-gerente-boton{
    height: 55px !important;
    font-size: 13px;
    background-color: #0E8081;
    text-transform: none;
    font-size: 15px;
}

#boton-buscar-clientes{
    position: absolute;
    right: 70px;
    top: 55px;
    width: 100px;
    height: 100px !important;
}



.buscar-boton-gerente-clientes-movil{
    height: 55px;
    width: 200px;
    font-size: 13px;
    background-color: #0E8081;
    text-transform: none;
    font-size: 15px;
}





@media(min-width: 992px){

    .margin_20{
        margin-right: 20%;
    }
}

#buscar-por-fecha{
    color: #999999;
    padding-right: 20px;
    padding-left: 15px;
    padding-bottom: 10px;
}

.clientes-numero-cliente{
    font-size: 12px;
    padding-left: 10px;
    color:#929292;
}

.clientes-cliente-regristrado{
    font-size: 12px;
    color:#bcbcbc;
}

.clientes-cliente-regristrado-gerente{
    font-size: 12px;
    color:#929292;
}


.caja-clientes-gerente{
    font-size: 15px;
    color:#0e8282;
}

#clientes-caja-nombre-cliente{
    font-size: 15px;
    color:#0e8282;
}
 
.clientes-caja-info{
    font-size: 15px;
} 

#clientes-fecha-evento{
    font-size: 12px;
     color:#929292;
}

.clientes-caja-estatus-select .select-wrapper input.select-dropdown{
    height: 40px;
    
    font-size: 13px;
    border-radius: 5px
}

.clientes-caja-estatus-select .select-wrapper span.caret{
    top:12px;
    right: 5px;
}
  
#gerente-caja-de-clientes{
   
    padding-right:20px; 
    padding-left:20px; 
    border-bottom-left-radius: 15px; 
    border-bottom-right-radius: 15px;
}

.orden-iconos-comunicacion svg{
    vertical-align: middle;
}

.orden-iconos-comunicacion span{
    vertical-align: middle;
}

.orden-iconos-comunicacion{
    padding-right: 20px;
}

.iconos-comunicacion-numero{
    font-size: 18px;
    padding-left: 6px;
    color: #0e8282;
} 

.gerente-orden-cliente-titulo{
    font-size: 16px;
    color: #0e8282;
}

.gerente-orden-cliente-info{
      font-size: 15px;
}

.gerente-orden-cliente-titulo-orden{
    font-size: 18px;
    color: #414e4e;
}

.gerente-orden-cliente-info-numero{
      font-size: 16px;
      color: #414e4e;
}

.gerente-orden-cliente-titulo-cliente{
    font-size: 20px;
    color: #0e8282;
}

.clientes-collapsible-caja{
    border-radius: 0px;
}

.clientes-collapsible-bordo{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-top: 0px;
}

.gerente-clientes-orden-svg svg{
    vertical-align: middle;
}

.gerente-clientes-orden-svg{

}

.gerente-clientes-orden-titulo{
    vertical-align: middle;
    padding-left: 20px;
    font-size: 20px;
    color: #0e8282;
}

.gerente-datos-cliente-contenido{
    padding-bottom: 10px !important;
  
}

.gerente-datos-cliente-titulo{
    font-size: 18px;
    color: #0e8282;
}

.gerente-datos-cliente-info{
    font-size: 18px;
}

.editar-datos-boton{
    color: #8da9a5;
    font-size: 18px;
    vertical-align: middle;
    padding-left: 15px;
}

.gerente-editar-datos-svg svg{
    vertical-align: middle;
}

.caja-mensajes-cliente-vendedor{
    background-color: #ededed;
}

.gerente-seguimiento-caja-titulos{
    color: #0e8282;
    font-size: 18px;
}

.gerente-seguimiento-caja-fecha{
    font-size: 14px;
    color: #ffffff;
}

.caja-mensajes-cliente-admin{
    background-color: #d6dadb;
}

.gerente-mensajes-contenido{
    font-size: 18px;
}

.mensajes-footer{
    background-color: #ffffff;
}

.enviar-mensaje-gerente{
    font-size: 15px;
    text-transform: none;
    background-color: #0e8282;
    
}
.enviar-mensaje-gerente:hover{
    background-color: #2bbbad;
}

.asignar-boton{
    color: #797979;
    background-color: #cad1d1;
    border:none;
    text-transform: none;
    font-size: 12px;
    height: 29px;
    width: 200px;
    line-height: 30px;
    padding:0px;
    border-radius: 10px;
}

.asignar-boton:hover{
    color: #0e8282;
    background-color: #ffffff;
}

#boton-clientes-orden{
    position: absolute;
    top: 120px;
    right: 20px;
}

.mensajes-buscar-boton{
    background-color: #0e8282;
    text-transform: none;
    border-radius: 2px;  
    font-size: 16px;
    height: 55px;
}

#boton-buscar-mensajes{
    position: absolute;
    right: 15%;
    top: 45px;
    
}

#boton-buscar-mensajes-movil{
        padding-bottom: 20px;
}

@media(max-width: 992px){
    #boton-buscar-mensajes{
        position: absolute;
        right: 5%;
        top: 90px;
        
    }
}

#gerente-mensajes-datepicker{
    height: 25px;
    font-size: 13px;
    padding-left: 10px;
    border-radius: 0px
}

#mensajes-busca-fecha{
    color: #0e8282;   
}

.mensajes-admin-gerente{
     color: #0e8282; 
}

.mensajes-fecha-gerente{
    color: #ABABAB;
    font-size: 13px;
}

.mensaje-contenido-letra{
    font-size: 14px;
}



@media(min-width: 992px){
    .mensajes-div{
    position: fixed;
    overflow: auto;
    width: calc(100% - 200px);
}
}


@media(max-width: 992px){
    .mensajes-div{
       
        width: 100%;
    }
}

.botones-sucursal-reportes{
    background-color: #d6e5e5;
    color: #0e8282;
    height: 30px;
    text-transform: none;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 13px;
    border-radius: 7px;
}

.botones-sucursal-reportes:hover{
    background-color:#0e8282;
    color: #ffffff;
}

.reportes-gerente-sucursal .select-wrapper input.select-dropdown{
    border: none;
    color: #0e8282;
    font-size: 18px;
}

.reportes-gerente-prospectos-titulo{
    margin-top:25px;
    color: #0e8282;
    font-size: 18px;
    border-right: 1px solid #0e8282;
}

.sucursal-nombre-reportes{
    color: #0e8282;
    font-size: 40px;
    margin-top: 25px;
}

.prospectos-numero-sucursales{
    color:#084947;
    font-size: 35px;
}

.sucursales-ventas-totales-titulo svg{
    vertical-align: middle;
}

.sucursales-ventas-totales-titulo{
    vertical-align: middle;
    font-size: 20px;
    color:#0e8282;
}

.numero-ventas-sucursales{
    font-size: 35px;
    color:#084947;

}

#sucursal-pie-chart{

}

.empleado-del-mes-reportes{
    font-size: 20px;
    color:#0e8282;
    display: block;
}

.empleado-del-mes-nombre{
    font-size: 20px;
    display: block;
}

.caja-administrar-usuarios-reportes{
    background-color: #d6e5e5;
    vertical-align: middle;
}

.caja-administrar-usuarios-reportes svg{
    vertical-align: middle;
}

.administrar-usuarios-caja-titulo{
    font-size: 18px;
    padding-left: 10px;
    color: #8da9a5;
}

.administrar-usuario-titulo-caja{
    color: #0e8282;
    font-size: 18px;
}

.administrar-usuario-contenido-caja{
    font-size: 16px;
}

#editar-sucursal-gerente svg{
    vertical-align: middle;
}

#editar-sucursal-gerente{
    vertical-align: middle;
    font-size: 16px;
    background: transparent;
    border: none;
    color: #8da9a5;
}

#admin-usuarios-titulo-sucursal{
    font-size: 22px;
    color: #0e8282;
    padding-top: 40px;
    padding-bottom: 40px;
    background: url('/img/patrones-02.png'), rgb(216,228,228); /* For browsers that do not support gradients */
    background-size: 50px , 100% 100%;
    margin-bottom: 40px;

}

.admin-usuarios-sub-titulo{
    font-size: 18px;
    color: #0e8282;
}

.vendedores-botones svg{
    vertical-align: middle;
}

.vendedores-botones{
    vertical-align: middle;
    font-size: 16px;
    background: transparent;
    border: none;
    color: #8da9a5;
}

.eliminar-editar-botones-vendedores svg{
    vertical-align: middle;
}

a.eliminar-familia, a.editar-familia{
    color: #8da9a5 !important;
}

a.eliminar-familia:hover, a.editar-familia:hover{
    cursor: pointer;
}

a.eliminar-material, a.editar-material{
    color: #8da9a5 !important;
}

a.eliminar-material:hover, a.editar-material:hover{
    cursor: pointer;
}

a.eliminar-color, a.editar-color{
    color: #8da9a5 !important;
}

a.eliminar-color:hover, a.editar-color:hover{
    cursor: pointer;
}

.eliminar-editar-botones-vendedores{
    vertical-align: middle;
    font-size: 16px;
    background: transparent;
    border: none;
    color: #8da9a5 !important;
}

.nombre-de-vendedores{
    font-size: 16px;

}

#agregar-vendedor-adim-usuarios{
    border-radius: 5px;
    background-color: #ffffff;
    padding-left: 10px;
}

#paloma-vendedores svg{
    padding-top: 43px;

}

.globo-notificacion{
    background: red;
    display: inline-block;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    vertical-align: top;
    letter-spacing: 0px;
}

.globo-notificacion-dash{
    background: red;
    display: inline-block;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    vertical-align: top;
    line-height: 1.5;
}

.notification-number{
    vertical-align: top;
    background-color: red;
    border-radius: 10px;
    padding: 2px;
    color: white;
    font-size: 10px;
    position: absolute;
    top: -20px;
    right: -23px;
    display: block;
    width: 20px;
    height: 20px;
}


#mas-icono-agregar-sucursal{
    padding-top: 22px;
}

.inputs-de-agregar{
    padding-left: 10px !important;
}

#agregar-sucursal-boton{
   
}


.vendedores-botones:focus{
    background-color: transparent;
}

.letra-forma-label{
    color: #0e8282;   
}

.letra-forma-crear-prospecto{
    color: #0e8282;  
}

#datos-del-cliente-titulo-gerente{
     color: #0e8282; 
     font-size: 22px;
}

#producto-titulo-gerente{
    color: #0e8282; 
     font-size: 22px;
}

.producto-gerente .select-wrapper input.select-dropdown{
    margin-top: 0px;
}

#descripcion-prospecto-nuevo{
    padding:0px;
    height: 100px;
}



#producto-search-box{
    height: 30px;
    padding-left: 10px;

}

#label-producto-caja{
  top:0.3rem;
  padding-left: 10px;
}


.boton-agregar-flecha{
    border: none;
    background-color: transparent;
}

.boton-agregar-flecha:focus{
    border: none;
    background-color: transparent;
}

.vendedores-botones-header svg{
    vertical-align: middle;
}

.vendedores-botones-header{
    vertical-align: middle;
    font-size: 16px;
    background: transparent;
    border: none;
    color: #0e8282;

}



#familia-name, #material-name, #color-name{
    padding-left: 10px;
    height: 40px;
    margin-bottom: 0px;
}

.catalogo-agregar-titulo span{
    color: #8da9a5;
    font-size: 18px;
}

.reportes-div-background{
    background: url('/img/patrones-02.png'), rgb(216,228,228); /* For browsers that do not support gradients */
    background-size: 50px , 100% 100%;
    padding-bottom: 10px;
}

.lleno .select-dropdown{
    color: black !important;
}

#seleccion-letra-catalogo{
    font-size: 22px;
    color: #0e8282;
    padding-top: 28px;
}

.letra-modal-editar{
    color: #0e8282;
    font-size: 25px;
    margin-top: 20px;
}

.boton-final-editar{
    background-color: rgb(14,130,130);
    color: white;
    width: 150px;
    height: 50px;
    font-size: 22px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 48px;
    float: none !important;
}

.boton-final-editar:hover{
    background-color: white;
    color: rgb(14,130,130);
    width: 150px;
    height: 50px;
    font-size: 22px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 48px;
    float: none !important;
}

#eliminar-titulo-gerente{
    color: #0e8282;
    font-size: 22px;
}

.cliente-eliminar-div{
    
    display: inline;
   padding-right: 80px;
}

.cliente-titulos-letra{
    color: #0e8282;
    font-size: 17px;
}

.cliente-contenido-letra{
    font-size: 17px;
}

.vendido>input{
    background-color:rgb(208,198,152)!important;
    border: none !important;
}

.cancelado>input{
    border: none !important;
    background-color: rgb(188, 193, 193)!important;
}

.en-proceso>input{
    border: none !important;
    background-color:  rgb(144, 197, 197) !important;
}

.azul>input{
    border: none !important;
    background-color:  rgb(121, 193, 255) !important;
}

#precio_modal{
    max-height: 85%;
    height: auto;
}

.select-editar-orden .select-wrapper input.select-dropdown{
    margin-top: 0px;
    color: #000;
}

.ver-prospecto-mensajes{
    background-color: #dbdbdb;
    
    border-radius: 9px;
}

.ver-prospecto-mensajes-letra{
    vertical-align: middle;
    color: #084947;
}

.ver-prospecto-mensajes-letra svg{
    vertical-align: middle;
    padding-right: 10px;
    
}

.ver-prospecto-mensajes-admin{
    border-radius: 9px;
    background-color: #becdca;
}

.mensajes-letra-gris{
    color: #ABABAB;
}

#texto-no-enctonrados{
    font-size: 18px;
    padding-top: 60px;
    color: #ABABAB;
    padding-bottom: 100px;
}

#circulo-alerta{
    color: white;
    background-color: #ff5050;
    float: right;
    border-radius: 3px;
    font-size: 8px;
    vertical-align: middle;
    height: 12px;
    width: 12px;
    
}

.gerente-seguimiento-caja-fecha span{
    color: #a2a2a2;
}



@media(min-width: 600px){
    #mensajes-caja-header{
        border-bottom: 1px solid #d6e5e5; 
        height: 150px;
    }
}

@media(max-width: 600px){
    #mensajes-caja-header{
    border-bottom: 1px solid #d6e5e5; 
   }
}

@media(min-width: 600px){
    #crear-prospecto-header{
        border-bottom: 1px solid #d6e5e5; 
        height: 150px;
    }
}

@media(max-width: 600px){
    #crear-prospecto-header{
    border-bottom: 1px solid #d6e5e5; 
   }
}

@media(min-width: 993px){
    #admin-usuarios-header{
        border-bottom: 1px solid #d6e5e5; 
        height: 150px;
    }
}

@media(max-width: 992px){
    #admin-usuarios-header{
    border-bottom: 1px solid #d6e5e5; 
    
   }
}

@media(min-width: 993px){
    #cliente-orden-header{
        margin-bottom: 0px; 
        height: 150px; 
        background-color: #d6e5e5;
    }
}

@media(max-width: 992px){
    #cliente-orden-header{
        margin-bottom: 0px; 
        background-color: #d6e5e5;
    
   }
}

@media(min-width: 600px){
    #boton-clientes-orden {
    position: absolute;
    top: 120px;
    right: 20px;
}
}

@media(max-width: 600px){
    #boton-clientes-orden {
    position: absolute;
    top: 340px;
    right: 50px;
}

@media(min-width: 601px; max-width: 992px;){
    #boton-clientes-orden {
    position: absolute;
    top: 165px;
    right: 20px;
}

@media(max-width: 600px){
    #nombre-cliente-movil {
       padding-top: 20px;
}



.next{
    padding-left: 15px;
}

.prev{
    padding-right: 15px;
}