.boton_1 {color:#333333; transition:0.4s; font-weight:bold; white-space:nowrap; cursor:pointer; margin-right:1rem;}
.boton_1:hover {color:#800013;}

.boton_1[data-enabled="disabled"] {color:lightgrey; cursor:not-allowed;}
.boton_1[data-enabled="disabled"]:hover {color:lightgrey; cursor:not-allowed;}

.boton_2 {
    background-color: #800013; border: 2px solid #800013; color:white;
    transition: 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size:13px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    white-space:nowrap;
    font-weight:bold; 
    cursor:pointer; 
    margin-right:0.25rem;
}

.boton_2[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_2[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_2:hover {background-color:white; color: #800013 !important;}

.boton_2.action {    
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.boton_2.fondo-azulverdoso {background-color: #21a396; border: 2px solid #21a396; color:white;}
.boton_2.fondo-azulverdoso:hover {background-color:white; color: #21a396 !important; border: 2px solid #21a396;}
.boton_2.fondo-azulverdoso[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_2.fondo-azulverdoso[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_2.fondo-rojo {background-color: #a32900; border: 2px solid #a32900; color:white;}
.boton_2.fondo-rojo:hover {background-color: white; color: #a32900 !important;}
.boton_2.fondo-rojo[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_2.fondo-rojo[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_2.fondo-negro {background-color: #333333; border: 2px solid #333333; color: white;}
.boton_2.fondo-negro:hover {background-color:white; color: #333333 !important;}
.boton_2.fondo-negro[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_2.fondo-negro[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_2.fondo-naranja {background-color:#ffa70d; border: 2px solid #ffa70d; color: #333333 !important;}
.boton_2.fondo-naranja:hover {background-color:white; color: #ffa70d !important;  border: 2px solid #ffa70d;}
.boton_2.fondo-naranja[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important; cursor:default; box-shadow:none;}
.boton_2.fondo-naranja[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_3 {  
    background-color: #800013; border: 2px solid #800013; color:white;
    transition: 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    font-size:13px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);    
    white-space:nowrap;
    font-weight:bold;
    cursor:pointer;
    margin-right:0.25rem!important;
}

.boton_3:hover {background-color:white; color: #800013 !important;}
.boton_3[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_3[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_3.fondo-azulverdoso {background-color: #31a396; border: 2px solid #31a396; color:white;}
.boton_3.fondo-azulverdoso:hover {background-color:white; color: #31a396 !important; border: 2px solid #31a396;}
.boton_3.fondo-azulverdoso[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_3.fondo-azulverdoso[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_3.fondo-rojo {background-color: #a33900; border: 2px solid #a33900; color:white;}
.boton_3.fondo-rojo:hover {background-color: white; color: #a33900 !important;}
.boton_3.fondo-rojo[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_3.fondo-rojo[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_3.fondo-negro {background-color: #333333; border: 2px solid #333333; color: white;}
.boton_3.fondo-negro:hover {background-color:white; color: #333333 !important;}
.boton_3.fondo-negro[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7); cursor:default; box-shadow:none;}
.boton_3.fondo-negro[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_3.fondo-naranja {background-color:#ffa70d; border: 2px solid #ffa70d; color: #333333 !important;}
.boton_3.fondo-naranja:hover {background-color:white; color: #ffa70d !important;  border: 2px solid #ffa70d;}
.boton_3.fondo-naranja[data-enabled="disabled"] {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important; cursor:default; box-shadow:none;}
.boton_3.fondo-naranja[data-enabled="disabled"]:hover {background-color: lightgrey; border: 2px solid lightgrey; color:rgba(165,165,165,0.7) !important;}

.boton_4 {
    border: 2px solid #800013; 
    color: #800013; background-color: #fff; transition:0.4s;
    transition: 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size:13px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    white-space:nowrap;
    font-weight:bold;
    cursor:pointer;
    margin-right:0.25rem!important;
}
.boton_4:hover {border: 2px solid #800013; color: #fff; background-color: #800013;}
.boton_4[data-enabled="disabled"] {background-color: white; border: 2px solid lightgrey; color:lightgrey; cursor:default; box-shadow:none;}
.boton_4[data-enabled="disabled"]:hover {background-color: white; border: 2px solid lightgrey; color:lightgrey !important;}

.boton_4.fondo-azulverdoso {border: 2px solid #31a396; color: #31a396; background-color: white;}
.boton_4.fondo-azulverdoso:hover {background-color:#31a396; color: white !important; border: 2px solid #31a396;}
.boton_4.fondo-azulverdoso[data-enabled="disabled"] {background-color: white; border: 2px solid lightgrey; color:lightgrey; cursor:default; box-shadow:none;}
.boton_4.fondo-azulverdoso[data-enabled="disabled"]:hover {background-color: white; border: 2px solid lightgrey; color:lightgrey !important;}

.boton_4.fondo-rojo {border: 2px solid #a33900; color: #a33900; background-color: white;}
.boton_4.fondo-rojo:hover {background-color: #a33900; color: white !important;}
.boton_4.fondo-rojo[data-enabled="disabled"] {background-color: white; border: 2px solid lightgrey; color:lightgrey; cursor:default; box-shadow:none;}
.boton_4.fondo-rojo[data-enabled="disabled"]:hover {background-color: white; border: 2px solid lightgrey; color:lightgrey !important;}

.boton_4.fondo-negro {border: 2px solid #333333; color: #333333; background-color: white;}
.boton_4.fondo-negro:hover {background-color:#333333; color: white !important;}
.boton_4.fondo-negro[data-enabled="disabled"] {background-color: white; border: 2px solid lightgrey; color:lightgrey; cursor:default; box-shadow:none;}
.boton_4.fondo-negro[data-enabled="disabled"]:hover {background-color: white; border: 2px solid lightgrey; color:lightgrey !important;}

.boton_4.fondo-naranja {border: 2px solid #ffa70d; color: #ffa70d; background-color: white;}
.boton_4.fondo-naranja:hover {background-color:#ffa70d; color: #333333 !important;}
.boton_4.fondo-naranja[data-enabled="disabled"] {background-color: white; border: 2px solid lightgrey; color:lightgrey; cursor:default; box-shadow:none;}
.boton_4.fondo-naranja[data-enabled="disabled"]:hover {background-color: white; border: 2px solid lightgrey; color:lightgrey !important;}

.boton_4:hover, 
.boton_4:active,
.boton_4:link,
.boton_4:visited,
.boton_4:focus {}

.boton_5 {
    width: 54px;
    background-color: #800013;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: white !important;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    text-align: center;
    -webkit-transition: 0.4s; /* Safari prior 6.1 */
    transition: 0.4s;
    cursor:pointer;
}

.boton_5_text {
    opacity: 0;
    -webkit-transition: 0.3s; /* Safari prior 6.1 */
    transition: 0.3s;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    font-weight:bold;
    margin-bottom:0rem;
}

.boton_5_icon {opacity: 1; -webkit-transition: 0.3s; /* Safari prior 6.1 */ transition: 0.3s; font-size: 25px;}
.boton_5_icon i {width: 26px;}
.boton_5:hover {
    width: 125px; /* Ajustar según texto, auto no es animable */
    background-color: #ffa70d;
    color: white !important;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    text-align: center;
    -webkit-transition: 0.4s; /* Safari prior 6.1 */
    transition: 0.4s;
}

.boton_5:hover .boton_5_text {opacity: 1; font-size: 14px; color: #333333;}
.boton_5:hover .boton_5_icon {opacity: 0; font-size: 0px;}

.boton_5[data-enabled="disabled"] {cursor:default; background-color: rgba(165,165,165,0.3);}
.boton_5[data-enabled="disabled"] i, .boton_5[data-enabled="disabled"] p {color:rgba(165,165,165,0.7) !important;}
.boton_5[data-enabled="disabled"]:hover {width:54px;}

.boton_5[data-enabled="disabled"]:hover .boton_5_text {
    opacity: 0;
    -webkit-transition: 0.3s; /* Safari prior 6.1 */
    transition: 0.3s;
    font-size: 0px;
    height: 0px;
    line-height: 0;
}

.boton_5[data-enabled="disabled"]:hover .boton_5-icon {
    opacity: 1; -webkit-transition: 0.3s; /* Safari prior 6.1 */ transition: 0.3s; font-size: 25px;
}

/* Botón 6 */

.boton_6 {}

.boton_6_text {
    opacity: 0;
    -webkit-transition: 0.3s; /* Safari prior 6.1 */
    transition: 0.3s;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    color: #333333;
}

.boton_6-icon {}
.boton_6.open .boton_6-icon {}
.boton_6-icon i {}
.boton_6.open {}

.boton_6.open .boton_6_text {}
.boton_6.open .boton_6_text input,
.boton_6.open .boton_6_text input:active,
.boton_6.open .boton_6_text input:hover,
.boton_6.open .boton_6_text input:focus {}
.boton_6-icon.fas.fa-times {}
.boton_6.open .boton_6-icon.fas.fa-times {}

/* Vision toggle */
.boton_icon_change.fas.fa-eye {color:#333333; transition:0.4s;}
.boton_icon_change.fas.fa-eye-slash:hover, .boton_icon_change.fas.fa-eye:hover {color:#800013;}

/* Vision toggle 1 */
.boton_icon_change_1 {opacity:0.4; transition:0.2s; color:#828282;}
.boton_icon_change_1.active {opacity:1; color:#828282;}

/* BOTÓN 7 */

.boton_7 + .tooltip-boton, .boton_7b + .tooltip-boton  {
    position:absolute;
    display:flex;
    justify-content:center;
    opacity:0;
    margin-bottom:0px;
    top:0.25rem;
    transition:0.4s;
    color:white;
    padding-left:0.5rem;
    padding-right:0.5rem;
    /*margin-left:3rem;*/
    align-items:center;
    height:30px;
    background-color:#800013;
    font-size:12px;
    z-index:9999;
    white-space:nowrap;
    transform:translateX(-30px);
    z-index:2;
    left:3rem;
    width:4rem;
}

.boton_7b + .tooltip-boton.inverse  {transform:translateX(-80px);}
.boton_7_container:hover ~ .boton_7 {transform:rotate(180deg); border: 1px solid transparent;}
.boton_7_container:hover ~ .tooltip-boton {opacity:1; transform:translateX(0px);}
.boton_7_container:hover ~ .tooltip-boton.inverse {opacity:1; transform:translateX(-125px);}

.boton_7b.active {border:1px solid transparent; background-color: #800013; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);}
.boton_7b.active i {color:white !important;}
        
.boton_7 {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);

    padding: 0px;
    /*border: 1px solid #333333;*/
    border:1px solid transparent;
    color: #333333;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    text-align: center;
    -webkit-transition: 0.8s; /* Safari prior 6.1 */
    transition: 0.6s;
    cursor: pointer;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:0rem!important;
}

.boton_7b {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);

    padding: 0px;
    color: #333333;
    border:1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    text-align: center;
    -webkit-transition: 0.8s; /* Safari prior 6.1 */
    transition: 0.6s;
    cursor: pointer;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:0rem!important;
}

.boton_7_container {z-index:4; cursor:pointer; height:40px; width:40px; top:0; position:absolute; background-color:rgba(255,255,255,0);}

.boton_7 i, .boton_7b i {
    color: #333333;
    -webkit-transition: 0.3s; /* Safari prior 6.1 */
    transition: 0.1s;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}

.boton_7_container:hover ~ .boton_7 i {
    color: white;
    background-color: #800013;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.boton_7_container:hover ~.boton_7b {
    border:1px solid transparent; background-color: #800013; transform: scale(1.2);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
}

.boton_7_container:hover ~ .boton_7b i {
    color: white;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.boton_7_container[data-enabled="disabled"] {box-shadow:none; cursor:default;}
.boton_7_container[data-enabled="disabled"] ~ .boton_7b, .boton_7_container[data-enabled="disabled"] ~ .boton_7 {box-shadow:none; background-color:rgba(165,165,165,0.4);}
.boton_7_container[data-enabled="disabled"] ~ .boton_7b i {color:rgba(165,165,165,0.85);}

.boton_7_container[data-enabled="disabled"] ~ .tooltip-boton {display:none;}
.boton_7_container[data-enabled="disabled"]:hover ~ .boton_7b {background-color:rgba(165,165,165,0.4); transform:none;}
.boton_7_container[data-enabled="disabled"]:hover ~ .boton_7b i {color:rgba(165,165,165,0.7);}

.boton_7_container[data-enabled="disabled"] ~ .boton_7b.background_loop {animation:none;}
.boton_7_container[data-enabled="disabled"] ~ .boton_7b.background_loop i {animation:none; color:rgba(165,165,165,0.7);}

.boton_7_container[data-enabled="disabled"]:hover ~ .boton_7 {background-color:rgba(165,165,165,0.4); transform:none;}
.boton_7_container[data-enabled="disabled"]:hover ~ .boton_7 i {background-color:rgba(0,0,0,0); color:rgba(165,165,165,0.7);}
.boton_7_container[data-enabled="disabled"] ~ .boton_7 i {color:rgba(165,165,165,0.7);}

/* BOTÓN 8 */

/*.boton_8 i {
    transition: 0.3s;
    margin-right: -20px;
    opacity: 0;
    margin-left: 0rem;
    padding-left: 0.3rem;
    padding-bottom: 0.1rem;
}

.boton_8 {
    background-color: #436397;
    border: 1px solid #436397;
    transition: 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size:14px;
}

.boton_8:hover {background-color: none; border: 1px solid #436397;}
.boton_8:hover i {margin-right: 0px; margin-left: 0.5rem; opacity: 1; padding-left: 0rem; padding-bottom: 0.1rem;}*/

/* BOTÓN 9 */

.boton_9 * {transition:0.3s;}

.boton_9 i {
    transition: 0.3s;
    margin-right: -20px;
    width:1.3rem;
    opacity: 0;
    margin-left: 0rem;
    padding-left: 0.4rem;
    padding-bottom: 0rem;
}

.boton_9 {
    background-color: #800013;
    border: 1px solid #800013;
    transition: 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size:14px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;

    cursor:pointer;
    margin-right:0.5rem;
    color:white;
}

.boton_9.fondo-rojo {background-color:#a42900; border:1px solid #a42900 !important;}
.boton_9.fondo-rojo i {margin-top:0.1rem;}

.boton_9.fondo-negro {background-color:#333333; border:1px solid #333333 !important;}
.boton_9.fondo-negro i {margin-top:0.1rem;}

.boton_9.fondo-naranja {background-color:#ffa70d; border:1px solid #ffa70d !important; color:#333333;}
.boton_9.fondo-naranja:hover {color:#333333;}
.boton_9.fondo-naranja i {margin-top:0.1rem;}

.boton_9.fondo-azulverdoso {background-color:#3fa194; border:1px solid #3fa194 !important;}
.boton_9.fondo-azulverdoso i {margin-top:0.1rem;}

.boton_9.fondo-morado {background-color:#4223A3; border:1px solid #4223A3 !important;}
.boton_9.fondo-morado i {margin-top:0.1rem;}

.boton_9.fondo-azulClaro {background-color:#6686C1; border:1px solid #6686C1 !important;}
.boton_9.fondo-azulClaro i {margin-top:0.1rem;}

.boton_9.fondo-azul-4 {background-color:#13386d; border:1px solid #13386d !important;}
.boton_9.fondo-azul-4 i {margin-top:0.1rem;}

.boton_9:hover {background-color: none; border: 1px solid #800013; color:white;}
.boton_9:hover i {margin-right: 0px; margin-left: 0.5rem; opacity: 1; padding-left: 0rem; padding-bottom: 0rem; width:0.8rem;}

.background_loop {animation: background_loop 4s infinite;}

.boton_7b.background_loop i {color:#333333; animation:background_loop-i 4s infinite;}

 @keyframes background_loop {
    0% {background-color:white;}
    20% {background-color:#800013;}
    40% {background-color:white;}
    100% {background-color:white;}
 }

 @keyframes background_loop-i {
    0% {color:#333333;}
    20% {color:white;}
    40% {color:#333333;}
    100% {color:#333333;}
 }


.boton_8 {
    border-radius: 50%; height: 25px; width: 25px; background-color: #343a40; 
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:0rem;
    cursor:pointer;
    padding:0rem;
    margin-right:0.5rem;
}
.boton_8 i {color:white; cursor:pointer; font-size:13px; line-height:0;}
.boton_8:hover {background-color: #0070b1;}
.boton_8 span {transition: 0.3s;}
.boton_8:hover span {color: lightgrey !important;}
.boton_8[disabled] {cursor:default;}
.boton_8[disabled] i {cursor:default;}
.boton_8[disabled]:hover {background-color:#343a40;}

.boton_10 {
    padding: 0px;
    /*padding-right:0.2rem;*/
    border: 1px solid lightgrey;
    border-left: none;
    color: #333333;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    text-align: center;
    -webkit-transition: 0.4s; /* Safari prior 6.1 */
    transition: 0.4s;
    cursor: pointer;
}

.boton_10:hover {
    border: 1px solid #a42900;
    background-color:#a42900;
    color:white;
    border-left: none;
}

.boton_10:hover i {/*background-color:#a42900;*/}

.boton_10 i {
    background-color:transparent;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Dropdown (basado en boostrap) */
.dropdown-menu {}
.dropdown-menu.show {padding:0rem; opacity:1;}
.dropdown-item {padding:0.4rem 0.7rem; border-bottom:1px solid rgba(0,0,0,0.15); transition:0.4s; cursor:pointer; font-size:14px;}
.dropdown-item:last-child {border-bottom:none;}
.dropdown-item:hover {background-color:#800013; color:white !important;}

.dropdown-button-1 {border:1px solid lightgrey; color: #333333; padding-right:0.5rem; padding-left:0.5rem; padding-top:0.4rem; padding-bottom:0.4rem; line-height:1.27; font-size:0.85rem; width:100%;}
.dropdown-button-1 i {position:absolute; right:15px; top:6px;}

.dropdown-button-2 {border:1px solid transparent; color: white; padding-right:0.5rem; padding-left:0.5rem; padding-top:0.4rem; padding-bottom:0.4rem; line-height:1.27; font-size:0.85rem; width:100%;}
.dropdown-button-2 i {position:absolute; right:15px; top:8px;}

.dropdown-button-3 {border:1px solid white; background-color:white; color: #333333; padding-right:0.5rem; padding-left:0.5rem; padding-top:0.4rem; padding-bottom:0.4rem; line-height:1.27; font-size:0.85rem; width:100%;}
.dropdown-button-3 i {position:absolute; right:15px; top:8px;}

.dropdown-item.active, .dropdown-item:active {background-color:#333333; color:white !important;}