/*******************************/
/** Definicion de Variables   **/
/*******************************/
:root {
    
    /* ############################################################## */
    /* Deificion de las variables de colores */
    /* ############################################################## */
    --col_barra: #1f1f1f;
    --col_pri_tema: #4d8bf8;
    --col_sec_tema: #0071ce;
    --col_tex_tema: #fb2828;
    --col_fon_tex_tema: #000000;
    --col_formulario: #5f9ea0;
    --col_fondo_formulario: #f5f5f5;
    --col_bordes: #bdbdbd;
    --col_menu: #3d3d3d;
    --col_submenu: #3d3d3d;
    --col_texto_menu: #FFFFFF;
    --col_texto_submenu: #bdbdbd;
    --col_botones: #147bdb;
    --col_hover_botones: #6259a6;
    

   
    /* ############################################################## */
    /* Estilo barra superior */
    /* ############################################################## */
    --color_borde_contenedor_superior: var(--col_sec_tema);

    
    /* ############################################################## */
    /* Estilo correspondiente al login */
    /* ############################################################## */
    --color_borde_login: var(--col_pri_tema);
    --color_fondo_login: rgb(255, 255, 255);
    --color_fondo_icono_login: var(--col_pri_tema);
    --color_icono_login: rgb(255, 255, 255);
    
   
    /* ############################################################## */
    /* Estilo menu lateral */
    /* ############################################################## */
    --color_fondo_menu_lateral: var(--col_menu);
    --color_hover_menu_lateral: #303030;
     
    --color_texto_menu_lateral: var(--col_texto_menu);
    --color_texto_hover_menu_lateral: #575757;
   
   
    /* ############################################################## */
    /* Estilo sub menu lateral */
    /* ############################################################## */
    --color_fondo_sub_menu_lateral: var(--col_submenu);
    --color_hover_sub_menu_lateral: #575757;
    
    --color_texto_sub_menu_lateral: var(--col_texto_submenu);
    --color_texto_hover_sub_menu_lateral: #FFFFFF;
    
    
    --color_span_menu_lateral: #969696;
    
    
   <!--    --color_hover_menu_lateral: rgba(26, 26, 26, .8);-->
    --color_borde_inferior_menu_lateral: var(--col_sec_tema);
    <!--    --color_hover_sub_menu_lateral: rgb(26, 26, 26, .8);-->
    --color_borde_sub_inferior_menu_lateral: rgb(118, 118, 118);
<!--
    --color_fondo_contenedor_izq: var(--col_pri_tema);
    
    
    --color_fondo_opcion_buscar: rgb(214, 255, 210);
    --color_focus_fondo_opcion_buscar: rgb(73, 154, 64);
    
    --color_iconos_barra_superior: rgb(212, 212, 212);
    --color_fondo_iconos_barra_superior: rgba(78, 78, 78, 0.7);
    --color_hover_iconos_barra_superior: rgb(108, 108, 108);
    
    --fondo_cuerpo_tema: rgb(248, 249, 250);
    
    --color_borde_contenedor_bloque: rgb(136, 198, 75);
    --color_fondo_contenedor_bloque: rgb(255, 255, 255);
    
    --color_borde_campo_claro: var(--col_sec_tema);
    --color_borde_campo_medio: var(--col_pri_tema);
    --color_borde_campo_oscuro: var(--col_pri_tema);
    
    --color_fondo_contenedor_campo_filtro: rgb(255, 255, 255);
    --color_fondo_campo_filtro: rgb(255, 255, 255);
    --color_borde_focus_campo_filtro: rgb(72, 186, 94);
    
    --color_fondo_opcion_select_personalizado: rgb(255, 255, 255);
    --color_hover_opcion_select_personalizado: green;
    --color_texto_hover_opcion_select_personalizado: rgb(255, 255, 255);
    
    --color_hover_borde_checkbox: rgb(137, 137, 137);
    --color_borde_checkbox: rgb(163, 163, 163);
    --color_ticket_checkbox: rgb(75, 75, 75);
    
    --color_fondo_boton_oscuro: var(--col_pri_tema);
    --color_texto_boton_oscuro: rgb(237, 237, 237);
    --color_hover_boton_oscuro: var(--col_sec_tema);
    
    --color_fondo_boton_deshabillitado: rgb(255, 255, 255);
    --color_texto_boton_deshabillitado: rgb(178, 178, 178);
    
    --color_fondo_boton_claro: rgb(255, 255, 255);
    --color_texto_boton_claro: rgb(106, 106, 106);
    --color_borde_boton_claro: rgb(212, 212, 212);
    --color_hover_boton_claro: #f0f0f0;
    
    --color_fondo_boton_crud: #f4f4f4;
    --color_texto_boton_crud: #000000;
    --color_borde_boton_crud: #d3d3d3;
    --color_hover_boton_crud: #0080ff;
    
    --color_texto_claro: rgb(212, 212, 212);
    --color_texto_medio: rgb(132, 132, 132);
    --color_texto_oscuro: rgb(34, 34, 34);
    --color_texto_validacion: rgb(255, 0, 0);
    
    --color_borde_sombra_input: var(--col_pri_tema);
    --color_borde_input: rgb(163, 0, 0, 0.8);
    --color_barra_input: var(--col_pri_tema);
    
    --alto_boton: 4rem;
    --fuente_boton: 1.4rem;

    --color-boton-switch: #0eb929;
-->

    





}



