/* 
    Created on : Aug 18, 2023, 12:28:21 PM
    Author     : El Arquitecto
*/
/* Boton estilo de base */
/*.btn-cu {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
}*/

/*Icono ClaveÚnica*/
/*.btn-cu .cl-claveunica {
    display: inline;
    float: left;
    text-indent: -9999px;
}*/
/*Texto ClaveÚnica*/
/*.btn-cu .texto {
    padding-left: 3px;
    text-decoration: underline;
}*/

/* Tamaño M */
/*.btn-cu.btn-m {
    width: 160px;
    min-width: 160px;
    max-height: 42px;
    padding: 8px 18px 8px 15px !important;
    font-size: 16px;
    line-height: 1.6em;
}*/
/*.btn-cu.btn-m .cl-claveunica {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}*/

/* Boton estilo con isotipo */
/*.cl-claveunica-logo {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.btn-cu.btn-color-estandar {
    background-color: #0F69C4;
    color: #FFF;
}

.btn-cu.btn-color-estandar:hover {
    background-color: #0C549C;
    color: #FFF;
}

.btn-cu.btn-color-estandar:active {
    background-color: #093F75;
    color: #FFF;
}

.btn-cu.btn-color-estandar:focus {
    background-color: #0C549C;
    color: #FFF;
    outline: 1px dashed #000;
}*/


.btn-claveunica {
    /*display:flex;*/
    justify-content:center;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:0;
    font-family:'Roboto';
    background-color:#0F69C4;
    color:#FFF
}

.btn-claveunica:hover {
    background-color:#0C549C;
    color:#FFF
}

.btn-claveunica:active{
    background-color:#093F75;
    color:#FFF
}
.btn-claveunica:focus{
    background-color:#0C549C;
    color:#FFF
}
.btn-claveunica.btn-s{
    width:130px;
    min-width:130px;
    max-height:36px;
    padding:8px 10px !important;
    font-size:14px
}
.btn-claveunica.btn-s .ico-claveunica{
    width:20px;
    height:20px;
    background-size:20px 20px
}
.btn-claveunica.btn-m{
    width:160px;
    min-width:160px;
    max-height:42px;
    padding:8px 18px 8px 15px !important;
    font-size:16px;
    line-height:1.6em
}
.btn-claveunica.btn-m .ico-claveunica{
    display:inline-block;
    width:24px;
    height:24px;
    background-size:24px 24px;
    vertical-align:middle;
    margin-right:3px
}
.btn-claveunica.btn-l{
    width:180px;
    min-width:180px;
    max-height:48px;
    padding:11px 18px !important;
    font-size:18px
}
.btn-claveunica.btn-l .ico-claveunica{
    width:26px;
    height:26px;
    background-size:26px 26px
}
.btn-claveunica.btn-fw{
    max-width:550px;
    width:100%;
    display:flex
}
.btn-claveunica.btn-fw .ico-claveunica{
    display:inline-block;
    vertical-align:middle
}
.btn-claveunica .ico-claveunica{
    background-image:url(claveunica.f53cf24.svg)
}