/*
	Estilos epeciales para el proyecto : MC Arquitectos
	Elaborado por: Natsumi Franco
	Fecha: Diciembre 2015
	Edición: Diciembre 2015
	
		A) General
			A1) Buscador especial
			A2) Checkbox especial
		B) Catalogo de precios
		C) Usarios
		D) Hologramas
			D1) Hologramas por rango
			D2) Asignación de hologramas
			D3) Lista
		E) Estaciones
			E1) Resumen gral.
		F) Verificaciones
			F1) Verificación visuales
			F2) verificación metrologica
			F3) verificación final
			F4) Verificaciones lista
			F5) Verificación manage final
		G) Catalogos 
			G1) Estados
			G2) Municipios
		H)	
			
		I) Clientes	
		
		J) Equipos
		
		K) Productos
		
		L) Reportes	
*/

/* A) G E N E R A L  */

.transition {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.padding_center {
    margin: 10px auto 0px;
    display: block;
    width: 90%;
}

.pop_ups {
    background-color: rgba(242,242,242,.95);
    padding-bottom: 20px;
    position: relative;
    margin: 20px auto;
    text-align: left;
    max-width: 90%;
    display: block;
    width: 100%; 
}
#title_popups {
        background-color: #CE8729;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 2.6;
        text-align: left;
        font-size: 1.3em;
        display: block;
        height: 50px;
        color: #fff;
        width: 100%;
    }

#curtain_special {
        margin: 20px auto;
        display: block;
        width: 95%;
    }

.align_center { text-align: center !important; }
.align_left { text-align: left !important; }

.inline-block { display: inline-block; }
.vertical-middle { vertical-align: middle; }

.title_list { color: #a5a5a5; }

.border-right { border-right: 1px solid #ddd; }
.no-padding { padding: 0px; }

.title_list {
    margin-bottom: 20px;
    color: #b18600;
}

.display_block { display: block; }

.spacing_0 { letter-spacing: 0px; }
.spacing_5 { letter-spacing: -5px; }

/* Estatus: iconos visibles en columna de estatus */
.icon_visible { color: #fff; }

/* A1) Buscador */
#sarch_content {
    position: relative;
    text-align: right;
    margin: 0px auto;
    width: 80%;
}		
#sarch_content .input_section { margin-right: 10px; }
#sarch_content label { font-size: .8em !important; text-align: left; }
#btn_sarch {
        background-image: url(../../_themes/_img/search.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #f1af57;
        background-size: cover;
        display: inline-block;
        border-radius: 10px;
        position: absolute;
        margin-top: 6px;
        cursor: pointer;
        border: none;
        height: 40px;
        bottom: 20px;
        width: 40px;
        right: 0px;
    }

/* Dashboard ASEA + SCFI (no aplica a reportes) */
#dashboard.udash {
    background: #f7f8fb;
}

#dashboard.udash .udash__title {
    font-size: 1.85em;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: #0f172a;
}

#dashboard.udash .udash__subtitle {
    color: #475569;
    font-size: .98em;
}

#dashboard.udash .udash__section-title {
    font-size: 1.12em;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #0f172a;
}

#dashboard.udash .udash__panel {
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

#dashboard.udash .udash__panel-title {
    font-size: 1.05em;
    font-weight: 700;
    color: #0f172a;
}

#dashboard.udash .udash__panel-subtitle {
    color: #64748b;
}

#dashboard.udash .udash__chart {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
}

#dashboard.udash .udash__table {
    border-collapse: separate;
    border-spacing: 0;
}

#dashboard.udash .udash__table th {
    background: #f1f5f9;
    color: #334155;
    font-weight: 700;
}

#dashboard.udash .udash__table td {
    color: #334155;
}

#dashboard.udash .udash__table tbody tr:hover td {
    background: #f8fafc;
}

/* A2) Chekbox especial */
.checkBosContainer {
    text-align: center;
    margin: 0px auto;
    display: block;
    width: 90%;
}
.checkBosConta inerinput[type="checkbox"] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
.checkBosContainer label.label_checkbox {
          position: relative;
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 10px;
          padding-left: 30px;
          padding-right: 10px;
          line-height: 40px;
          cursor: pointer;
          z-index: 0 !important;
    }
.checkBosContainer label.label_checkbox::before {
          content: " ";
          position: absolute;
          top: 6px;
          left: 0;
          display: block;
          width: 24px;
          height: 24px;
          border: 2px solid #022D5A;
          border-radius: 4px;
          z-index: -1;
    }