/* ***************************************** */
/* ***************************************** */
/* Estilo imagen 360 1 1 */
/* ***************************************** */
/* ***************************************** */

/*
#conten_img_360_1_1 {
    display: flex;
}

.conten_img_360_1_1_drop_area {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
    color: #cccccc;
    border: .5rem dashed #ddd;
    border-radius: 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conten_img_360_1_1_drop_area:hover > #icono_quitar_img_360_1_1 {
    opacity: 1;
    z-index: 1;
}

#icono_quitar_img_360_1_1 {
    color: #e20000;
    position: absolute;
    right: .1rem;
    top: 0rem;
    font-size: 3rem;
    opacity: 0;
    transition: all .4s;
    z-index: 1;
}

#icono_quitar_img_360_1_1:hover {
    transform: scale(1.2);
    color: #e20000;
    z-index: 1;
}

.conten_img_360_1_1_drop_area.active {
    border: .5rem solid #cccccc;
    border-radius: 1rem;
}

.icono_agregar_img_360_1_1 {
    font-size: 8rem !important;   
    color: #d6d6d6 !important;
    transition: all .4s !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    opacity: 0;
    z-index: 1;
}

.conten_img_360_1_1_drop_area:hover > .icono_agregar_img_360_1_1 {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.4);
}

#conten_txt_arrastre_img_360_1 {
    margin: 0 auto;
    text-align: justify;
    min-width: 16rem;
    max-width: 16rem;
    z-index: 1;
}

#conten_txt_arrastre_img_360_1_1:hover {
    cursor: pointer;
}

#lbl_img_360_1_1_1 {
    margin: 0 auto;
    font-size: 1.1rem;
    color: #888888;
    cursor: pointer;
}

#lbl_img_360_1_1_2 {
    margin: 0 auto;
    font-size: 1.1rem;
    font-weight: 700;
    color: black;
    cursor: pointer;
}

.conten_img_360_1_1_drop_area h2 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #000;
}

.conten_img_360_1_1_drop_area span {
    font-size: 2.5rem;
    color: #000000;
    font-weight: 300;
}

.btn_subir_img_360_1_1 {
    margin: 0 auto;
    padding: .5rem 1.5rem;
    font-size: 1.3rem;
    border: 0;
    outline: none;
    background-color: #5721d3;
    color: white;
    border-radius: .5rem;
    cursor: pointer;
    margin-top: .5rem;
}

#conten_vista_previa_img_360_1_1 {
    border: none;
    position: absolute;
    height: 100%;
    border-radius: .5rem;
    max-width: 100%;
}
*/