.checkBosContainer input[type="checkbox"] + label.label_checkbox { color: #022D5A; }
.checkBosContainer input[type="checkbox"][value="1"] + label.label_checkbox{ padding-left: 10px; color: #FFF; }

.checkBosContainer input[type="checkbox"][value="1"] + label.label_checkbox::before {
          top: 0;
          width: 100%;
          height: 88%;
          background: #022D5A;
    }
        /* Transition */
.checkBosContainer label.label_checkbox,
.checkBosContainer label.label_checkbox::before {
          -webkit-transition: .25s all ease;
          -o-transition: .25s all ease;
          transition: .25s all ease;
    }


/* C) Usuarios */

.user_list {
    display: inline-block;
    padding-bottom: 35px;
    vertical-align: top;
    position: relative;
    margin-left: 20px;
    margin-top: 50px;
    width: 40%;
}

.user_photo {
        background-repeat: no-repeat;
        background-position: center;
        background-color: #ce8729;
        background-size: cover;
        border-radius: 50px;
        margin-right: 20px;
        position: relative;
        height: 100px;
        float: right;
        width: 100px;
    }
    
.user_list h3 {
        background-color: #fff;
        margin-bottom: 10px;
        padding: 10px 20px;
        text-align: left;
        color: #635C5C;
        width: 70%;
    }

.user_list p {
        background-color: #fff;
        padding: 10px 20px;
        text-align: left;
        margin-top: 0px;
        color: #635C5C;
        width: 70%;
    }

    .phone_list {
            color: #5889c7;
            font-size: .8em;
        }
    
    .subrrayado {
            border-top: 1px #ce8729 solid;
            position: absolute;
            margin-left: 20px;
            width: inherit;
            bottom: 35px;
            left: 0px;
        }

#only_stations { display: none; }

/* D) Hologramas */

.btn_report_gral {
    background: #11b456; 
    padding: 15px 30px;
    margin: 10px auto;
    cursor: pointer;
    color: #FFFFFF; 
    display: block;
    width: 250px;
    border-radius: 5px;
}

.csv_base_budget {
    border: rgba(206, 135, 41, 0.38) 1px solid;
    box-sizing: border-box;
    margin: 20px 0px;
    display: block;
    padding: 20px;
}
.csv_base_budget ul {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        width: 90%;	
    }
    .csv_base_budget ul li {
            list-style-type: square !important;
            color: rgba(206, 135, 41, 0.73); 
            list-style: initial;
        } 
    .csv_base_budget ul li span { color: #756d6d; }

/* D1) Hologramas por rango */
.hologram_rank_container {	
        margin: 0px auro !important;
        display: block !important;	
    }

#generateFolios, #distintivos_consult, #generatePrecintos, #precintos_consult {
        background: #11b456;
        text-align: center;
        padding: 10px 0px;
        margin: 20px auto;
        cursor: pointer;
        display: block;
        color: #fff;
        width: 200px;
        border-radius: 10px;
    }

#messageError { color: #fb7c7c; }

.form_title { font-size: 1.5em; }
.form_title h1 { font-size: 1.5em; }

/* D2) Asignación de hologramas */
#search_container {
            margin: 0px 20px;
            text-align: right;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 8px;
    }
    #search_container label { text-align: left; }
    #search_container .input_section {
            margin: 0;
            min-width: 240px;
    }
    #search_container .input_3x {
            width: 260px;
    }
    #search_container .aSelect_container,
    #search_container .aTextField {
            width: 100%;
    }
    #search_container .aSelect,
    #search_container input[type="text"] {
            height: 38px;
            padding: 0px 20px;
    }
    #search_container #search_btn,
    #search_container #return_btn,
    #search_container #csv_maker_btn,
    #search_container #csv_maker_holograms,
    #search_container #btn_deallocate_selected {
            align-self: center;
    }
    .search_action_btn {
            background-color: #11b456;
            display: inline-block;
            border-radius: 50px;
            padding: 10px 13px;
            text-align: center;
            margin-top: 0px;
            margin-left: 6px;
            cursor: pointer;
            color: #FFFFFF;
        }
    .search_action_btn.danger { background-color: #e44b4b; }
    
    #search_btn {
            background-color: #11b456;
            display: inline-block;
            border-radius: 50px;
            padding: 10px 13px;
            text-align: center;
            margin-top: 0px;
            margin-left: 6px;
            cursor: pointer;
            color: #FFFFFF;
        }
    #return_btn {
            background-color: #11b456;
            display: inline-block;
            border-radius: 50px;
            padding: 10px 13px;
            text-align: center;
            margin-top: 0px;
            margin-left: 6px;
            cursor: pointer;
            color: #FFFFFF;
        }
    #csv_maker_btn {
        background-color: #11b456;
        display: inline-block;
        border-radius: 50px;
        padding: 10px 13px;
        text-align: center;
        margin-top: 0px;
        margin-left: 6px;
        cursor: pointer;
        color: #FFFFFF;
        font-weight: bolder;
    }
    #csv_maker_holograms {
        background-color: #11b456;
        display: inline-block;
        border-radius: 50px;
        padding: 10px 13px;
        text-align: center;
        margin-top: 0px;
        margin-left: 6px;
        cursor: pointer;
        color: #FFFFFF;
        font-weight: bolder;
    }

    #btn_deallocate_selected {
        background-color: #2ecc71;
        display: inline-block;
        border-radius: 50px;
        padding: 10px 15px;
        text-align: center;
        margin-left: 6px;
        cursor: pointer;
        color: #FFFFFF;
        font-weight: bolder;
    }

    .hologram_container {
        margin: 10px 20px;
        display: inline-block;
        width: 45%;
    }
    
    .hologram_container .sudi_table_row {
        border-radius: 10px;
        background-color: #fafafa;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Añade sombra para profundidad */
    }
    
    .hologram_icon {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background-color: #848484;
        color: #ffffff;
        font-size: 1em;
    }
    
    .hologram_name {
        flex-grow: 1;
        color: #757171;
        font-weight: bold;
    }
    
    .hologram_options {
        cursor: pointer;
        color: #757171;
        font-size: 1.2em;
    }
    
    .hologram_totals {
        display: inline-block;
        vertical-align: top;
        margin-left: 0px;
        margin-top: 10px;
        color: #003366;
        width: 45%;
        text-align: center;
    }

    .hologram_container {
        margin: 10px 20px;
        display: inline-block;
        width: 45%;
    }
    
    .hologram_container .sudi_table_row {
        border-radius: 10px;
        background-color: #fafafa;
        padding: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Añade sombra para profundidad */
    }
    
    .hologram_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; /* Espacio entre el header y el contenido */
    }
    
    .hologram_icon {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background-color: #848484; /* Color por defecto */
        color: #ffffff;
        font-size: 1em;
    }
    
    .hologram_name {
        flex-grow: 1;
        /* margin-left: 10px; */
        color: #757171;
        font-weight: bold;
        text-align: left;
        text-align: center;
    }
    
    .hologram_options {
        cursor: pointer;
        color: #757171;
        font-size: 1.2em;
    }
    
    .hologram_content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .hologram_content p {
        color: #ce8729;
        width: 100%; /* Ajusta el ancho de los elementos dentro del contenido */
        margin: 5px 0;
        text-align: left; /* Alineación a la izquierda */
        font-size: .85em;
    }
    
    /* Colores específicos para los iconos */
    .hologram_container:nth-child(1n) .hologram_icon { background-color: #ce8729; }
    .hologram_container:nth-child(2n) .hologram_icon { background-color: #2ecc71; }
    .hologram_container:nth-child(3n) .hologram_icon { background-color: #848484; }
    
    
/* D3) Lista */
.holo_used { border: 1px solid rgb(83, 140, 173) !important; 
    background: linear-gradient(0deg, rgba(0, 123, 255, 0.10) 0%, rgba(0, 123, 255, 0.10) 100%), var(--background-fill-bg-gray-low, #FAFAFA); }
    .holo_used p { color: #666666 !important; }
    .holo_used p span{ color: #003366; font-weight: bold; }

.holo_available{ border: 1px solid #4eaf5e !important; 
    background: linear-gradient(0deg, rgba(169, 224, 139, 0.10) 0%, rgba(169, 224, 139, 0.10) 100%), var(--background-fill-bg-gray-low, #FAFAFA); }
    .holo_available p { color: #666666 !important; }
    .holo_available p span{ color: #003366; font-weight: bold; }

.holo_asigned { border: 1px solid #ce8729 !important; background: linear-gradient(0deg, rgba(235, 178, 51, 0.10) 0%, rgba(235, 178, 51, 0.10) 100%), var(--background-fill-bg-gray-low, #FAFAFA); }
    .holo_asigned p { color: #666666 !important; }
    .holo_asigned p span{ color: #003366; font-weight: bold; }
    
.holo_damaged { border: 1px solid hsla(11, 100%, 62.2%, 1) !important; background: rgb(250 47 0 / 29%) }
    .holo_damaged p { color: #666666 !important; }
    .holo_damaged p span{ color: #003366; font-weight: bold; }

.holo_high_flow { border: 1px solid rgb(175, 107, 163) !important; background: rgb(175 107 163 / 31%) !important; }
    .holo_high_flow p { color: #666666 !important; }
    .holo_high_flow p span{ color: #003366; font-weight: bold; }

.holo_lost { border: 1px solid rgb(10, 3, 3) !important; }
    .holo_lost p { color: #666666 !important; }
    .holo_lost p span{ color: #003366; font-weight: bold; }
    
.viewholo{
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px;
        border-radius: 10px;
    }
 
.holo_count {
        font-size: .8em;
        color: #6A6262;
    }

.hologram_content {
        justify-content:flex-start;
        margin: 20px auto;
        flex-wrap: wrap;
        display: flex;
        padding: 0px;
        width: 100%
    }
    .hologram_status{
        display: flex;
        align-items: center;
        align-content: center;
        text-align: center;
    }
        .hologram_status p{
            margin: 0px 10px;
            display: flex;
            align-items: center;
        }
.hologram_square {
        box-sizing: border-box;
        padding: 10px 20px;
        border-radius: 5px;
        text-align: center;
        margin: 4px;
        width: auto;
        border-radius: 20px;
        align-content: center;
    }		
        .hologram_square p { 
            color: #ce8729;
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }

/* D4) Lista de hologramas dentro manage*/
div.especial-rec {
        display: inline-block;
        background: #FFFFFF;
        margin: 5px;
        border-radius: 4px;
    }	
    .holfle-cont {
            width: 250px;
            color: #ce8729;
            padding: 10px 0px;
            background-color: #ebebeb;
            border-radius: 10px;
        }
        .holfle-cont p {
                text-align: center;
            }
            .especial-rec.missed {
                    background: rgba(255, 0, 0, 0.2);
                }.missed p {
                        color: #ce8729 !important;
                    }
                    span.delete-holo {
                            float: right;
                            margin-right: 10px;
                            cursor: pointer;
                        }
                        span.delete-holo img {
                                width: 12px;
                            }
                
/* E) ESTACIONES */

.submenu {
    letter-spacing: 0px;
    /*position: absolute;*/
    text-align: right;
    z-index: 1;
    right: 0px;
       top: 0px;
}
.btn_add {
        background-color: #11b456;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        cursor: pointer;
        color: #f3f3f3;
        padding: 9px;
        margin: 15px 50px;
        padding: 10px 15px;
        border-radius: 10px;
    }
    .btn_add i { vertical-align: middle; }
    
.submenu p { padding: 0px 10px; }

/* E1) RESUMEN GRAL. */
.summary_container { 
    box-sizing: border-box;
    /* letter-spacing: -5px;  */
    vertical-align: top;
    position: relative;
    margin-top: 20px;
    overflow: auto;
}

.summary_info .info_title { color: #8e8484; }
.summary_info .info_p { color: #5d5d5d; }

.summary_table_row p { font-size: .8em; color: #808080; }
.summary_icons {
        color: rgba(255, 255, 255, 0.65);
        background-color: transparent;
        display: inline-block;
        padding: 8px 8px 6px;
        border-radius: 50px;
        text-align: center;
        position: relative;
        margin: 10px 20px;
        font-size: .8em;
        cursor: pointer;
        width: 14px;
    }
    

.summary_table { 
    letter-spacing: -5px;
     max-height: 600px;
    overflow: auto;
}

.summary_title {
        border-bottom: #2999ce 4px solid;
        box-sizing: border-box;
        letter-spacing: 0px;
        padding-bottom: 5px;
        padding-left: 10px;
        position: relative;
        margin-top: 30px;
        color: #525252;
        width: 100%;
    }

.summary_subtitles {
        background-color: #e4e4e4;
        padding: 10px 0px 5px;
        display: block;
        height: auto;
        width: 100%;
    }

/* === Complemento (special2.css) === */
.row_option_btn i {
    display: block !important;
    color: #fff;
    font-size: 1.5em;
}
@media (min-width:100px) and (max-width:750px) {
    .row_option_btn i { font-size: 1em; left: initial; right: 5px; }
    .row_option_btn { font-size: .8em !important; }
}
.crumb_nav_option {
    background-color: #05f0d0;
    border-radius: 50px;
    text-align: center;
    padding: 10px 15px;
    font-size: .8em;
    cursor: pointer;
    color: #fff;
}
.crumb_nav_option i { vertical-align: middle; }
.flex_catalog {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
    align-content: flex-start;
}
.cursor_pointer { cursor: pointer; }
.lowercase { text-transform: lowercase; }
#submenu_manage {
    margin: 0px auto;
    text-align: right;
    width: 90%;
}
.btn_menu_manage {
    border: solid 1px #1dae9a;
    display: inline-block;
    cursor: pointer;
    color: #1dae9a;
    padding: 10px;
    margin: 10px;
}
.withe_pdf_ct{
    width: 90%;
    text-align: right;
}
.checkbox_special input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.checkbox_special label.label_checkbox {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 40px;
  margin-left: 30px;
  margin-top: 20px;
  cursor: pointer;
  z-index: 0 !important;
}
.checkbox_special label.label_checkbox::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #1dae9a;
  border-radius: 4px;
  z-index: -1;
}
.checkbox_special input[type="checkbox"] + label.label_checkbox{
  color: #1dae9a;
}
.checkbox_special input[type="checkbox"][value="1"] + label.label_checkbox{
  padding-left: 10px;
  color: #FFF;
}
.checkbox_special input[type="checkbox"][value="1"] + label.label_checkbox::before {
  top: 0;
  width: 100%;
  height: 88%;
  background: #1dae9a;
}
.checkbox_special label.label_checkbox,
.checkbox_special label.label_checkbox::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.summary_header {
    background-color: #1dae9a;
    box-sizing: border-box;
    padding: 15px 10px;
    text-align: left;
    font-size: 1.3em;
    display: block;
    color: #fff;
    width: 100%;
}
.summary_header .this_close { height: initial; width: initial; color: #FFFFFF; }
.summary_content {
    margin: 20px auto;
    display: block;
    width: 95%;
}
#ticket_summary {
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin: 100px auto;
    position: relative;
    padding: 10px;
    width: 500px;
}
#ticket_summary_header {
    background-color: #1dae9a;
    box-sizing: border-box;
    height: 100px;
    width: 100%;
}
#ticket_summary_header img { margin: 15px; width: 80px; }
#ticket_summary_header .this_close {
    border-radius: 50%;
    position: absolute;
    color: #ffffff;
    height: initial;
    width: initial;
    padding: 20px;
    right: 0px;
    top: 0px;
}
#ticket_summary_title {
    text-align: center;
    margin: 0px auto;
    margin-top: -50px;
    width: 300px;
}
#ticket_summary_photo {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    box-sizing: border-box;
    background-size: 70%;	
    vertical-align: top;
    border-radius: 50%;
    margin: 0px auto;
    display: block;
    height: 100px;
    width: 100px;
}
#ticket_summary_title sub { color: #ffffff; }
#ticket_summary_title p { font-size: 1.1em; color: #ffffff; }
.ticket_summary_sep {
    background-color: #cfe4e1;
    margin-bottom: 25px;
    border: none;
    height: 1px;
    width: 100%;
}
.ticket_summary_sub { display: block; font-size: .8em; color: #656565; }
.ticket_summary_p { color: #0081c6; }
.ticket_summary_duo {
    display: inline-block;
    position: relative;
    margin-right: 3%;
    width: 45%;
}
.ticket_summary_duo .tooltip { position: absolute; right: 0px; top: 15px; }
.catalog_container {
    border: #d3d9e7 1px solid;
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    position: relative;
    padding: 20px;
    height: 350px;
    margin: 10px; 
    width: 25%;  
}
.catalog_container_item { overflow: auto; height: 250px; }
.catalog_container h3 { font-family: 'montserratregular'; margin: 20px 0px; text-align: center; }
.catalog_container .catalog_item { border-radius: 10px; line-height: 2.5; cursor: pointer; color: #555555; }
.catalog_container .catalog_item span { margin-right: 20px; margin-left: 20px; color: #b7b7b7; }
.catalog_container .catalog_item i { margin-right: 10px; margin-left: 10px; color: #1ead9a; }
.catalog_container .catalog_item:hover { background-color: #57678d; color: #FFFFFF; }
.catalog_container .catalog_item:hover span { color: #FFFFFF; }
.catalog_container .catalog_item:hover i { color: #FFFFFF; }
.catalog_container .catalog_item_check { background-color: #57678d; color: #FFFFFF; }
.catalog_container .catalog_item_check span { color: #FFFFFF; }
.catalog_container .catalog_item_check i { color: #FFFFFF; }
.catalog_btn_add {
    transform: translateX(-50%);
    background-color: #e8c260;
    border-radius: 50px;
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    margin: 0px auto;
    cursor: pointer;
    display: block;
    color: #FFFFFF;
    width: 200px;
    bottom: 10px;
    left: 50%;
}
.catalog_btn_add i { vertical-align: middle; }
#catalog_options {
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin: 100px auto;
    position: relative;
    padding: 10px;
    width: 500px;
}
#catalog_options_header {
    background-color: #57668c;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
    width: 100%;
}
#catalog_options_header p {
    font-size: 1.1em;
    color: #fff;
}
#catalog_options_header sub {
    font-family: 'montserratregular';
    color: #b2b2cb;
}
#catalog_options_header .this_close {
    border-radius: 50%;
    position: absolute;
    padding: 16px 20px;
    color: #d63636;
    height: initial;
    width: initial;
    right: 0px;
    top: 0px;
}
#catalog_options_menu { text-align: center; }
.catalog_options_btn {
    display: inline-block;
    vertical-align: top;
    color: #928154;
    cursor: pointer;
    margin: 20px;
}
@media (min-width:990px) and (max-width:1280px) {
    .catalog_container { width: 40%; }
}
@media (min-width:100px) and (max-width:990px) {
    .catalog_container { margin: 20px auto; display: block; width: 80%; }
}
@media (min-width:100px) and (max-width:600px) {
    #catalog_options { width: 80%; }
    .catalog_options_btn {
        border-bottom: #b5b5b5 solid 1px;
        padding: 30px 0px;
        display: block;
    }
    .catalog_options_btn:last-child { border: none; }
}
.clients_catalog_element {
    border: #d3d9e7 1px solid;
    border-radius: 10px;
    background: inherit;
    min-height: 120px;
    padding: 0px;
    margin: 20px;
    width: 40%;
}
.clients_catalog_box1 {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 30px 20px;
    position: relative;
    width: 60%;
}
.clients_catalog_logo {
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px;
    width: 100px;
}
.clients_catalog_name {
    font-family: 'montserratregular';
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    color: #384e69;
    width: 50%;
}
.clients_catalog_name sub {
    font-family: 'montserratlight';
    display: block;
    color: #8db6e7;
}
.clients_catalog_folio {
    position: absolute;
    color: #384e69;
    bottom: 10px;
    right: 10px;
}
.clients_catalog_type {
    position: absolute;
    bottom: 20px;
    width: 30px;
    right: 20px;
}
.clients_catalog_box2 {
    border-left: #d3d9e7 1px solid;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 36px 20px;
    width: 40%;
}
.clients_catalog_cont {
    font-family: 'montserratlight';
    word-break: break-word;
    margin-bottom: 10px;
    font-size: .8em;
    color: #8db6e7;
}
.clients_catalog_cont span { display: block; color: #384e69; }
@media (min-width:1200px) and (max-width:1432px) {
    .clients_catalog_logo {
        margin: 0px auto;
        display: block;
        width: 100px;
    }
    .clients_catalog_name {
        text-align: center;
        margin: 10px auto;
        display: block;
        width: 90%;
    }
}
@media (min-width:100px) and (max-width:1200px) {
    .clients_catalog_element { width: 80%; }
}
@media (min-width:100px) and (max-width:600px) {
    .clients_catalog_box1 {
        display: block;
        width: 100%;
    }
    .clients_catalog_box2 {
        border-top: #d3d9e7 1px solid;
        border-left: none;
        display: block;
        padding: 20px;
        width: 100%;
    }
    .clients_catalog_cont {
        display: inline-block;
        margin: 10px;
    }
}
.summary_cli_subt {
    font-family: 'eausans_bold_osf';
    margin-bottom: 10px;
    margin-top: 10px;
    color: #626262;
}
.summary_cli_content {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}
.summary_cli_content p {
    font-family: 'eausans_black';
    color: #777777;
    font-size: .8em;
}
.summary_cli_content span {
    font-family: 'eausans_bold';
}
#summary_cli_logo {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    background-size: contain;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    height: 150px;
    width: 150px;
}
#summary_cli_logo:hover { background-color: rgba(0, 0, 0, 0.53); background-blend-mode: overlay; }
#summary_cli_logo #cli_logo_edit {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -os-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: 'eausans_bold';
    font-size: 1em !important;
    position: absolute;
    cursor: pointer;
    color: #fff;
    margin: 0px;
    opacity: 0;
    left: 50%;
    top: 50%;
}
#summary_cli_logo:hover #cli_logo_edit { opacity: 1; }
#summary_cli_info { margin-left: 50px; }
#summary_cli_cont {
    border: #a7a7a7 solid 1px;
    padding: 10px 40px 20px;
    border-radius: 6px;
    float: right;
}
#summary_cli_days {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 6px;
    margin-top: 30px;
}
#summary_cli_days h3 { margin-left: 30px; }
#summary_cli_days p {
    font-family: 'eausans_black';
    color: #777777;
    font-size: .8em;
}
#summary_cli_days span {
    font-family: 'eausans_bold';
}
.add-dispensaries { color: #218eff !important; display: block !important; font-size: 1.8em; }
.station_btn {
    display: block !important;
    cursor: pointer;
    font-size: 2em;
    margin: 10px;
    flex: auto;
}
.station_btn:nth-child(1) { color: #1eae9a !important; }
.station_btn:nth-child(2) { color: #60b0e8 !important; }
.station_btn:nth-child(3) { color: #ff0000 !important; }
.st_order_column { flex: 1 1 150px !important; }
.st_order_column i {
    position: initial !important;
    margin: 0px auto;
    display: block;
}
.order_printed_btn { background-color: #05f0d0; cursor: pointer; }
.add_printed_btn { background-color: #1dae9a !important; }
.order_guide_btn  { background-color: #05f0d0; cursor: pointer; }
.add_guide_btn { background-color: #1dae9a !important; }
.order_autho_btn  { background-color: #05f0d0; cursor: pointer; }
.order_veri_pdf { background-color: #058ef0; cursor: pointer; }
.order_veri_pdf a { text-decoration: none; color: #fff; }
.order_veri_pdf a i { display: block !important; color: #fff !important; font-size: 1.2em; }
.order_invoice { background-color: #05f0d0; cursor: pointer; }
.order_invoice i { display: block !important; color: #fff !important; font-size: 1.2em; }
#order_calendar {
    font-size: 1.4em;
    color: #0081c6;
    cursor: pointer;
    float: right;
}
#order_calendar i { vertical-align: middle; }
.guide_number { background-color: #d8d8d8; }
.order_trash {
    position: absolute;
    color: #cc3434;
    cursor: pointer;
    z-index: 99;
    right: 10px;
    top: 10px;
}
#send_folios_btn {
    background-color: #8cc7bf;
    text-align: center;
    padding: 10px 0px;
    margin: 0px auto;
    color: #ffffff;
    cursor: pointer;
    display: block;
}
#send_folios_btn i { vertical-align: middle; }
.requirement_trash {
    position: absolute;
    color: #cc3434;
    cursor: pointer;
    z-index: 99;
    right: 10px;
    top: 10px;
}
.requirements_row { width: 100%; }
.requirements_row .st_row { height: 180px; position: relative; }
.requirements_row .input_section { margin: 0px; }
.requirements_row .st_row .st_item:last-child { background-color: #e4e4e4; }
.requirements_row .aTextArea { background-color: #e4e4e4; border: none !important; height: 130px; }
.requirements_row .upload_container .fileName { margin: 0px; min-height: 72px; width: auto; }
.requirements_row .loaded_img { width: 100%; }
.requirements_row .loaded_img img { max-height: 60px; max-width: 100px; }
.requirements_row .loaded_file_name { display: none !important; }
.requirements_row .upload_text { top: 6px; }
.requirements_row img { max-width: 150px; }
#requeriments_container .recordb { border: dotted thin #0083cc; margin-top: 10px; padding: 10px; }
#requeriments_container .recordb_delete{ display: block; }
#min_summary {
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin: 100px auto;
    position: relative;
    padding: 10px;
    width: 500px;
}
#min_summary_header {
    background-color: #0081c6;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
    width: 100%;
}
#min_summary_header p { font-size: 1.1em; color: #fff; }
#min_summary_header sub { color: #9ccfea; }
#min_summary_header .this_close {
    border-radius: 50%;
    position: absolute;
    padding: 16px 20px;
    color: #ffffff;
    height: initial;
    width: initial;
    right: 0px;
    top: 0px;
}
#min_summary_content { text-align: left; }
#min_summary_content p {
    display: block;
    color: #777777;
    margin: 20px;
}
#min_summary_content p span { color: #22a94d; }
@media (min-width:100px) and (max-width:600px) { #min_summary { width: 80%; } }
#report_search_content { text-align: center; margin: 20px 0px; }
#report_search_options {
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    padding: 23px 10px;
    margin: 20px 0px;
    height: auto;
}
#report_search_content label.label_spry {
    font-family: 'montserratlight';
    font-size: .8em;
    color: #515175;
}
#report_search_content .aTextField {
    border: #57678d 1px double !important;
    font-family: 'montserratlight';
    border-radius: 20px;
    color: #57678d;
}
#report_search_content .aSelect {
    border: #57678d 1px double !important;
    font-family: 'montserratlight';
    background-image: none;
    border-radius: 20px;
    color: #57678d;
}
#report_search_content .date_calendar { color: #57678d; right: 15px; top: 52%; }
#report_search_content .report_search_btn {
    background-color: #57678d;
    display: inline-block;
    border-radius: 50px;
    vertical-align: top;
    padding: 10px 13px;
    cursor: pointer;
    color: #fff;
}
.report_row { flex: 1 1 80% !important; }
.report_icon { font-size: 1.3em !important; color: #1dae9a !important; display: block !important; }
.report_container { margin: 20px auto; overflow: auto; width: 90%; }
#report_week_ow { border-radius: initial !important; margin: 0px !important; min-width: 7000px; max-width: 8000px; }
.obs_input{
    margin-left: 20px;
}
.obs_input input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.obs_input label.label_checkbox {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 10px;
  line-height: 40px;
  cursor: pointer;
  z-index: 0 !important;
}
.obs_input label.label_checkbox::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #1eae9a;
  border-radius: 4px;
  z-index: -1;
}
.obs_input input[type="checkbox"] + label.label_checkbox{
  color: #1eae9a;
}
.obs_input input[type="checkbox"][value="1"] + label.label_checkbox{
  padding-left: 15px;
  color: #FFF;
}
.obs_input input[type="checkbox"][value="1"] + label.label_checkbox::before {
  top: 0;
  width: 100%;
  height: 88%;
  background: #1eae9a;
}
.obs_input label.label_checkbox,
label.label_checkbox::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.shared-cont{ display: none; }
    .summary_col {
            border-left: #ccc 1px solid;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
        }
        .summary_col p { 
                letter-spacing: 0px;
                font-size: .8em;
                color: #676767;
                text-align: center; 
            }

            .vide_list{
                letter-spacing: 0px;
                text-align: center;
                margin-top: 30px;
                color: #8A8888;
                font-size: 1.2em;
                font-weight: bolder;
                color: #30303c;
            }

.summary_row {
        position: relative;
        padding: 5px 0px;
        margin: 0px;
    }
    .summary_row:nth-child(even) { background-color: #FFFFFF; }
    .summary_row:nth-child(odd) { background-color: #f3f3f3; }
    .summary_row p { font-size: .8em; color: #808080; text-align: center; }
    
    .summary_double_row { letter-spacing: -5px; }
        .summary_double_row p { letter-spacing: 0px; font-size: .6em; }
    .summary_sub_row {
            margin-top: 10px;
            padding: 0px;
        }
        .summary_sub_row p { letter-spacing: 0px; font-size: .6em; }

/* F) verificaciones */

#search_stations { margin-right: 30px; }

.veri_client, .veri_station { color: #797979; }
#veri_visual_norms { letter-spacing: 0px; }
.veri_date {
    font-style: italic;
    color: #2999ce;
    float: right;
}

#sarch_stations {
    position: relative;
    text-align: right;
    margin: 0px auto;
    width: 80%;
}		
#sarch_stations .input_section { margin-right: 10px; }
#sarch_stations label { font-size: .8em !important; text-align: left; }
#btn_sarch_stations {
        background-image: url(../../_files/_img/_icons/search.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #cecece;
        background-size: cover;
        display: inline-block;
        border-radius: 10px;
        position: absolute;
        margin-top: 6px;
        cursor: pointer;
        border: none;
        height: 40px;
        bottom: 20px;
        width: 40px;
        right: 0px;
    }

/* Tabala de dispensarios y mangueras */
div#load-data-hosses, div#load-data-osses {
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}.box-container {
display: inline-block;
border: solid thin #2999ce;
width: 45%;
min-height: 310px;
max-height: 310px;
overflow:scroll;
vertical-align: text-top;
}.box-container .title{
background: rgba(206, 135, 41, 0);
display: block;
color: #2999ce;
padding: 10px;
border-bottom: solid thin #fff;
font-weight: bolder;
}.box-title-container{
display: block;
background: #2999ce;
color: #FFFFFF;
padding: 0px 10px;
border-bottom: solid thin #f3f3f3;
}.box-title-container span{
width: 20%;
display: inline-block;
text-align: center;
}.box-datos-container{
display: block;
padding: 0px 10px;
}.box-datos-container span {
width: 20%;
display: inline-block;
padding: 3px 0px;
text-align: center;
font-size: 0.9em;
}.box-datos-container .CheckboxSpecial{
display:inline-block !important;
cursor:pointer;
}.Dispensaries sub {
display: inline-block;
font-size: .7em;
color: #312b2b;
width: 20px;
}.CheckboxLabel{
cursor:pointer;
}#client-info{
border-bottom: solid #11b456;
margin: 10px auto;
}.client-name{
display: inline-block;
width: 49%;
color:#11b456;
}

/* F1) Verfificación visual */

.check_label {
    margin-bottom: 15px !important;
    display: block !important;
}

/* F2) Verfificació metrologica */

.summary_btn {
    background-color: #11b456;
    display: inline-block;
    letter-spacing: 0px;
    position: absolute;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    right: 115px;
    z-index: 10;
    top: 0px;
}

.veri_metro_btn { letter-spacing: 0px; }

.veri_metro_options {
    background-color: #7B7B7B;
    display: inline-block;
    padding: 7px 6px 5px;
    vertical-align: top;
    border-radius: 50px;
    font-size: .6em;
    color: #FFFFFF;
}

.hiden { display: none; }

.hologram_color { background-color: #dedede !important; }

/* F3) Verfificación final */

.veri_table_width { width: 1600px !important; }

.semaphore_meet {
    background-color: #929292;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0px;
    border-radius: 6px;
    margin-left: 10px;
    font-size: .6em;
    color: #E3E3E3;
    padding: 8px;
}
.semaphore_meet i { vertical-align: middle; }

/* F4) Verificacione lista */
.sudi_table_cell {
    text-overflow: ellipsis;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0px;
    text-align: left;
    overflow: hidden;
    color: #a2a2a2;
}

/* #content-surgerie { letter-spacing: -5px; } */
.fichaC {
    padding-bottom: 20px;
    text-align: left;
    margin: 0px auto;
    width: 97%;
    display: flex;
    flex-wrap: wrap;
}

.dictionary_skills {
    display: inline-block;
    /* letter-spacing: -4px; */
    vertical-align: top;
    text-align: center;
    height: auto;
    width: 50%;
}
.dictionary_skills .sudi_table_row { background-color: transparent; margin: 10px 0px; }
.dictionary_skills .sudi_table_cell {
        background-color: #fafafa;
        border-radius: 10px;
        padding: 20px 25px;
        min-height: 150px;
        overflow: auto;
        height: 190px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
.dictionary_skills .sudi_table_cell:first-child { position: relative; }
.dictionary_skills .sudi_table_cell:last-child {
        position: relative;
        text-align: left;
        margin-left: 3px;
    }
.verification_folio { font-size: 1.2em; color: #003366; }
    .verification_folio span { color: #003366; }

.done_name { color: #717171; font-size: .9em; }
    .done_name small { color: #5889c7; }

.done_divaces {
        left: initial;
        right: 10px;
        top: 10px;
    }

.dictionary_skills .binn_p {
        padding-bottom: 4px;
        font-size: .85em;
        display: block;
        color: #5889c7;
        width: 90%;
    }
    .dictionary_skills .binn_p span { font-size: 1em; color: #717171; }

.done_status {
        border-radius: 0px 0px 10px 10px;
        background-color: #b9b9b9;
        text-align: center;
        position: absolute;
        padding: 5px 0px;
        font-size: .8em;
        color: #FFFFFF;
        display: block;
        bottom: 0px;
        width: 100%;
        left: 0px;
    }

/* F5) Verificación manage final */

.veri_service_p {
  padding: 10px 20px !important;
   background-color: #ffffff;
color: #1F6697 !important;
display: block !important;
min-height: 20px;
font-size: .9em;
border: none;
width: 90%;
}

/* G) Catalogos */
/* G1) Estados*/
.state_square {
    padding-top: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    letter-spacing: -5px;
    margin: 3px;
    width: 24%;
}
.state_square p { color: #11b456; }
.state_square p span { color: #6b6b6b; }

/* G2) Municipios*/
.town_square {
    margin: 3px;
    width: 24%;
    color: var(--text-gray-medium);
    border: var(--border-gray-low) solid thin;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
}
.town_square p { text-align: center; color: #6b6b6b; }

.list_code {
    text-align: center;
    display: block;
    color: #8c3838;
}

/* H) Notificacion CSS */
/* H1 Contenedor de notificaciones */
#notifications-popup-container{
margin-top: 55px;
z-index: 100;
width: 390px;
right: 0px;
position: fixed;
}
#notifications-popup-container a.notification-close {
position: absolute;
right: 3px;
font-size: 15px;
color: white;
opacity: 1;
top: 4px;
padding: 5px 5px 3px 6px;
text-align: center;
background-color: rgba(0, 0, 0, 0.25);
transition: all 0.25s;

}
.notification-close:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.notification:hover .notification-close {
opacity: 1;
}

#notifications-popup-container .notification-content, #notifications-popup-container .notification-icon{
/*padding: 24px;*/
}
#notifications-popup-container .notification-icon {
/*float: left;*/
text-align: center;
font-size: 32px;
padding: 20px 20px 10px 20px;
background-color: rgba(0, 0, 0, 0.25);
}

#notifications-popup-container .flag {
display: table;
width: 100%;
}

#notifications-popup-container .flag {
margin-top: 0;
margin-bottom: 5px;
}

#notifications-popup-container .flag_image {
/*padding-right: 24px;*/
width: 10px;
}
#notifications-popup-container .flag_image > img {
display: block;
max-width: none;
}

#notifications-popup-container .flag_image,
#notifications-popup-container .flag_body {
display: table-cell;
vertical-align: middle;
}

#notifications-popup-container .flag:last-child {
margin-bottom: 0;
}

#notifications-popup-container .notification-content {
padding-right: 50px;
padding-left: 10px;
}
#notifications-popup-container .notification {
background: #434288;
color: #FFF;
right: 0px;
/*right: -500px;*/
/*position: absolute;*/
-webkit-transition: all 1s ease-out;
}

.notification_show{
right: 0px !important;
position: initial !important;
}


/* H) CLIENTES*/	
.sudi_table_container.flex_catalog {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
    padding: 20px;
}

.sudi_table_row.clients_catalog_element {
    width: 100%; /* Ajusta al ancho total del contenedor */
    max-width: 450px; /* Máximo ancho de cada tarjeta */
    margin: 10px;
    padding: 0;
    background-color: inherit;
    border-radius: 20px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para profundidad */
}

.clients_catalog_element .title_catalog_element {
    font-size: 1em;
    padding: 10px 15px;
    background-color: #fafafa;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    color: #003366;
    text-align: left; /* Alinea el texto a la izquierda */
}

.clients_catalog_element .content_catalog_element {
    background-color: #fafafa;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* Cambia a columna */
    gap: 10px; /* Espacio entre elementos */
}

.clients_catalog_element .content_catalog_element section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.clients_catalog_element .content_catalog_element section p {
    margin: 0;
    flex: 1;
    text-align: left;
    word-break: break-word;
    font-weight: bold;
    font-size: .9em;
    color: #717171;
}

.clients_catalog_element .content_catalog_element .left-green {
    color: #11b456;
}

.clients_catalog_element .content_catalog_element p {
    color: #000; /* Color negro para el texto */
}

.clients_catalog_element .content_catalog_element p span {
    color: #003366;
    font-weight: bold;
    font-size: .9em;
}

.custom_table_container.flex_catalog {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
    padding: 20px;
}

.custom_table_row.clients_catalog_element {
    width: 100%; /* Ajusta al ancho total del contenedor */
    max-width: 450px; /* Máximo ancho de cada tarjeta */
    margin: 10px;
    padding: 0;
    background-color: #ffffff; /* Fondo blanco */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para profundidad */
}

.custom_title_element {
    font-size: 1em;
    padding: 10px 15px;
    background-color: #fafafa;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    color: #072d5a;
    text-align: center; /* Centra el texto */
    font-weight: bold; /* Texto en negrita */
}

.custom_content_element {
    background-color: #fafafa;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; /* Distribuye en fila */
    justify-content: space-around; /* Espacio entre secciones */
    align-items: flex-start; /* Alinea los elementos al inicio */
    font-size: .9em;
}
.custom_left_section{
    width: 35%;
}

.custom_right_section {
    width: 65%; /* Ajusta el ancho de las secciones */
}

.custom_left_section p {
    margin: 10px 0;
    word-break: break-word;
    color: #757171;
}

.custom_right_section p {
    color: #003366; /* Color negro para el contenido */
    margin: 10px 0;
    word-break: break-word;
}

.custom_content_element span {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    height: 160px;
    background-color: #f2f2f2;
    padding: 1px;
    margin: 0px 5px;
}


/* L) Reportes */

#search_report_content {
    position: relative;
    text-align: center;
    margin: 0px auto;
    width: 80%;
}
#search_report_content label {
        font-size: .8em !important;
        text-align: left;
        color: #717171;
    }
#search_report_content .date_calendar {
        right: 12px;
        top: 29px;
    }
#search_report_content input {
        border-radius: 20px;
    }
    
#search_report_content select {
        background-size: contain;
        border-radius: 20px;
    }
    
.btn_sarch_report {
    background-color: #11b456;
    display: inline-block;
    border-radius: 20px;
    padding: 10px 12px;
    text-align: center;
    margin-left: 10px;
    margin-top: 25px;
    cursor: pointer;
    color: #ffffff;
}

#return_list {
        background-color: #11b456;
        display: inline-block;
        border-radius: 20px;
        padding: 10px 12px;
        text-align: center;
        cursor: pointer;
        color: #ffffff;
    }

#csv_maker_report, #csv_maker_report_shop, #report_search_js, .report_search_btn {
        background-color: #11b456;
        display: inline-block;
        border-radius: 20px;
        padding: 10px 12px; 
        text-align: center;
        cursor: pointer; 
        color: #ffffff;
    }
    
.summary_min_width_ema { min-width: 7000px; }
.summary_min_width_profeco { min-width: 3500px; }
.summary_min_width_interno { min-width: 2800px; }
.summary_min_width_shopping { min-width: 1800px; }
.summary_min_width_equipement { min-width: 4000px; }
.summary_min_width_standby { min-width: 2000px; }

.summary_table_duo { display: inline-block; vertical-align: top; width: 50%; }

/* Marcar comisón como pagada ( reporte de comosiones) */
#submenu_comissions { text-align: right; margin: 20px 0px; }
    .chek_all_comissios {
            background-color: #072d5a;
            padding: 10px 20px;
            cursor: pointer;
            color: #fff;
            border-radius: 10px;
        }

.check_comission { cursor: pointer; }
.comission_pay { color: #2D9359; }

/* MEDIA SCREEN */

@media (min-width:100px) and (max-width:1280px) {
.dictionary_skills {
        margin: 10px auto;
        display: block;
        width: 80%;
    }
}

@media (min-width:100px) and (max-width:600px) {
.dictionary_skills .sudi_table_cell:first-child { border-radius: 10px 10px 0px 0px; }
.dictionary_skills .sudi_table_cell:last-child { border-radius: 0px 0px 10px 10px; margin-left: 0px; }

#btn_sarch { right: -18px; }

.hologram_square { width: auto; }
.hologram_container {
        background-color: #fff;
        margin: 10px auto;
        padding: 0px 10px;
        display: block;
        width: 80%;	
    }
.state_square {
        background-color: #fff;
        margin: 10px auto;
        padding: 0px 10px;
        display: block;
        width: 40%;		
    }
}

.hologram_header{
    display: flex;
    align-items: center;
    text-align: center;
}

/* Respaldos */
#submenu_backup {
    box-sizing: border-box;
    padding: 10px 50px;
    margin: 20px auto;
    text-align: right;
}
.btn_backup {
    background-color: #11b456;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    color: #f3f3f3;
    padding: 9px;
}


#back_up_container { 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
}
.back_up_flex {
        border: 1px solid #ddd;
        justify-content: center;
        text-decoration: none;	
        display: inline-flex; 
        align-items: center;
        text-align: center;
        padding: 15px 0px;
        transition: .8s;
        color: #585858;
        flex: 1 1 20%; 
    }
    .back_up_flex i { vertical-align: middle; margin-left: 10px; }
    .back_up_flex:hover { background-color: #cf862a; color: #fff; }

    .multile_containers, .multiple_tb_container{ padding: 20px; }



.sudi_user_container {

	display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    width: 90%;
    margin: 0 auto;
    justify-content: center
	
}

.sudi_user_element {
	
	display: block;
    width: 400px;
    height: 150px;
    margin: 50px auto;
    box-sizing: border-box;
	background-color:transparent;
	
}

	.sudi_user_photo {
		
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		width: 150px;
		height: 150px;
		margin: 0px 10px;
		border-radius: 50%;
		
	}
	
		.sudi_user_photo img {
		
			display:block;
			width:inherit;
			height:inherit;
		}
	
	.sudi_user_info {
		
		display: inline-block;
		vertical-align:middle;
		width: 220px;
		
	}
	
		.sudi_user_info h3 {
		
			font-size:1.3em;
		}
		
		.sudi_user_info p {
		
			font-size:.9em;
		}
		
		.sudi_user_info span {
		
			font-size:.7em;
			display:block;
		}
/*Parte ASEA*/

        .sibtitle_manage {
            background-color: #022D5A;
            text-align: center;
            padding: 5px 10px;
            margin-top: 20px;
            color: #ffffff;
            width: 350px;
            border-radius: 10px !important;
        }

        .add-dispensaries {
            color: #218eff !important;
            display: block !important;
            font-size: 1.5em !important;
        }

        .station_btn {
			display: block !important;
			cursor: pointer;
			font-size: 1.5em !important;
			margin: 10px;
			flex: auto;			
		}
		.station_btn:nth-child(1) { color: #1eae9a !important; }
		.station_btn:nth-child(2) { color: #60b0e8 !important; }
		.station_btn:nth-child(3) { color: #ff0000 !important; }

        .manage_head_line {
            display: block;
            width: 80%;
            height: 1px;
            border-top: #EAEAEA 1px solid;
            margin: 10px auto 20px auto;
        }