.scrollbar_div_300{
    height: 300px !important;
    overflow: scroll !important;
  }

  .ul_selector_active{
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    border: 5px !important;
    border-bottom: solid !important;
    border-color: var(--var_ul_border_active) !important;
    background: var(--var_ul_selector_active) !important;
    color: var(--var_ul_selector_color) !important;
  }
  .ul_selector_unactive{
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    border: 5px !important;
    border-bottom: solid !important;
    border-color: var(--var_ul_border_unactive) !important;
    background: var(--var_ul_selector_unactive) !important;
    color: var(--var_ul_selector_color) !important;
  }
  
  .ul_selector_green{
    --var_ul_selector_active: rgb(76, 175, 80);
    --var_ul_border_active: #000000;
    --var_ul_selector_unactive: rgba(76, 175, 80, 0.8);
    --var_ul_border_unactive: rgb(158, 158, 158);
    --var_ul_selector_color: #FFFFFF;
  }

  .ul_selector_red{
    --var_ul_selector_active: rgb(244, 67, 54);
    --var_ul_border_active: #000000;
    --var_ul_selector_unactive: rgba(244, 67, 54, 0.8);
    --var_ul_border_unactive: rgb(158, 158, 158);
    --var_ul_selector_color: #FFFFFF;
  }

  .ul_selector_blue{
    --var_ul_selector_active: rgb(0, 48, 87);
    --var_ul_border_active: #000000;
    --var_ul_selector_unactive: rgba(0, 48, 87, 0.8);
    --var_ul_border_unactive: rgb(158, 158, 158);
    --var_ul_selector_color: #FFFFFF;
  }

  .ul_selector_grey{
    --var_ul_selector_active: rgb(154, 161, 165);
    --var_ul_border_active: #000000;
    --var_ul_selector_unactive: rgba(154, 161, 165, 0.8);
    --var_ul_border_unactive: rgb(158, 158, 158);
    --var_ul_selector_color: #FFFFFF;
  }

  .ul_selector_yellow{
    --var_ul_selector_active: rgb(252, 200, 0);
    --var_ul_border_active: #000000;
    --var_ul_selector_unactive: rgba(252, 200, 0, 0.8);
    --var_ul_border_unactive: rgb(158, 158, 158);
    --var_ul_selector_color: #000000;
  }

  .ul_div {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    border: 2px solid !important;
    border-color: var(--var_panel_bgcolor) !important;
    list-style-type: none !important;
    padding: 0 !important;
  }

  .ul_li_div_active {
    flex-grow: 1 !important;
    text-align: center !important;
    border-bottom: 1px solid blue !important;
    margin: 5px !important;
    padding: 5px !important;
    max-width: 200px !important;
    box-sizing: border-box !important;
    color: red  !important;
    font-weight: bold !important;
    background: var(--var_panel_bgcolor) !important;
  }

  .ul_li_div_un_active {
    flex-grow: 1 !important;
    text-align: center !important;
    border-bottom: 0.5px solid #000000 !important;
    margin: 5px !important;
    padding: 5px !important;
    max-width: 200px !important;
    box-sizing: border-box !important;
    color: black !important;
  }

  .active_li_a {
    color: white  !important;
    font-weight: bold !important;
  }

  .unactive_li_a {
    color: black !important;
  }

  .card_Div{
    display: block !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border: 1px solid #000000 !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .card_Title_container{
    display: block !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    border: 1px solid #000000 !important;
    margin: 0px !important;
    padding: 5px !important;
    text-align: center !important;
  }
  .card_Body_container{
    display: block !important;
    margin: 0px !important;
    padding: 5px !important;
  }
  .card_Div_Red{
    display: block !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border: 1px solid #000000 !important;
    background:  rgba(234, 0, 41, 0.2) !important;
    margin: 0px !important;
    padding: 0px !important;
    color: white !important;
  }
  .card_Title_container_Red{
    display: block !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    border: 1px solid #000000 !important;
    background:  #EA0029 !important;
    margin: 0px !important;
    padding: 5px !important;
    text-align: center !important;
    color: white !important;
  }
  .text_G_bold{
    font-size: 2em !important;
    font-weight: bold !important;
    text-align: center !important;
  }
  .text_G_bold_title{
    font-size: 2em !important;
    font-weight: bold !important;
    text-align: center !important;
  }
  .text_bold_body{
    font-weight: bold !important;
    text-align: center !important;
  }
  .stoscla_tab {
    background: transparent !important;
    font-size: .85em !important;
  }

  .stoscla_tab>thead{
    border-bottom: 0px;
  }

  .stoscla_tab>thead>tr {
      background: var(--var_panel_bgcolor) !important;
      color: var(--var_panel_titlecolor)  !important;
  }

  .stoscla_tab>thead>tr>td, .stoscla_tab>thead>tr>th {
    background: transparent !important;
    padding: 0px 0px !important;
    vertical-align: middle !important;
    border-radius: var(--stoscla_vr_order_radius) !important;
    -moz-border-radius: var(--stoscla_vr_order_radius) !important;
    -webkit-border-radius: var(--stoscla_vr_order_radius) !important;
  }

  .stoscla_tab>tbody{
    border-bottom: 0px;
  }

  .stoscla_tab>tbody>tr:nth-child(odd) {
    background: #ffffff !important;
  }

  .stoscla_tab>tbody>tr:nth-child(even) {
    background: #CCD1D1 !important;
  }

  .stoscla_tab>tbody>tr:hover {
      background: #99A3A4 !important;
  }

  .stoscla_tab>tbody>tr>td, .stoscla_tab>tbody>tr>th {
    background: transparent !important;
    padding: 0px 0px !important;
    vertical-align: middle !important;
    border-radius: 0px !important;
  }

  .stoscla_tab>tbody>tr>td>input{
    background: transparent !important;
    border: 1px;
    height: 1em !important;
    margin: 0px !important;
  }

  .stoscla_tab>.stoscla_tab_footer>tr {
      background: transparent !important;
  }

  .stoscla_tab>.stoscla_tab_footer>tr>.stoscla_tbodytotales {
      background: var(--var_panel_bgcolor) !important;
      color: var(--var_panel_titlecolor) !important;
  }

  .stoscla_tab>.stoscla_tab_footer>tr>td, .stoscla_tab_footer>tr>th {
    background: transparent !important;
    padding: 5px !important;
    vertical-align: middle !important;
    border-radius: 0px !important;
  }

  .stoscla_redondo_red{
    /* #f44336  red*/
    border-color: rgb(244, 67, 54) !important;
  }
  .stoscla_redondo_orange{
    /* #ff9800 orange */
    border-color: rgb(255, 87, 34) !important;
  }
  .stoscla_redondo_green{
    /* #4caf50 green */
    border-color: rgb(76, 175, 80) !important;
  }

  .stoscla_redondo_solid{
    border-style: solid !important;
  }
  .stoscla_redondo_width_1{
    border-width: 1px !important;
  }
  .stoscla_redondo_width_2{
    border-width: 2px !important;
  }
  .stoscla_redondo_width_3{
    border-width: 3px !important;
  }
  .stoscla_redondo_width_4{
    border-width: 4px !important;
  }
  .stoscla_redondo_width_5{
    border-width: 5px !important;
  }
  .stoscla_redondo_width_6{
    border-width: 6px !important;
  }
  .stoscla_redondo_width_7{
    border-width: 7px !important;
  }
  .stoscla_redondo{
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }

  .modalL{
    width: 80% !important;
    height: 80% !important;
    max-height: 100% !important;
  }

  .modalLsm_h{
    width: 80% !important;
    max-height: 100% !important;
  }

  .modaXL{
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  
  .modal-close-fixed {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

  .stoscla_redondo_50por{
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
  }

  .stoscla_redondo_supizq{
    --stoscla_vr_order_radius: 15px 0px 0px 0px !important;
  }

  .stoscla_redondo_supder{
    --stoscla_vr_order_radius: 0px 15px 0px 0px !important;
  }

  .stoscla_redondo_infizq{
    --stoscla_vr_order_radius: 0px 0px 15px 0px !important;
  }

  .stoscla_redondo_infder{
    --stoscla_vr_order_radius: 0px 0px 0px 15px !important;
  }

  .stoscla_redondo_supizqder{
    --stoscla_vr_order_radius: 0px 0px 15px 15px !important;
  }

  .stoscla_redondo_infizqder{
    --stoscla_vr_order_radius: 0px 0px 15px 15px !important;
  }

  .stoscla_btn_circle{
    display: flex !important;
    width: 40px;
    height: 40px;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    border: 2px solid var(--var_panel_bgcolor) !important;
  }
  .stoscla_btn_circle:hover{
    background: var(--var_panel_bgcolorfocus) !important;;
  }
  .stoscla_btn_circle>i{
    font-size: 1.5em !important;
    color: var(--var_panel_titlecolor) !important;
  }

  .stoscla_btn {
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
    border: 2px solid var(--var_panel_bgcolor) !important;
    width: 100% !important;
    min-height: 2.5em !important;
    height: auto !important;
    font-size: .8em !important;
    line-height: 20px !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    text-align: center !important;
    padding: 5px 15px !important;
    font-weight: bold !important;
    margin: 8px !important;
  }

  .stoscla_little_btn {
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
    border: 2px solid var(--var_panel_bgcolor) !important;
    min-height: 2.5em !important;
    height: auto !important;
    font-size: .8em !important;
    line-height: 20px !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    text-align: center !important;
    padding: 5px 15px !important;
    font-weight: bold !important;
    margin: 4px !important;
  }

  .stoscla_btn:hover {
    color: var(--var_panel_titlefocus) !important;
    background: var(--var_panel_bgcolorfocus) !important;
  }
  .stoscla_btn:focus {
    color: var(--var_panel_titlefocus) !important;
    background: var(--var_panel_bgcolorfocus) !important;
  }

  .stoscla_btn_float {
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
    border: 1px solid var(--var_panel_bgcolor) !important;
    }

  .stoscla_btn_float:hover {
    color: var(--var_panel_titlefocus) !important;
    background: var(--var_panel_bgcolorfocus) !important;
  }
  .stoscla_btn_float:focus {
    color: var(--var_panel_titlefocus) !important;
    background: var(--var_panel_bgcolorfocus) !important;
  }


  .stoscla_float_btn{
    background: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    min-width: var(--var_min_width) !important;
    width: var(--var_width) !important;
    max-width: var(--var_max_width) !important;
    min-height: var(--var_min_height) !important;
    height: var(--var_height) !important;
    max-height: var(--var_max_height) !important;
}

.stoscla_float_btn_30{
    --var_min_width: 30px !important;
    --var_width: 30px !important;
    --var_max_width: 30px !important;
    --var_min_height: 30px !important;
    --var_height: 30px !important;
    --var_max_height: 30px !important;
}
.stoscla_float_btn_40{
    --var_min_width: 40px!important;
    --var_width: 40px !important;
    --var_max_width: 40px !important;
    --var_min_height: 40px !important;
    --var_height: 40px !important;
    --var_max_height: 40px !important;
}

.stoscla_float_btn>a{
    display: flex;
    align-items: center;
    min-width: var(--var_min_width) !important;
    width: var(--var_width) !important;
    max-width: var(--var_max_width) !important;
    min-height: var(--var_min_height) !important;
    height: var(--var_height) !important;
    max-height: var(--var_max_height) !important;
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    justify-content: center !important;
    background: var(--var_panel_bgcolor) !important;
    border: 2px var(--var_panel_bgcolor) solid !important;
    color: var(--var_panel_titlecolor) !important;
    cursor: pointer;
}
.stoscla_float_btn>a:hover{
    background: var(--var_panel_bgcolorfocus) !important;
    color: var(--var_panel_titlefocus) !important;
}
.stoscla_float_btn>a>i{
    font-weight: bold !important;
    width: auto !important;
    height: auto !important;
}
  .stoscla_btn_float>i{
    font-size: 1em !important;
  }

    .stoscla_btn_float_per {
        background: var(--var_btn_bgcolor) !important;
        color: var(--var_btn_titlecolor) !important;
        border: 1px solid var(--var_btn_bgcolor) !important;
        width: 35px !important;
        height: 35px !important;
        display: inline-block !important;
        border: var(--var_btn_border) !important;
        margin: 5px !important;
        border-radius: var(--var_btn_borderradius) !important;
        -moz-border-radius: var(--var_btn_borderradius) !important;
        -webkit-border-radius: var(--var_btn_borderradius) !important;
    }
    .stoscla_btn_float_per:hover {
        color: var(--var_btn_titlefocus) !important;
        background: var(--var_btn_bgcolorfocus) !important;
        border: var(--var_btn_borderfocus) !important;
    }
    .stoscla_btn_float_per:focus {
        color: var(--var_btn_titlefocus) !important;
        background: var(--var_btn_bgcolorfocus) !important;
        border: var(--var_btn_borderfocus) !important;
    }
    .stoscla_btn_float_per i{
        display: inline-block !important;
        text-align: center !important;
        font-size: var(--var_btn_fontsize) !important;
        line-height: 35px !important;
        font-weight: bold !important;
    }

    .stoscla_btn_float_bg_transparent_tx_red{
        --var_btn_bgcolor: transparent !important;
        --var_btn_titlecolor: rgb(244, 67, 54) !important;
        --var_btn_bgcolorfocus: rgb(244, 67, 54) !important;
        --var_btn_titlefocus: #ffffff !important;
        --var_btn_border: 1px transparent solid !important;
        --var_btn_borderfocus: 1px rgb(244, 67, 54) solid !important;
        --var_btn_borderradius: 10px 10px 10px 10px !important;
        --var_btn_fontsize: 1.6rem !important;
    }

    .stoscla_btn_float_bg_transparent_tx_green{
        --var_btn_bgcolor: transparent !important;
        --var_btn_titlecolor: rgb(76, 175, 80) !important;
        --var_btn_bgcolorfocus: rgb(76, 175, 80)  !important;
        --var_btn_titlefocus: #ffffff !important;
        --var_btn_border: 1px transparent solid !important;
        --var_btn_borderfocus: 1px rgb(76, 175, 80) solid !important;
        --var_btn_borderradius: 10px 10px 10px 10px !important;
        --var_btn_fontsize: 1.6rem !important;
    }
  .stoscla_btn_bg_red{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(234, 0, 41) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(239, 154, 154) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }

  .stoscla_btn_bg_blueNavy{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(0, 0, 128);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

  .stoscla_btn_bg_Crimson{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(220, 20, 60);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 171, 145);
  }

  .stoscla_btn_bg_turquoise{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(93, 193, 185);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 171, 145);
  }

  .stoscla_btn_bg_green{
    /* #4caf50 green | #a5d6a7 green lighten-3 */
    --var_panel_bgcolor: rgb(76, 175, 80) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(165, 214, 167) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }

  .stoscla_btn_bg_blue {
    /* #2196f3 blue  | #90caf9 blue lighten-3 */
    --var_panel_bgcolor: rgb(33, 150, 243) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(144, 202, 249) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }

  .stoscla_btn_bg_orange {
    /* #ff9800 orange | #ffcc80 orange lighten-3 */
    --var_panel_bgcolor: rgb(255, 87, 34) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(255, 204, 128) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }

  .stoscla_btn_bg_teal{
    /* #009688 teal | #80cbc4 teal lighten-3 */
    --var_panel_bgcolor: rgb(0, 150, 136) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(128, 203, 196) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }
  .stoscla_btn_bg_deep_orange{
/* #ff5722 deep-orange | #ffab91 deep-orange lighten-3 */
    --var_panel_bgcolor: rgb(255, 87, 34) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(255, 171, 145) !important;
    --var_panel_titlefocus: #1b1b1b !important;
  }

  .stoscla_btn_bg_grey{
    /* #ff5722 deep-orange | #ffab91 deep-orange lighten-3 */
        --var_panel_bgcolor: rgb(158, 158, 158, .8) !important;
        --var_panel_titlecolor: #dddddd !important;
        --var_panel_bgcolorfocus: rgba(145, 145, 145, 0.8) !important;
        --var_panel_titlefocus: #1b1b1b !important;
      }

  .stoscla_img_icon_10 {
    width: 10px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_img_icon_20 {
    width: 20px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_img_icon_30 {
    width: 30px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_img_icon_40 {
    width: 40px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_img_icon_50 {
    width: 50px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_img_icon_60 {
    width: 60px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .stoscla_width_auto {
    width: auto !important;
  }
  .stoscla_img_perfil_50{
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
  }

  .stoscla_img_perfil_200{
    min-width: 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    min-height: 200px !important;
    height: 200px !important;
    max-height: 200px !important;
  }
  .stoscla_icon_redondo_200 {
    min-width: 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    min-height: 200px !important;
    height: 200px !important;
    max-height: 200px !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-color: var(--var_panel_bgcolor) !important;
    display: table !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    text-align: center !important;
  }

  .stoscla_icon_redondo_auto {
    width: 100% !important;
    height: 100% !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-color: var(--var_panel_bgcolor) !important;
    display: table !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    text-align: center !important;
  }

  .stoscla_icon_redondo_200>i{
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 8rem !important;
    color: var(--var_panel_bgcolor) !important;
    opacity: .95 !important;
  }

  .stoscla_icon_redondo_green{
    --var_panel_bgcolor: rgb(76, 175, 80);
  }
  .stoscla_icon_redondo_teal{
    --var_panel_bgcolor: rgb(0, 150, 136);
  }


  .stoscla_width_20 {
    width: 20px !important;
  }
  .stoscla_width_30 {
    width: 30px !important;
  }
  .stoscla_width_40 {
    width: 40px !important;
  }
  .stoscla_width_50 {
    width: 50px !important;
  }
  .stoscla_width_60 {
    width: 60px !important;
  }
  .stoscla_width_70 {
    width: 70px !important;
  }
  .stoscla_width_100 {
    width: 100px !important;
  }
  .stoscla_width_150 {
    width: 150px !important;
  }
  .stoscla_width_200 {
    width: 200px !important;
  }
  .stoscla_width_300 {
    width: 300px !important;
  }
  .stoscla_width_350 {
    width: 350px !important;
  }
  .stoscla_width_400 {
    width: 400px !important;
  }
  .stoscla_width_450 {
    width: 400px !important;
  }
  .stoscla_width_500 {
    width: 500px !important;
  }
  .stoscla_width_600 {
    width: 600px !important;
  }
  .stoscla_width_700 {
    width: 700px !important;
  }
  .stoscla_width_100por {
    width: 100% !important;
  }
  .stoscla_width_95por {
    width: 95% !important;
  }
  .stoscla_width_90por {
    width: 90% !important;
  }
  .stoscla_width_85por {
    width: 85% !important;
  }
  .stoscla_width_80por {
    width: 80% !important;
  }
  .stoscla_width_75por {
    width: 75% !important;
  }
  .stoscla_width_70por {
    width: 70% !important;
  }
  .stoscla_width_65por {
    width: 65% !important;
  }
  .stoscla_width_60por {
    width: 60% !important;
  }
  .stoscla_height_auto {
    height: auto !important;
  }
  .stoscla_height_0_5em {
    height: .5em !important;
  }
  .stoscla_height_0_75em {
    height: .75em !important;
  }
  .stoscla_height_1em {
    height: 2em !important;
  }

  .stoscla_height_2em {
    height: 2em !important;
  }

  .stoscla_height_3em {
    height: 3em !important;
  }
  .stoscla_height_100por {
    min-height: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }

  .stoscla_height_300 {
    min-height: 300px !important;
    height: 300px !important;
    max-height: 300px !important;
  }
  .stoscla_height_320 {
    min-height: 320px !important;
    height: 320px !important;
    max-height: 320px !important;
  }
  .stoscla_height_340 {
    min-height: 340px !important;
    height: 340px !important;
    max-height: 340px !important;
  }
  .stoscla_height_250 {
    min-height: 250px !important;
    height: 250px !important;
    max-height: 250px !important;
  }

  .stoscla_font_size_0_5 {
    font-size: .5em !important;
  }

  .stoscla_font_size_0_6 {
    font-size: .6em !important;
  }

  .stoscla_font_size_0_7 {
    font-size: .7em !important;
  }

  .stoscla_font_size_0_8 {
    font-size: .8em !important;
  }

  .stoscla_font_size_1 {
    font-size: 1em !important;
  }

  .stoscla_font_size_1_5 {
    font-size: 1.5em !important;
  }

  .stoscla_font_size_2 {
    font-size: 2em !important;
  }

  .stoscla_font_size_2_5 {
    font-size: 2.5em !important;
  }

  .stoscla_font_size_3 {
    font-size: 3em !important;
  }
  .stoscla_font_size_3_5 {
    font-size: 3.5em !important;
  }

  .stoscla_border_style_none {
    --var_border_style: none;
  }
  .stoscla_border_style_solid {
    --var_border_style: solid;
  }
  .stoscla_border_style_dotted {
    --var_border_style: dotted;
  }
  .stoscla_border_style_inset {
    --var_border_style: inset;
  }
  .stoscla_border_style_dashed  {
    --var_border_style: dashed ;
  }
  .stoscla_border_style_double {
    --var_border_style: double;
  }

  .stoscla_form_textarea {
    border: 1px var(--var_border_style) #000000 !important;
    height: 2rem !important;
    margin: 0px !important;
    padding: 0px !important;
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    padding: 5px !important;
    height: var(--var_textarea_height) !important;
    resize: none !important;
    min-height: 300px !important;
  }
  .stoscla_form_textarea::placeholder {
    color: #000000 !important;
  }
  .stoscla_form_textarea:disabled {
    color: #000000 !important;
    background: #c3c3c3 !important;
  }
  .stoscla_form_textarea:focus {
    background: var(--var_panel_bgcolorfocus) !important;
    color: #000000 !important;
    border: 0px !important;
    border-bottom: 2px var(--var_border_style) var(--var_panel_bgcolor) !important;
  }
  .stoscla_form_textarea_h1{
    --var_textarea_height: 1em !important;
  }
  .stoscla_form_textarea_h2{
    --var_textarea_height: 2em !important;
  }
  .stoscla_form_textarea_h3{
    --var_textarea_height: 3em !important;
  }
  .stoscla_form_textarea_h4{
    --var_textarea_height: 4em !important;
  }
  .stoscla_form_textarea_h5{
    --var_textarea_height: 5em !important;
  }
  .stoscla_form_textarea_h6{
    --var_textarea_height: 6em !important;
  }
  .stoscla_form_textarea_h7{
    --var_textarea_height: 7em !important;
  }
  .stoscla_form_textarea_h8{
    --var_textarea_height: 8em !important;
  }
  .stoscla_form_textarea_h9{
    --var_textarea_height: 9em !important;
  }
  .stoscla_form_textarea_h10{
    --var_textarea_height: 10em !important;
  }
  .stoscla_form_input {
    border-bottom: 1px var(--var_border_style) #000000 !important;
    height: 2rem !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_form_input::placeholder {
    color: #000000 !important;
  }
  .stoscla_form_input:disabled {
    color: #000000 !important;
    background: #cacaca !important;
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
  }
  .stoscla_form_input:focus {
    background: var(--var_panel_bgcolorfocus) !important;
    color: #000000 !important;
    border: 0px !important;
    margin: 0px !important;
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border-bottom: 2px var(--var_border_style) var(--var_panel_bgcolor) !important;
  }
  .stoscla_row_col{
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .stoscla_row_col :focus{
    border-bottom: 2px solid #EA0029 !important;
  }

  .container_status{
    font-size: 6em !important;  
    color: rgba(207, 0, 0, 0.4) !important;
    z-index: 9999 !important;
   
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
      
    -webkit-pointer-events: none !important;
    -moz-pointer-events: none !important;
    -ms-pointer-events: none !important;
    -o-pointer-events: none !important;
    pointer-events: none !important;
  
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
  }

  .line_cancel{
    text-decoration: line-through;
  }
  

  .stoscla_tabticket_informacion {
    font-size: .8em !important;
    font-family: "Roboto", sans-serif !important;
  }
  .stoscla_tabticket_informacion thead, .stoscla_tabticket_informacion tbody{
    padding: 0px 0px !important;
  }
  .stoscla_tabticket_informacion thead tr td, .stoscla_tabticket_informacion thead tr th{
    font-weight: bold !important;
    padding: 0px 0px !important;
  }
  .stoscla_tabticket_informacion tbody tr td, .stoscla_tabticket_informacion tbody tr th{
    padding: 0px 0px !important;
    font-weight: normal !important;
  }

  .stoscla_tabticket_productos {
    font-size: .8em !important;
    font-family: "Roboto", sans-serif !important;
  }

  .stoscla_tabticket_productos thead{
    border-bottom: 1px solid #000000 !important;
    padding: 0px 0px !important;
  }
  .stoscla_tabticket_productos thead tr td, .stoscla_tabticket_productos thead tr th{
    padding: 3px 0px !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }

  .stoscla_tabticket_productos tbody tr td, .stoscla_tabticket_productos tbody tr th{
    padding: 3px 0px !important;
    font-weight: normal !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }
  .stoscla_tabticket_productos tbody tr:nth-child(even){
    background: #e2e2e2 !important;
  }
  .stoscla_tabticket_productos tbody tr:nth-child(odd){
    background: transparent !important;
  }


  .stoscla_center_align{
    text-align: center !important;
    --var_text_align: center !important;
  }

  .stoscla_left_align{
    text-align: left !important;
    --var_text_align: left !important;
  }

  .stoscla_right_align{
    text-align: right !important;
    --var_text_align: right !important;
  }

  .stoscla_right_justify{
    text-align: justify !important;
    --var_text_align: justify !important;
  }

  .stoscla_curso_pointer{
    cursor: pointer !important;
  }

  .stoscla_curso_not_allowed{
    cursor: not-allowed !important;
  }

  .stoscla_font_weight_bold {
    font-weight: bold !important;
  }

  .stoscla_font_weight_normal{
    font-weight: normal !important;
  }

  .stoscla_cursor_pointer {
    --var_cursor: pointer !important;
    cursor: pointer !important;
  }
  .stoscla_cursor_not_allowed {
    --var_cursor: not-allowed !important;
  }

  .stoscla_panel_menu_consultingroom{
    color: var(--var_text_color) !important;
    font-size: .8em !important;
  }
  .stoscla_panel_menu_consultingroom>a{
    color: var(--var_text_color) !important;
    padding: 0px  !important;
    margin: 0px !important;
    background: transparent !important;
  }
  .stoscla_panel_menu_consultingroom title{

  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item{
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    cursor: var(--var_cursor) !important;
    background: var(--var_background) !important;
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    width: 100% !important;
    height: 200px !important;
    border: 2px solid var(--var_background) !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item:hover{
    opacity: 1 !important;
    background: var(--var_background) !important;
    color: var(--var_text_color) !important;
    border: 2px solid #000000 !important;
  }

  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .titulo{
    display: flex !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 30px !important;
    background: transparent !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    font-size: 1em !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido{
    display: flex !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 165px !important;
    background: transparent !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;

  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido .foto{
    display: flex;
    width: 80px !important;
    height: 90px !important;
    background: #ffffff !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido hr{
    border: .5px solid rgb(56, 56, 56)!important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido span{
    display: block !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido span>span{
    display: inline-block !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .contenido span>span:first-child{
    font-weight: bold !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item .foto>img{
    width: 60px !important;
    background: #ffffff !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }


  /*
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.container{
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.container>.col>.foto{
    display: flex;
    width: 80px !important;
    height: 90px !important;
    background: #ffffff !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    justify-content: center !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.container>.foto>img{
    width: 60px !important;
    background: #ffffff !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.col>span{
    display: block !important;
    background: transparent;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.col>span>hr{
    border-top: 1px solid red;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.col>span>span{
    display: inline-block !important;
  }
  .stoscla_panel_menu_consultingroom .stoscla_panel_menu_consultingroom_item>.col>span>span:first-child{
    font-weight: bold !important;
  }

  */

  .stoscla_panel_menu{
    font-weight: bold !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    cursor: var(--var_cursor) !important;
    text-align: center !important;
    background: var(--var_background) !important;
    padding: 25px !important;
    margin: 10px !important;
    height: 100px !important;
    border: 2px solid var(--var_background) !important;
  }

  .stoscla_panel_menu:hover{
    opacity: 1 !important;
    background: var(--var_background) !important;
    color: var(--var_text_color) !important;
    border: 2px solid #000000 !important;
    margin: 8px;
  }
  .stoscla_panel_menu>div>img{
    width: 70px !important;
    border: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    margin: 0px !important;
  }
  .stoscla_panel_menu>i{
    color: var(--var_text_color) !important;
    font-size: 3.5rem !important;
  }
  .stoscla_panel_menu>span{
    color: var(--var_text_color) !important;
    font-size: 1.1em !important;
    width: 80% !important;
    font-weight: normal !important;
  }
  .stoscla_panel_menu>a{
    text-decoration: none !important;
    color: var(--var_text_color) !important;
  }
  .stoscla_bg_transparent{
    --var_background: transparent !important;
    background: transparent !important;
  }
  .stoscla_bg_deep_orange{
    --var_background: rgb(255, 87, 34) !important;
  }

  .stoscla_bg_grey_hvr{
    --var_background: rgba(158, 158, 158, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_deep_orange_hvr{
    --var_background: rgba(255, 87, 34, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_deep_orange_hvr:hover{
    --var_background: rgba(255, 87, 34, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_pink{
    --var_background: rgb(233, 30, 99) !important;
  }

  .stoscla_bg_pink_hvr{
    --var_background: rgba(233, 30, 99, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_pink_hvr:hover{
    --var_background: rgba(233, 30, 99, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_pink_5_hvr{
    --var_background: rgba(233, 30, 99, .6) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_pink_5_hvr:hover{
    --var_background: rgba(233, 30, 99, .3) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_lime{
    --var_background: rgb(205, 220, 57) !important;
  }

  .stoscla_bg_lime_hvr{
    --var_background: rgba(205, 220, 57, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_lime_hvr:hover{
    --var_background: rgba(205, 220, 57, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_teal{
    --var_background: rgb(0, 150, 136) !important;
  }

  .stoscla_bg_teal_hvr{
    --var_background: rgba(0, 150, 136, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_teal_hvr:hover{
    --var_background: rgba(0, 150, 136, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_indigo{
    --var_background: rgb(0, 81, 181) !important;
  }

  .stoscla_bg_indigo_hvr{
    --var_background: rgba(0, 81, 181, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_indigo_hvr:hover{
    --var_background: rgba(0, 81, 181, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_cyan{
    --var_background: rgb(0, 188, 212) !important;
  }

  .stoscla_bg_cyan_hvr{
    --var_background: rgba(30, 188, 212, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_cyan_hvr:hover{
    --var_background: rgba(0, 188, 212, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_blue{
    --var_background: rgb(33, 150, 243) !important;
  }

  .stoscla_bg_blue_hvr{
    --var_background: rgba(33, 150, 243, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_blue_hvr:hover{
    --var_background: rgba(33, 150, 243, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_disabled_hvr{
    --var_background: #adadad !important;
    --var_text_color: #000 !important;
  }
  .stoscla_bg_disabled_hvr:hover{
    --var_background: #adadad !important;
    --var_text_color: #000 !important;
  }
  .stoscla_bg_disabled_hvr img{
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
  }

  .stoscla_bg_purple{
    --var_background: rgb(156, 39, 176) !important;
  }

  .stoscla_bg_purple_hvr{
    --var_background: rgba(156, 39, 176, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_purple_hvr:hover{
    --var_background: rgba(156, 39, 176, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_red{
    --var_background: rgb(244, 67, 54) !important;
  }

  .stoscla_bg_red_hvr{
    --var_background: rgba(244, 67, 54, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_red_hvr:hover{
    --var_background: rgba(244, 67, 54, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_green{
    --var_background: rgb(76, 175, 80) !important;
  }

  .stoscla_bg_green_hvr{
    --var_background: rgba(76, 175, 80, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_green_hvr:hover{
    --var_background: rgba(76, 175, 80, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_bg_yellow{
    --var_background: rgb(253, 221, 40) !important;
  }

  .stoscla_bg_yellow_hvr{
    --var_background: rgba(253, 221, 40, .8) !important;
    --var_text_color: #000000 !important;
  }
  .stoscla_bg_yellow_hvr:hover{
    --var_background: rgba(253, 221, 40, .5) !important;
    --var_text_color: #000000 !important;
  }

  .stoscla_text_color{
    color: var(--var_text_color)
  }

  .stoscla_text_color_red{
    --var_text_color: rgb(244, 67, 54) !important;
  }
  .stoscla_text_color_green{
    --var_text_color: rgb(76, 175, 80) !important;
  }
  .stoscla_text_color_blue{
    --var_text_color: rgb(33, 150, 243) !important;
  }
  .stoscla_text_color_yellow{
    --var_text_color: rgb(253, 221, 40) !important;
  }

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

  .stoscla_folder_panel{
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    height: calc(calc(100vh) - 300px) !important;
    text-align: center;
  }

  .stoscla_folder_panel>.stoscla_folder_panel_items{
    display: block !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
  }

  .stoscla_folder_panel>.stoscla_folder_panel_items>[class*="stoscla_folder_panel_item_"]{
    color: #1b1b1b !important;
    margin: 0px !important;
    text-transform: uppercase !important;
    padding: 0px !important;
    text-align: center !important;
    display: none !important;
    font-weight: bold !important;
    min-height: 3.5em !important;
    line-height: 3.5em !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_1{
    width: calc(70%) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    background: rgba(0, 150, 136, .5) !important;
    border: 1px solid rgb(0, 150, 136);
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_title{
    display: none !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_float_close{
    display: none !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>[class*="stoscla_folder_panel_item_"]>span{
    background: transparent !important;
    font-size: 1em !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    display: block !important;
    position: relative !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>[class*="stoscla_folder_panel_item_"]>i{
    display: block;
    position: relative !important;
    font-size: 1.8em !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    top: 10px !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.active{
    display: inline-block !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_left{
    width: calc(9%) !important;
    background: rgba(0, 150, 136, .5) !important;
    border: 2px solid rgb(0, 150, 136) !important;
    cursor: pointer !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    min-height: 3.5em !important;
    line-height: 3.5em !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_left:hover{
    background: rgba(0, 150, 136, .9) !important;
    color: white !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_right{
    width: calc(9%) !important;
    background: rgba(0, 150, 136, .5) !important;
    border: 2px solid rgb(0, 150, 136) !important;
    cursor: pointer !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    min-height: 3.5em !important;
    line-height: 3.5em !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_right:hover{
    background: rgba(0, 150, 136, .9) !important;
    color: white !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_list{
    width: calc(9%) !important;
    cursor: pointer !important;
    background: rgba(0, 150, 136, .5) !important;
    border: 2px solid rgb(0, 150, 136) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    min-height: 3.5em !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items>.stoscla_folder_panel_item_list:hover{
    background: rgba(0, 150, 136, .9) !important;
    color: white !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_content{
    border: 5px !important;
    border-style: solid !important;
    border-color: rgb(0, 150, 136) !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    background: #FFFFFF !important;
    color: #1b1b1b !important;
    padding: 35px !important;
    margin: 0px !important;
    height: 100% !important;
  }

  .stoscla_folder_panel>.stoscla_folder_panel_items_all{
    display: block !important;
    margin: 0px !important;
    padding: 50px !important;
    border: 0px !important;
    overflow: hidden !important;
    border: 5px !important;
    border-style: solid !important;
    border-color: rgb(0, 150, 136) !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    height: calc(calc(100vh) - 250px) !important;
    overflow-y: scroll !important;
    align-items: center;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all::-webkit-scrollbar{
    width: 15px !important;
    background-color: rgba(0, 150, 136, .4) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all::-webkit-scrollbar-thumb {
    background-color: rgba(0, 150, 136, .9) !important;
    border-radius: 20px !important;
    border: 0px !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_float_close{
    float: right !important;
    position: relative !important;
    background: rgb(0, 150, 136) !important;
    height: 50px !important;
    width: 50px !important;
    z-index: 10 !important;
    display: table;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    margin: 5px !important;
    cursor: pointer !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_float_close>i{
    display:table-cell !important;
    font-size: 2em !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    color: white !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_title{
    display: block !important;
    margin: 0px !important;
    padding: 5pxpx !important;
    border: 0px !important;
    font-weight: bold !important;
    font-size: 2.5em !important;
    position: relative !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_1{
    width: calc(98%) !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    display: block !important;
    margin: 5px 15px !important;
    padding: 0px !important;
    background: rgba(0, 150, 136, .5) !important;
    color: #131313 !important;
    border: 1px solid rgb(0, 150, 136);
    text-transform: uppercase !important;
    padding: 0px !important;
    text-align: center !important;
    height: 3em !important;
    line-height: 3em !important;
    position: relative !important;
    float: left !important;
  }
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_1:hover{
    background: rgba(0, 150, 136, .9) !important;
    color: white !important;
  }

  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_left,
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_right,
  .stoscla_folder_panel>.stoscla_folder_panel_items_all>.stoscla_folder_panel_item_list{
    display: none !important;
  }


  .stoscla_folder_panel>.stoscla_folder_panel_items_all>[class*="stoscla_folder_panel_item_"]>span{
    background: transparent !important;
    font-size: 1em !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    display: block !important;
    position: relative !important;
  }

  .stoscla_folder_expediente{
    background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head{
    background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 10px 0px !important;
    font-size: .9em !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item{
    display: block !important;
    margin: 0px !important;
    padding: 0px 0px !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:first-child>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 10px 0px 0px 0px !important;
    -moz-border-radius: 10px 0px 0px 0px !important;
    -webkit-border-radius: 10px 0px 0px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:first-child>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px 0px 0px 10px !important;
    -moz-border-radius: 0px 0px 0px 10px !important;
    -webkit-border-radius: 0px 0px 0px 10px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:last-child>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 0px 10px 0px 0px !important;
    -moz-border-radius: 10px 0px 0px 0px !important;
    -webkit-border-radius: 0px 10px 0px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:last-child>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px 0px 10px 0px !important;
    -moz-border-radius: 0px 0px 10px 0px !important;
    -webkit-border-radius: 0px 0px 10px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }

  .stoscla_folder_expediente>.stoscla_folder_expediente_body{
    background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: .9em !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title{
    float: left !important;
    width: 100% !important;
    display: flex !important;
    z-index: 1 !important;
    position: relative !important;
    color: var(--var_panel_text_color) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 0px!important;
    width: 100% !important;
    font-weight: bold !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    border-top: 2px var(--var_panel_bgcolor) solid !important;
    border-left: 2px var(--var_panel_bgcolor) solid !important;
    border-right: 2px var(--var_panel_bgcolor) solid !important;
    font-size: 1.2em !important;
  }

  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title>a>i{
    font-size: 2.5em !important;
    font-weight: bold !important;
    color: var(--var_panel_text_color) !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title>a{
    display: flex !important;
    background: var(--var_panel_bgcolorfocus) !important;
    cursor: pointer !important;
    color: var(--var_panel_titlecolor) !important;
    align-items: center !important;
    align-content: center !important;
    justify-items: center !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title>a:hover{
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_text_color) !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title>.icon_left{
    float: left !important;
    z-index: 5 !important;
    border-radius: 10px 0px 0px 0px !important;
    -moz-border-radius: 10px 0px 0px 0px !important;
    -webkit-border-radius: 10px 0px 0px 0px !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title>.icon_right{
    float: right !important;
    z-index: 5 !important;
    border-radius: 0px 10px 0px 0px !important;
    -moz-border-radius: 0px 10px 0px 0px !important;
    -webkit-border-radius: 0px 10px 0px 0px !important;
  }

  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts {
    width: 100% !important;
    float: left !important;
    cursor: pointer !important;
    min-height: 3em !important;
    padding: 5px !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts> .dropdownts-title {
  display: flex !important;
  font-size: .85em !important;
  min-height: 3em !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  vertical-align: center !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content {
  display: none !important;
  position: absolute !important;
  width: 100% !important;
  overflow: auto !important;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4) !important;
  max-height: 300px !important;
  border-radius: 0px 0px 10px 10px !important;
  -moz-border-radius: 0px 0px 10px 10px !important;
  -webkit-border-radius: 0px 0px 10px 10px !important;
  border-bottom: 2px solid red !important;
  z-index: 15 !important;
  padding: 5px 5px !important;
  background: #ffffff !important;
  left: 0px;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts:hover .dropdownts-content {
  display: block !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content a {
  display: block !important;
  color: #000000 !important;
  padding: 10px 20px !important;
  margin: 5px 0px !important;
  text-decoration: none !important;
  background: #ffffff !important;
  border: 0px !important;
  font-size: .85em !important;
  text-align: left !important;
  cursor: pointer !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content a + .active{
  background: var(--var_panel_bgcolorfocus) !important;
  border-radius: 10px 10px 10px 10px !important;
  -moz-border-radius: 10px 10px 10px 10px !important;
  -webkit-border-radius: 10px 10px 10px 10px !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content a:hover {
  color: #000000 !important;
  background: var(--var_panel_bgcolorfocus) !important;
  border-radius: 10px 10px 10px 10px !important;
  -moz-border-radius: 10px 10px 10px 10px !important;
  -webkit-border-radius: 10px 10px 10px 10px !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content{
  overflow-y: auto !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content::-webkit-scrollbar{
  width: 15px !important;
  background-color: rgba(244, 67, 54, .4) !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_title .dropdownts-content::-webkit-scrollbar-thumb {
  background-color: rgba(244, 67, 54, .9) !important;
  border-radius: 20px !important;
  border: 0px !important;
}

  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_container{
    border-color: var(--var_panel_bgcolor) !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-top: 0px !important;
    background: transparent !important;
    border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    margin: 0px !important;
    padding: 10px !important;
    min-height: 46vh !important;
  }

  .stoscla_folder_expediente>.stoscla_folder_expediente_body .stoscla_folder_expediente_body_loader{
    border-color: var(--var_panel_bgcolor) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background: transparent !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    margin: 0px !important;
    padding: 10px !important;
    min-height: 10px !important;
  }


  .stoscla_card_panel{
    border: 5px !important;
    border-style: solid !important;
    border-color: var(--var_panel_bgcolor) !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    background: var(--var_panel_bgcolor) !important;
  }
  .stoscla_card_panel>.stoscla_card_panel_title{
    background: transparent !important;
    color: var(--var_panel_titlecolor) !important;
    padding: 5px !important;
  }
  .stoscla_card_panel>.stoscla_card_panel_title>i{
    font-size: 2.5em !important;
    padding: 0px 10px;
    font-weight: normal !important;
  }
  .stoscla_card_panel>.stoscla_card_panel_title>span{
    padding: 0px 10px;
    font-size: 20px !important;
    font-weight: bold !important;
  }

  .stoscla_card_panel>.stoscla_card_panel_content{
    background: #FFFFFF;
    color: var(--var_panel_text_color) !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    padding: 10px !important;
  }

  .stoscla_card_panel>.stoscla_card_panel_content>form{
    background: transparent !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .stoscla_card_panel_red{
    --var_panel_bgcolor: rgb(244, 67, 54);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(239, 154, 154);
  }

  .stoscla_card_panel_orange{
    /* #ffeb3b yellow | #fff59d yellow lighten-3 */
    --var_panel_bgcolor: rgb(255, 87, 34);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 204, 128);
  }

  .stoscla_card_panel_blue{
    /* #2196f3 blue | #90caf9 blue lighten-3 */
    --var_panel_bgcolor: rgb(33, 150, 243);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(144, 202, 249);
  }
  .stoscla_card_panel_blue_grey{
    /* #607d8b blue-grey | #b0bec5 blue-grey lighten-3 */
    --var_panel_bgcolor: rgb(96, 125, 139);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

  .stoscla_card_panel_yellow{
    --var_panel_bgcolor: rgb(255, 235, 59);
    --var_panel_titlecolor: #000000;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 245, 157);
  }

  .stoscla_card_panel_green{
    --var_panel_bgcolor: rgb(76, 175, 80);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(165, 214, 167);
  }
  .stoscla_card_panel_green_light{
    /* #8bc34a light-green | #c5e1a5 light-green lighten-3 */
    --var_panel_bgcolor: rgb(139, 195, 74);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(197, 225, 165);
  }
  .stoscla_card_panel_teal{
    --var_panel_bgcolor: rgb(0, 150, 136);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(128, 203, 196);
  }

  .stoscla_card_panel_deep_orange{
    /* #ff5722 deep-orange | #ffab91 deep-orange lighten-3 */
    --var_panel_bgcolor: rgb(255, 87, 34);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 171, 145);
  }

  .stoscla_card_panel_brown{
    /* #795548 brown | #bcaaa4 brown lighten-3 */
    --var_panel_bgcolor: rgb(121, 85, 72);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(188, 170, 164);
  }
  .stoscla_card_panel_grey{
    /* #9e9e9e grey | #eeeeee grey lighten-3 */
    --var_panel_bgcolor: rgb(158, 158, 158);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(238, 238, 238);
  }

  .stoscla_card_panel_indigo{
    /* #3f51b5 indigo | #9fa8da indigo lighten-3 */
    --var_panel_bgcolor: rgb(63, 81, 181);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

  .stoscla_card_panel_NavyBlue{
    /* #5dc1b9 turquesa | #9fa8da indigo lighten-3 */
    --var_panel_bgcolor: rgb(0, 0, 128);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }
  
  .stoscla_card_panel_Crimson{
    /* #ff5722 deep-orange | #ffab91 deep-orange lighten-3 */
    --var_panel_bgcolor: rgb(220, 20, 60);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(255, 171, 145);
  }

  .stoscla_card_panel_turquoise{
    /*   | */
    --var_panel_bgcolor: rgb(93, 193, 185);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

  /*
    nuevos estilos colores card "LOS ME TI YOOOOO ERNESTO MIRELES REYES 2025 FEBRERO 24"
 */

  .stoscla_card_panel_MediumPurple{
    /*   | */
    --var_panel_bgcolor: rgb(123, 104, 238);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

  .stoscla_card_panel_LightSeaGreen{
    /*   | */
    --var_panel_bgcolor: rgb(116, 157, 155);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }

 .stoscla_card_panel_BrickRed{
    /*   | */
    --var_panel_bgcolor: rgb(166, 77, 77);
    --var_panel_titlecolor: #ffffff;
    --var_panel_text_color: #000000;
    --var_panel_bgcolorfocus: rgb(176, 190, 197);
  }
 /*
    nuevos estilos colores card
 */

  .swal2-container>.swal2-popup{
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }

  .stoscla_text_uppercase{
    text-transform: uppercase !important;
  }

  .stoscla_text_lowercase{
    text-transform: lowercase !important;
  }

  .stoscla_div_mensaje_error{
    color: red !important;
    font-weight: bold !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    display: flex !important;
    align-items: center !important;
  }

  .stoscla_div_mensaje{
    color: var(--var_text_color) !important;
    font-weight: bold !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    display: flex !important;
    align-items: center !important;
  }

  .stoscla_div {
    color: var(--var_text_color) !important;
    background: var(--var_background) !important;
    font-weight: var(--var_text-font_weight) !important;
  }

  .stoscla_label {
    color: var(--var_text_color) !important;
  }

  [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after{
    background: transparent !important;
    border: 2px solid #000000 !important;
  }

  [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after{
    background: var(--var_panel_bgcolorfocus) !important;
    border: 2px solid var(--var_panel_bgcolor) !important;
  }

  .autocomplete-content{
    margin-top: 0px !important;
  }

  .stoscla_blockquote {
    background: var(--var_background) !important;
    border: var(--var_border_size) var(--var_border_style) var(--var_border_color) !important;
    margin: var(--var_point_padding) !important;
  }
  .stoscla_blockquote_margin_1 {
    --var_point_padding: 1px 0px !important;
  }
  .stoscla_blockquote_margin_2 {
    --var_point_padding: 2px 0px !important;
  }
  .stoscla_blockquote_margin_3 {
    --var_point_padding: 3px 0px !important;
  }
  .stoscla_blockquote_margin_4 {
    --var_point_padding: 4px 0px !important;
  }
  .stoscla_blockquote_margin_5 {
    --var_point_padding: 5px 0px !important;
  }
  .stoscla_blockquote_margin_6 {
    --var_point_padding: 6px 0px !important;
  }
  .stoscla_blockquote_margin_7 {
    --var_point_padding: 7px 0px !important;
  }
  .stoscla_blockquote_margin_8 {
    --var_point_padding: 8px 0px !important;
  }
  .stoscla_blockquote_margin_9 {
    --var_point_padding: 9px 0px !important;
  }
  .stoscla_blockquote_margin_10 {
    --var_point_padding: 10px 0px !important;
  }
  .stoscla_blockquote_point{
    --var_background: transparent !important;
    --var_border_size: 0px !important;
    --var_border_style: solid !important;
    --var_border_color: transparent !important;
  }
  .stoscla_blockquote_point_12{
    --var_point_border: 12px !important;
  }
  .stoscla_blockquote_point_red{
    /* #f44336 red */
    --var_panel_bgcolor: rgb(244, 67, 54) !important;
  }
  .stoscla_blockquote_point_orange{
    --var_panel_bgcolor: rgb(255, 87, 34) !important;
  }
  .stoscla_blockquote_point_green{
    /* #4caf50 green */
    --var_panel_bgcolor: rgb(76, 175, 80) !important;
  }
  .stoscla_blockquote_point_teal{
    /* #009688 teal */
    --var_panel_bgcolor: rgb(0, 150, 136) !important;
  }
  .stoscla_blockquote_point_deep_orange{
    /* #ff5722 deep-orange */
    --var_panel_bgcolor: rgb(255, 87, 34) !important;
  }

  .stoscla_blockquote span:nth-child(1){
    display: inline-block;
    background: var(--var_panel_bgcolor) !important;
    height: var(--var_point_border) !important;
    width: var(--var_point_border) !important;
    line-height: var(--var_point_border) !important;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    margin: 0px 5px !important;
  }

  .stoscla_blockquote span:nth-child(2){
    display: inline-block !important;
    font-weight: bold !important;
    margin: 0px 3px !important;
  }
  .stoscla_blockquote span:nth-child(3){
    display: inline-block !important;
    font-weight: normal !important;
  }
  .stoscla_blockquote span:nth-child(4){
    display: block !important;
    font-weight: normal !important;
    margin-top: 10px !important;
    margin-left: 30px !important;
  }
  .stoscla_blockquote_point .stoscla_blockquote_checkbox{
    display: block !important;
    padding-top: 10px !important;
  }
  .stoscla_blockquote_point .stoscla_blockquote_checkbox .stoscla_blockquote_checkbox_item{
    display: block !important;
    padding-left: 50px !important;
  }

  .stoscla_checkbox[type="checkbox"]:checked + label:before {
    border-right: 3px solid var(--var_panel_bgcolor) !important;
    border-bottom: 3px solid var(--var_panel_bgcolor) !important;
  }

 .stoscla_blockquote_checkbox_item label{
    color: #000000 !important;
  }

  .stoscla_blockquote_block {
    border: 0px !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    margin: 5px !important;
    padding: 15px !important;
    background: var(--var_background) !important;
    color: var(--var_text_color) !important;
  }

  .stoscla_blockquote_block_red{
    /* #f44336 red */
    --var_background: rgb(244, 67, 54) !important;
    --var_text_color: #fff !important;
  }
  .stoscla_blockquote_block_red_8{
    /* #f44336 red */
    --var_background: rgba(244, 67, 54, .8) !important;
    --var_text_color: rgb(38, 38, 38) !important;
  }
  .stoscla_blockquote_block_red_7{
    /* #f44336 red */
    --var_background: rgba(244, 67, 54, .7) !important;
    --var_text_color: rgb(38, 38, 38) !important;
  }
  .stoscla_blockquote_block_red_6{
    /* #f44336 red */
    --var_background: rgba(244, 67, 54, .6) !important;
    --var_text_color: rgb(38, 38, 38) !important;
  }
  .stoscla_blockquote_block_red_5{
    /* #f44336 red */
    --var_background: rgba(244, 67, 54, .5) !important;
    --var_text_color: rgb(38, 38, 38) !important;
  }
  .stoscla_blockquote_block_pink{
    /* #e91e63 pink */
    --var_background: rgb(233, 30, 99) !important;
    --var_text_color: #fff !important;
  }
  .stoscla_blockquote_block_purple{
    /* #9c27b0 purple */
    --var_background: rgb(156, 39, 176) !important;
    --var_text_color: #fff !important;
  }
  .stoscla_blockquote_block_blue{
    /* #2196f3 blue */
    --var_background: rgb(33, 150, 243) !important;
    --var_text_color: #fff !important;
  }
  .stoscla_blockquote_block_amber{
    /* #ffc107 amber */
    --var_background: rgb(255, 193, 7) !important;
    --var_text_color: #fff !important;
  }
  .stoscla_blockquote_block_teal{
    /* #009688 teal */
    --var_background: rgb(0, 150, 136) !important;
    --var_text_color: #fff !important;
  }



  .stoscla_blockquote_block span:nth-child(1){
    display: block !important;
    text-align: center !important;
    font-weight: bold !important;
  }

  .stoscla_blockquote_block span:nth-child(2){
    display: block !important;
    text-align: center !important;
    font-weight: normal !important;
  }

  .stoscla_blockquote_line_title span:nth-child(1){
    display: inline-block !important;
    border: 0px solid  var(--var_panel_bgcolor) !important;

    background-color: transparent !important;

    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;

    font-weight: bold !important;
    font-size: 1.4em !important;

    padding: 0px 8px !important;
    margin: 0px !important;
  }
  .stoscla_hr{
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: solid;
    border-width: var(--var_border_size);
    border-color: var(--var_border_color) !important;
    padding: 0px !important;
    margin: 0px !important;

  }

  .stoscla_hr_redondo_15{
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }
  .stoscla_hr_green{
    /* #4caf50 green */
    --var_border_color: rgb(76, 175, 80) !important;
  }

  .stoscla_hr_teal{
    /* #009688 teal */
    --var_border_color: rgb(0, 150, 136) !important;
  }

  .stoscla_hr_deep_orange{
    /* #ff5722 deep-orange */
    --var_border_color: rgb(255, 87, 34) !important;
  }
  .stoscla_hr_1{
    --var_border_size: 1px !important;
  }
  .stoscla_hr_2{
    --var_border_size: 2px !important;
  }
  .stoscla_hr_3{
    --var_border_size: 3px !important;
  }
  .stoscla_hr_4{
    --var_border_size: 4px !important;
  }
  .stoscla_hr_5{
    --var_border_size: 5px !important;
  }

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


  .stoscla_chip{
    background: var(--var_background) !important;
    color: var(--var_panel_text_color) !important;
  }
  .stoscla_chip a{
    text-decoration: none !important;
    color: var(--var_panel_text_color) !important;
  }

  .stoscla_chip_red{
    --var_background: rgb(244, 67, 54) !important;
    --var_panel_text_color: #ffffff !important;
  }

  .stoscla_chip_orange{
    --var_background: rgb(255, 87, 34) !important;
    --var_panel_text_color: #ffffff !important;
  }
  .stoscla_chip_green{
    --var_background: rgb(76, 175, 80) !important;
    --var_panel_text_color: #ffffff !important;
  }

  .stoscla_menu_left .active{
    background: var(--var_background) !important;
    color: var(--var_text_color) !important;
    /*
    border-radius: 0px 15px 15px 0px !important;
    -moz-border-radius: 0px 15px 15px 0px !important;
    -webkit-border-radius: 0px 15px 15px 0px !important;
    */
  }
  .stoscla_menu_left {
    font-size: 2em !important;
  }
  .stoscla_menu_left li a{
    background: var(--var_background) !important;
  }
  .stoscla_menu_left li a, .stoscla_menu_left a i, .stoscla_menu_left a span{
    color: var(--var_text_color) !important;
  }
  .stoscla_menu_left li a:hover, .stoscla_menu_left .active a:hover{
    background: var(--var_background_hover) !important;
    color: var(--var_text_color_hover) !important;
    /*
    border-radius: 0px 15px 15px 0px !important;
    -moz-border-radius: 0px 15px 15px 0px !important;
    -webkit-border-radius: 0px 15px 15px 0px !important;
    */
  }
  .stoscla_scrollbar_x {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: var(--var_width) !important;
  }
  .stoscla_scrollbar_y {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: var(--var_height) !important;
  }
  .stoscla_scrollbar_xy {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: var(--var_height) !important;
    width: var(--var_width) !important;
  }
  body{
    overflow-y: auto !important;
  }
  body::-webkit-scrollbar{
    width: 15px !important;
    background-color: rgba(244, 67, 54, .4) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }
  body::-webkit-scrollbar-thumb {
    background-color: rgba(244, 67, 54, .9) !important;
    border-radius: 20px !important;
    border: 0px !important;
    /*border: 2px solid rgba(var(--var_rgb_color), .8) !important;*/
  }

  .stoscla_scrollbar_x::-webkit-scrollbar, .stoscla_scrollbar_y::-webkit-scrollbar, .stoscla_scrollbar_xy::-webkit-scrollbar {
    width: 12px !important;
    background-color: rgba(var(--var_rgb_color), .4) !important;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    cursor: pointer !important;
  }
  .stoscla_scrollbar_x::-webkit-scrollbar-thumb, .stoscla_scrollbar_y::-webkit-scrollbar-thumb, .stoscla_scrollbar_xy::-webkit-scrollbar-thumb {
    background-color: rgba(var(--var_rgb_color), .9) !important;
    border-radius: 20px !important;
    border: 0px !important;
    /*border: 2px solid rgba(var(--var_rgb_color), .8) !important;*/
  }
  .stoscla_scrollbar_w100 {
    --var_width: 100px !important;
  }
  .stoscla_scrollbar_w150 {
    --var_width: 150px !important;
  }
  .stoscla_scrollbar_w200 {
    --var_width: 200px !important;
  }
  .stoscla_scrollbar_w250 {
    --var_width: 250px !important;
  }
  .stoscla_scrollbar_w300 {
    --var_width: 300px !important;
  }
  .stoscla_scrollbar_w350 {
    --var_width: 350px !important;
  }
  .stoscla_scrollbar_w400 {
    --var_width: 400px !important;
  }
  .stoscla_scrollbar_w450 {
    --var_width: 450px !important;
  }
  .stoscla_scrollbar_w500 {
    --var_width: 500px !important;
  }
  .stoscla_scrollbar_w550 {
    --var_width: 550px !important;
  }
  .stoscla_scrollbar_h100 {
    --var_height: 100px !important;
  }
  .stoscla_scrollbar_h150 {
    --var_height: 150px !important;
  }
  .stoscla_scrollbar_h200 {
    --var_height: 200px !important;
  }
  .stoscla_scrollbar_h250 {
    --var_height: 250px !important;
  }
  .stoscla_scrollbar_h300 {
    --var_height: 300px !important;
  }
  .stoscla_scrollbar_h350 {
    --var_height: 350px !important;
  }
  .stoscla_scrollbar_h400 {
    --var_height: 400px !important;
  }
  .stoscla_scrollbar_h450 {
    --var_height: 450px !important;
  }
  .stoscla_scrollbar_h500 {
    --var_height: 500px !important;
  }
  .stoscla_scrollbar_h550 {
    --var_height: 550px !important;
  }
  .stoscla_scrollbar_red {
    /* #f44336 red */
    --var_rgb_color: 244, 67, 54;
  }
  .stoscla_scrollbar_green {
    /* #4caf50 green */
    --var_rgb_color: 76, 175, 80;
  }
  .stoscla_scrollbar_blue{
    /* #2196f3 blue */
    --var_rgb_color: 33, 150, 243;
  }
  .stoscla_scrollbar_orange{
    /* #ff9800 orange */
    --var_rgb_color: 255, 87, 34;
  }

  .stoscla_menu_left .active{
    background: var(--var_background_active) !important;
  }
  .stoscla_menu_left .active a, .stoscla_menu_left .active a i, .stoscla_menu_left .active a span{
    color: var(--var_text_color_active) !important;
  }

  .stoscla_menu_left_orange{
    --var_background: transparent!important;
    --var_text_color: #000000 !important;
    --var_background_active: rgb(255, 87, 34) !important;
    --var_text_color_active: #ffffff !important;
    --var_background_hover: rgba(255, 87, 34, .7) !important;;
    --var_text_color_hover: #000000 !important;

  }
  .stoscla_menu_left_red{
    --var_background: transparent !important;
    --var_text_color: #000000 !important;
    --var_background_active: rgb(244, 67, 54) !important;
    --var_text_color_active: #ffffff !important;
    --var_background_hover: rgba(244, 67, 54, .7) !important;;
    --var_text_color_hover: #ffffff !important;
  }

  .stoscla_modal{
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
  }
  .stoscla_modal .stoscla_modal_title{
    display: block !important;
    text-align: center !important;
    padding: 10px 5px !important;
    color: #444444 !important;
  }
  .stoscla_modal .stoscla_modal_title i{
    display: inline-block !important;
    padding: 0px 10px !important;
    vertical-align: middle !important;
    font-size: 3em !important;
  }
  .stoscla_modal .stoscla_modal_title span{
    display: inline-block !important;
    text-transform: uppercase !important;
    font-size: 1.8em !important;
    font-weight: bold !important;
    padding: 0px 10px !important;
    vertical-align: middle !important;
  }

  .stoscla_pagination{
    display:inline-block !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    width: auto !important;
    max-width: auto !important;
  }
  .stoscla_pagination>nav{
    display:inline-block !important;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
    width: auto !important;
    border: 0px !important;
    height: auto !important;
    min-width: auto !important;
    width: auto !important;
    max-width: auto !important;
    box-shadow: none !important;
  }

  .stoscla_pagination>nav>.pagination {
    display: block !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
    height: auto !important;
    text-align:center !important;
    height: 100% !important;
    text-align: center !important;
    font-size: .8em !important;
    font-weight: bold !important;
  }

  .pagination>.page-item{
    background: transparent !important;
    display: inline-block !important;
    margin: 5px !important;
    padding: 0px !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    text-align: center !important;
  }
  .pagination>.page-item{
    color: black ;
  }
  .pagination>.page-item>.page-link{
    display: block !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    height: 100% !important;
    /*border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;*/
    text-align: center !important;
    line-height: 35px !important;
    font-size: 1.5em !important;
  }
  .pagination>.page-item>.page-link:hover{
    background: var(--var_panel_bgcolor) !important;
    color: #fff !important;

  }
  .pagination>.active>.page-link{
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
    cursor: not-allowed !important;
  }
  .pagination>.active>.page-link:hover{
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
  }
  .pagination>.disabled{
    display: none !important;
  }
  .stoscla_slider .slides {
    background: transparent !important;
  }
  .stoscla_slider .slides li{
    border: 12px solid var(--var_panel_bgcolor) !important;
    background: var(--var_panel_bgcolorfocus) !important;
  }
  .stoscla_slider .indicators .indicator-item{
    background: var(--var_panel_bgcolorfocus) !important;
    height: 20px !important;
    width: 20px !important;
  }
  .stoscla_slider .indicators .active{
    background: var(--var_panel_bgcolor) !important;
  }
  .stoscla_slider_li_red{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(244, 67, 54) !important;
    --var_panel_titlecolor: #dddddd !important;
    --var_panel_bgcolorfocus: rgb(239, 154, 154) !important;
    --var_panel_titlefocus: #1b1b1b !important;
    --var_panel_container: #303030 !important;
  }

  .stoscla_slider_indicator_item_red{
    /* #f44336  red | #ef9a9a red lighten-3 */
    --var_panel_bgcolor: rgb(244, 67, 54) !important;
    --var_panel_bgcolorfocus: rgb(239, 154, 154) !important;
  }


  .stoscla_slider_indicator_item_teal{
    /* #009688 teal | #80cbc4 teal lighten-3 */
    --var_panel_bgcolor: rgb(0, 150, 136) !important;
    --var_panel_bgcolorfocus: rgb(128, 203, 196) !important;
  }

  .stoscla_slider .caption{
    top: 5% !important;
    left: 5% !important;
    width: 90% !important;
    padding: 0px !important;
    margin: 0px !important;
    color: var(--var_panel_container) !important;
  }

  .stoscla_slider .caption h1,
  .stoscla_slider .caption h2,
  .stoscla_slider .caption h3,
  .stoscla_slider .caption h4,
  .stoscla_slider .caption h5,
  .stoscla_slider .caption h6{
    padding: 0px !important;
    margin: 0px !important;
    font-weight: bold !important;
    padding-bottom: 0px !important;
    display: inline-block !important;
  }

  .stoscla_slider .caption .stoscla_slider_title img{
    vertical-align: middle !important;
    margin: 0px 10px !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h1{
    font-size: 1.5em !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h2{
    font-size: 1.4em !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h3{
    font-size: 1.3em !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h4{
    font-size: 1.2em !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h5{
    font-size: 1.1em !important;
  }
  .stoscla_slider .caption .stoscla_slider_title h6{
    font-size: 1em !important;
  }

  .stoscla_slider .caption .stoscla_slider_container{
    display: block !important;
    font-size: .8em !important;
    line-height: 1.5em !important;
    margin: 10px !important;
  }
  .stoscla_img_filterbn{
    -webkit-filter: contrast(0%) brightness(50%) !important;
    filter: contrast(0%) brightness(50%) !important;
  }
  .stoscla_collection{
    border: 0px !important;
    padding: 0px !important;
  }

  .stoscla_collection li{
    background: transparent !important;
    border: 0px !important;
    padding: 0px !important;

  }

  .stoscla_collection li a{
    text-decoration: none !important;
    color: #000000 !important;
    font-weight: normal !important;
    background: transparent !important;
  }

  .stoscla_collection li a div{
    background: transparent !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    border: 2px solid var(--var_panel_bgcolor) !important;
    margin: 6px !important;
  }

  .stoscla_collection li a div:hover {
    background: var(--var_panel_bgcolorfocus) !important;
  }

    /* WIDGET_RIGHT - PRINCIPAL */
    .stoscla_widget_right{
      display: block !important;
      background: transparent !important;
      width: 100% !important;
      height: 130px !important;
      margin: 5px !important;
      padding: 0px !important;
      border: 1px solid var(--var_panel_bgcolor) !important;
      border-radius: 15px 15px 15px 15px !important;
      -moz-border-radius: 15px 15px 15px 15px !important;
      -webkit-border-radius: 15px 15px 15px 15px !important;
      color: #2C3E50 !important;
    }

    /* WIDGET_RIGHT - DIV SUPERIOR */
    .stoscla_widget_right>div:nth-child(1){
      display: table !important;
      float: left !important;
      width: 100% !important;
      height: 60px !important;
      margin: 0px !important;
      padding: 5px !important;
      background: var(--var_panel_bgcolor) !important;
      border-radius: 15px 15px 0px 0px !important;
      -moz-border-radius: 15px 15px 0px 0px !important;
      -webkit-border-radius: 15px 15px 0px 0px !important;
    }

    /* WIDGET_RIGHT - DIV SUPERIOR ICONO */
    .stoscla_widget_right>div:nth-child(1)>i{
      display: table-cell !important;
      font-size: 3rem !important;
      color: #FFFFFF !important;
      margin: 0px !important;
      padding: 0px !important;
      text-align: center !important;
      vertical-align: middle !important;
    }

    /* WIDGET_RIGHT - DIV INFERIOR */
    .stoscla_widget_right>div:nth-child(2){
      display: table !important;
      float: right !important;
      width: 100% !important;
      height: 70px !important;
      margin: 0px !important;
      padding: 0px !important;
      background: transparent !important;
    }

    /* WIDGET_RIGHT - DIV INFERIOR CONTENEDOR */
    .stoscla_widget_right>div:nth-child(2)>div{
      display: table-cell !important;
      vertical-align: middle !important;
      margin: 0px !important;
      padding: 0px !important;
    }

    /* WIDGET_RIGHT - DIV INFERIOR CONTENEDOR TEXTOS */
    .stoscla_widget_right>div:nth-child(2)>div>span{
      display: inline-table !important;
      width: 100% !important;
      padding: 0px 0px 0px 5px !important;
    }

    /* WIDGET_RIGHT - DIV INFERIOR CONTENEDOR TEXTO 1 */
    .stoscla_widget_right>div:nth-child(2)>div>span:nth-child(1){
      font-size: 1.1em !important;
      font-weight: bold !important;
      text-align: center !important;
    }

    /* WIDGET_RIGHT - DIV INFERIOR CONTENEDOR TEXTO 2 */
    .stoscla_widget_right>div:nth-child(2)>div>span:nth-child(2){
      font-size: .8em !important;
      font-weight: normal !important;
      text-align: center !important;
    }


    .stoscla_widget_green{
      --var_panel_bgcolor: rgb(76, 175, 80) !important;
    }

    .stoscla_widget_NavyBlue{
      --var_panel_bgcolor: rgb(0, 0, 128);
    }

    .stoscla_widget_Crimson{
      --var_panel_bgcolor: rgb(220, 20, 60);
    }

    .stoscla_widget_turquoise{
      --var_panel_bgcolor: rgb(93, 193, 185);
    }

    .stoscla_widget_orange{
      /* #ff9800 orange */
      --var_panel_bgcolor: rgb(255, 87, 34) !important;
    }

  .leftside-navigation .ps-scrollbar-y{
    background: transparent !important;
  }

  /* ------------ INICIA TABLA NO COLLAPSE RESPONSE ------------ */
  .stoscla_table_nocollaps{
    border: 0px solid #ccc !important;
    width: 100% !important;
    margin:0 !important;
    padding:0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-size: .85em !important;
  }
  .stoscla_table_nocollaps>thead{
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table_nocollaps>thead>tr{
    background: var(--var_panel_bgcolor) !important;
    border-bottom: 1px solid #ddd !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table_nocollaps>thead>tr>th, .stoscla_table>thead>tr>td {
    padding: 5px 10px !important;
    text-align: var(--var_text_align) !important;
    color: var(--var_panel_titlecolor) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-weight: bold !important;
  }

  .stoscla_table_nocollaps>thead>tr>th:first-child, .stoscla_table>thead>tr>td:first-child{
    border-radius: 15px 0px 0px 0px !important;
    -moz-border-radius: 15px 0px 0px 0px !important;
    -webkit-border-radius: 15px 0px 0px 0px !important;
  }

  .stoscla_table_nocollaps>thead>tr>th:last-child, .stoscla_table>thead>tr>td:last-child{
    border-radius: 0px 0px 15px 0px !important;
    -moz-border-radius: 0px 15px 0px 0px !important;
    -webkit-border-radius: 0px 15px 0px 0px !important;
  }

  .stoscla_table_nocollaps>tbody{
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table_nocollaps>tbody>tr{
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table_nocollaps>tbody>tr>th, .stoscla_table_nocollaps>tbody>tr>td {
    padding: 5px 10px !important;
    text-align: var(--var_text_align) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }
  .stoscla_table_nocollaps>tbody>tr:nth-child(even){
    background: var(--var_panel_bgcolorfocus) !important;
  }
  .stoscla_table_nocollaps>tbody>tr:nth-child(odd){
    background: transparent !important;
  }
  .stoscla_table_nocollaps>tbody>tr:hover {
    background: #b3b3b3 !important;
  }
  .stoscla_table_nocollaps>tbody>.stoscla_bg_transparent:nth-child(even){
    background: transparent !important;
  }
  .stoscla_table_nocollaps>tbody>.stoscla_bg_transparent:nth-child(odd){
    background: transparent !important;
  }
  .stoscla_table_nocollaps>tbody>.stoscla_bg_transparent:hover {
    background: transparent !important;
  }
  .stoscla_table_nocollaps td .icon_up, .stoscla_table_nocollaps td .icon_down{
    display: none !important;
  }

  .stoscla_table_nocollaps>tbody>tr:last-child>th:first-child , .stoscla_table_nocollaps>tbody>tr:last-child>td:first-child{
    border-radius: 0px 0px 0px 15px !important;
    -moz-border-radius: 0px 0px 0px 15px !important;
    -webkit-border-radius: 0px 0px 0px 15px !important;
  }
  .stoscla_table_nocollaps>tbody>tr:last-child>th:last-child , .stoscla_table_nocollaps>tbody>tr:last-child>td:last-child{
    border-radius: 0px 0px 15px 0px !important;
    -moz-border-radius: 0px 0px 15px 0px !important;
    -webkit-border-radius: 0px 0px 15px 0px !important;
  }
  .stoscla_label_title_left{
    float: left !important;
  }
  .stoscla_label_title_right{
    float: right !important;
  }

  .stoscla_padding_left_40{
    padding-left: 40px !important;
  }
  .stoscla_padding_20{
    padding: 20px !important;
  }
  .stoscla_padding_40{
    padding: 40px !important;
  }
  .stoscla_padding_30{
    padding: 30px !important;
  }
  .stoscla_padding_20{
    padding: 20px !important;
  }
  .stoscla_padding_10{
    padding: 10px !important;
  }
  .stoscla_padding_5{
    padding: 5px !important;
  }
  .stoscla_padding_0{
    padding: 0px !important;
  }

  .stoscla_margin_0{
    margin: 0px !important;
  }

  .stoscla_submenu{
    line-height: auto !important;
    background: rgba(83, 83, 83, 0.15) !important;
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
    cursor: pointer !important;
  }
  .stoscla_submenu>span{
    display: block !important;
    font-size: 14px !important;
    font-weight: bolder !important;
    font-style: italic !important;
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
    line-height: 38px !important;
    text-align: center !important;
  }
  .stoscla_submenu>i{
    float: right !important;
    line-height: 38px !important;
    font-size: 1.2em !important;
  }
  .stoscla_submenu>.divider{
    height: 2px;
    overflow: hidden;
    background-color: rgba(83, 83, 83, 0.5);
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
  }
    .stoscla_subventana{
        border: 2px solid red !important;
        border-radius: 15px 15px 15px 15px !important;
        -moz-border-radius: 15px 15px 15px 15px !important;
        -webkit-border-radius: 15px 15px 15px 15px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    .stoscla_subventana_title{
        display: flex !important;
        background: rgba(255, 0, 0, .5) !important;
        align-items: center !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        padding: 5px !important;

    }
    .stoscla_subventana_title>div{
        width: 100% !important;
        font-size: 2em !important;
        font-weight: bold !important;
        text-align: center !important;
        background: transparent !important;
    }
    .stoscla_subventana_title>i{
        float: right !important;
        background: rgba(0, 0, 0, .3) !important;
        padding: 7px !important;
        border: 0px !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        cursor: pointer !important;
    }
    .stoscla_subventana_title>i:hover{
        background: rgba(255, 0, 0, 1) !important;
    }

    .stoscla_noselect {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently */
    }

    .stoscla_odontograma_table{
        display: inline-block !important;
        background: var(--var_panel_bgcolor) !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        border: 0px !important;
        margin: 5px !important;
        padding: 0px !important;
    }

    .stoscla_odontograma_table>table{
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        background: #fff !important;
        text-align: center !important;
        align-items: center !important;
        align-content: center !important;
        justify-content: center !important;
        justify-items: center !important;
        border: 1px;
        border-collapse: collapse;
        font-size: .9em !important;
        margin: 0px !important;
        padding: 0px !important;
        width: auto !important;
        margin: 5px 5px !important;
    }
    .stoscla_odontograma_table>table>thead{
        background: var(--var_panel_bgcolorfocus) !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        margin: 0px !important;
        padding: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_table>table>thead>tr{
        margin: 0px !important;
        padding: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_table>table>thead>tr>th{
        margin: 0px !important;
        padding: 0px !important;
        width: 40px !important;
        height: 25px !important;
        vertical-align:middle !important;
        text-align: center !important;
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        background: transparent !important;
    }
    .stoscla_odontograma_table>table>thead>tr:first-child>th{
        border-radius: 10px 10px 0px 0px !important;
        -moz-border-radius: 10px 10px 0px 0px !important;
        -webkit-border-radius: 10px 10px 0px 0px !important;
    }
    .stoscla_odontograma_table>table>thead>tr>.active{
        background: var(--var_panel_bgcolor) !important;
        border-radius: 10px 10px 0px 0px !important;
        -moz-border-radius: 10px 10px 0px 0px !important;
        -webkit-border-radius: 10px 10px 0px 0px !important;

    }
    .stoscla_odontograma_table>table>tbody{
        margin: 0px !important;
        padding: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_table>table>tbody>tr{
        margin: 0px !important;
        padding: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_table>table>tbody>tr>td{
        margin: 0px !important;
        padding: 0px !important;
        vertical-align:middle !important;
        text-align: center !important;
        width: 45px !important;
        height: 200px !important;
    }
    .stoscla_odontograma_table>table>tbody>tr>td:hover{
        background: var(--var_panel_bgcolorfocus) !important;
        border-radius: 0px 0px 10px 10px !important;
        -moz-border-radius: 0px 0px 10px 10px !important;
        -webkit-border-radius: 0px 0px 10px 10px !important;
    }
    .stoscla_odontograma_table>table>tbody>tr>td:nth-last-child(n+2){
        border-right: 1px dashed var(--var_panel_bgcolorfocus) !important;
    }

    .stoscla_odontograma_table>table>tbody>tr>td>img{

        margin: 0px !important;
        padding: 5px !important;
        vertical-align:middle !important;
        text-align: center !important;
        width: 100% !important;
    }

    .stoscla_odontograma_tooth{
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .stoscla_odontograma_tooth .close{
        justify-content: center !important;
        justify-items: center !important;
        text-align: left !important;
        padding: 10px !important;
    }
    .stoscla_odontograma_tooth .close>span{
        position: relative !important;
        background: transparent !important;
        font-weight: bold !important;
        font-size: 1.2em !important;
    }
    .stoscla_odontograma_tooth .close>i{
        float: right !important;
        background: var(--var_panel_bgcolorfocus) !important;
        padding: 5px !important;
        margin: 0px 5px !important;
        border: 0px !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        cursor: pointer !important;
        font-weight: bold !important;
        color: var(--var_panel_text_color);
    }
    .stoscla_odontograma_tooth .close>i:hover{
        background: var(--var_panel_bgcolor) !important;
        color: var(--var_panel_titlecolor);
    }
    .stoscla_odontograma_tooth .img{
        text-align: center !important;
    }
    .stoscla_odontograma_tooth .img>button{
        width: 75% !important;
    }
    .stoscla_odontograma_tooth .img>img{
        border: 1px solid #585858 !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        padding: 10px !important;
    }
    .stoscla_odontograma_tooth .table{
        padding: 0px !important;
        margin: 0px !important;
        font-size: .88em !important;
    }
    .stoscla_odontograma_tooth .table>.title{
        border-radius: 10px 10px 0px 0px !important;
        -moz-border-radius: 10px 10px 0px 0px !important;
        -webkit-border-radius: 10px 10px 0px 0px !important;
        background: var(--var_panel_bgcolor) !important;
        min-height: 20px !important;
        font-weight: bold !important;
        padding: 5px !important;
        margin: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_tooth .table>.head{
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        background: var(--var_panel_bgcolor) !important;
        min-height: 20px !important;
        font-weight: bold !important;
        padding: 5px !important;
        margin: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_tooth .table>.footer{
        border-radius: 0px 0px 10px 10px !important;
        -moz-border-radius: 0px 0px 10px 10px !important;
        -webkit-border-radius: 0px 0px 10px 10px !important;
        background: var(--var_panel_bgcolor) !important;
        min-height: 20px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    .stoscla_odontograma_tooth .table>.group{
        display: block !important;
        margin: 0px !important;
        padding: 10px !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(even){
        background: #e4e4e4 !important;
        border-left: .5px solid #686868 !important;
        border-right: .5px solid #686868 !important;
        border-top: 0px solid #686868 !important;
        border-bottom: .5px solid #686868 !important;
        
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(odd){
        background: var(--var_panel_bgcolorfocus) !important;
        border-left: .5px solid #686868 !important;
        border-right: .5px solid #686868 !important;
        border-top: 0px solid #686868 !important;
        border-bottom: .5px solid #686868 !important;
        
    }
    .stoscla_odontograma_tooth .table>.group>.row{
        display: flex !important;
        margin: 0px !important;
        padding: 0px !important;
        justify-content: start !important;
        align-content: start !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row:nth-child(2n+2){
        border-left: 1px solid #686868 !important;
        border-right: 1px solid #686868 !important;
        border-top: 1px solid #686868 !important;
        border-bottom: 1px solid #686868 !important;
        background: #d6c0fd !important;
        padding-left: 50px !important;
        padding-left: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-left: 50px !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row:nth-child(2n+3){
        border-left: 1px solid #686868 !important;
        border-right: 1px solid #686868 !important;
        border-top: 1px solid #686868 !important;
        border-bottom: 1px solid #686868 !important;
        background: #accfc2 !important;
        padding-left: 50px !important;
        padding-left: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-left: 50px !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments{
        display: inline-flex !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 6px !important;
        padding-bottom: 10px !important;
        margin: 0px !important;
        background: transparent !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge{
        display: inline-flex !important;
        padding: 6px !important;
        margin: 0px !important;
        border: 0px !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
        border: 1px solid var(--var_panel_bgcolor);
        border-radius: 50px 50px 50px 50px !important;
        -moz-border-radius: 50px 50px 50px 50px !important;
        -webkit-border-radius: 50px 50px 50px 50px !important;
        font-size: 1em !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(even)>.row>.col>.stoscla_information_treatments>.stoscla_badge{
        background: var(--var_panel_bgcolorfocus) !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(odd)>.row>.col>.stoscla_information_treatments>.stoscla_badge{
        background: #e4e4e4 !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge>.stoscla_badge_icon{
        display: inline-flex !important;
        padding-left: 8px !important;
        padding-right: 3px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        background: transparent !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge>.stoscla_badge_icon>i{
        font-size: 1.8em !important;
        margin: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge>.stoscla_badge_text{
        display: inline-flex !important;
        padding-left: 3px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        width: auto !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge_add{
        display: inline-block !important;
        padding: 6px !important;
        margin: 0px !important;
        border: 0px !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
        align-content: center !important;
        border: 1px solid var(--var_panel_bgcolor);
        border-radius: 50px 50px 50px 50px !important;
        -moz-border-radius: 50px 50px 50px 50px !important;
        -webkit-border-radius: 50px 50px 50px 50px !important;
        font-size: .85em !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(even)>.row>.col>.stoscla_information_treatments>.stoscla_badge_add{
        background: var(--var_panel_bgcolorfocus) !important;
        border: 2px solid var(--var_panel_bgcolorfocus) !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(even)>.row>.col>.stoscla_information_treatments>.stoscla_badge_add:hover{
        border: 2px solid var(--var_panel_bgcolor) !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(odd)>.row>.col>.stoscla_information_treatments>.stoscla_badge_add{
        background: #e4e4e4 !important;
        border: 2px solid #e4e4e4 !important;
    }
    .stoscla_odontograma_tooth .table>.group:nth-child(odd)>.row>.col>.stoscla_information_treatments>.stoscla_badge_add:hover{
        border: 2px solid #7c7c7c !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge_add>.stoscla_badge_icon{
        display: inline-flex !important;
        padding-left: 8px !important;
        padding-right: 3px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        background: transparent !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge_add>.stoscla_badge_icon>i{
        font-size: 1.8em !important;
        margin: 0px !important;
        border: 0px !important;
    }
    .stoscla_odontograma_tooth .table>.group>.row>.col>.stoscla_information_treatments>.stoscla_badge_add>.stoscla_badge_text{
        display: inline-flex !important;
        padding-left: 3px !important;
        padding-right: 8px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin: 0px !important;
        border: 0px !important;
        width: auto !important;
    }

    .imgtreatments{
        float: right !important;
        position: relative !important;
        padding: 0px 20px !important;
        width: 90px !important;
    }

    .stoscla_information{
        display: block !important;
        background: transparent !important;
        padding-left: 18px !important;
        padding-right: 0px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        margin: 0px !important;
        text-align: justify !important;
    }
    .stoscla_information>span{
        display: block !important;
        padding: 0px !important;
        margin: 0px !important;
        background: transparent !important;
    }
    .stoscla_information>span:nth-child(1){
        font-weight: bold !important;
        padding: 0px !important;
    }
    .stoscla_information>span:nth-child(2){
        font-weight: normal !important;
    }

    .stoscla_tx{
        color: var(--var_text_color) !important;
    }
    .stoscla_tx_color_green{
        --var_text_color: green;
    }
    .stoscla_tx_color_red{
        --var_text_color: red;
    }
    .stoscla_tx_color_white{
        --var_text_color: white;
    }
    .stoscla_tx_color_orange{
        --var_text_color: orange;
    }
    .stoscla_tx_color_yellow{
        --var_text_color: yellow;
    }
    .stoscla_tx_color_black{
        --var_text_color: black;
    }

    .stoscla_table_row{
        border: 5px solid red !important;
        border-radius: 10px 10px 10px 10px !important;
        -moz-border-radius: 10px 10px 10px 10px !important;
        -webkit-border-radius: 10px 10px 10px 10px !important;
        padding: 0px !important;
        margin: 0px !important;
        font-size: .85em !important;
    }
    .stoscla_table_row .title{
        padding: 0px !important;
        margin: 0px !important;
        font-weight: bold !important;
        background: red !important;
    }
    .stoscla_table_row .title>.col{
        min-height: 18px !important;
    }
    .stoscla_table_row .content{
        display: flex !important;
        padding: 0px !important;
        margin: 0px !important;
        font-weight: normal !important;
        min-height: 15px !important;
        align-items: center !important;
        align-content: center !important;
    }
    .stoscla_table_row .content:nth-child(2n+2){
        background: #dbdbdb !important;
    }
    .stoscla_table_row .content:nth-child(2n+3){
        background: #afafaf !important;
    }
    .stoscla_table_row .content>.col{
        padding: 5px !important;
        margin: 0px !important;
        font-weight: normal !important;
        min-height: 18px !important;
    }

    .stoscla_table_row .content>.col>span{
        display: block !important;
        padding: 2px 0px !important;
        margin: 0px !important;
        background: transparent !important;
    }

    .stoscla_table_row .content>.col>span>span{
        display: inline-block !important;
        padding:  0px !important;
        margin: 0px !important;
    }
    .stoscla_table_row .content>.col>span>span:first-child{
        font-weight: bold !important;
    }

    .stoscla_table_row .foot{
        padding: 0px !important;
        margin: 0px !important;
        background: red !important;
        min-height: 18px !important;
    }

    .stoscla_expview_span>span:nth-child(1){
        font-weight: bold !important;
    }

    .stoscla_expview_span>span:nth-child(2){
        display: block !important;
        padding-left: 15px !important;
        background: transparent !important;
    }

  @media (max-width: 1100px) {
    .stoscla_panel_menu{
      height: 160px !important;
      display: block !important;
      min-width: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      align-content: center !important;
    }
    .stoscla_panel_menu>div{
      display: block !important;
      min-width: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .stoscla_panel_menu>span{
      display: block !important;
      min-width: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-top: 20px;
    }
  }
  /* ------------ TERMINA TABLA NO COLLAPSE RESPONSE ------------ */
  @media (max-width: 900px) {
    /* ------------ INICIA TABLA NO COLLAPSE RESPONSE ------------ */
    .stoscla_table_nocollaps{
      border: 0px solid #ccc !important;
      width: 100% !important;
      margin:0 !important;
      padding:0 !important;
      border-collapse: collapse !important;
      border-spacing: 0 !important;
      font-size: .85em !important;
    }
    .stoscla_table_nocollaps>thead{
      display: none !important;
    }
    .stoscla_table_nocollaps>tbody>tr {
      display: inline-block !important;
      border: 4px solid #7e7e7e !important;
      margin: 10px 0px !important;
      border-radius: 10px 10px 10px 10px !important;
      -moz-border-radius: 10px 10px 10px 10px !important;
      -webkit-border-radius: 10px 10px 10px 10px !important;
      min-width: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
    }

    .stoscla_table_nocollaps>tbody>tr>th, .stoscla_table_nocollaps>tbody>tr>td {
      display: inline-block !important;
      min-width: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      font-size: 13px !important;
      border: 0px solid #7e7e7e !important;
      padding: 0px !important;
      margin: 0px !important;
      border-radius: 0px 0px 0px 0px !important;
      -moz-border-radius: 0px 0px 0px 0px !important;
      -webkit-border-radius: 0px 0px 0px 0px !important;
      text-align: center !important;
      cursor: pointer !important;
    }

    .stoscla_table_nocollaps>tbody>tr>th:before, .stoscla_table_nocollaps>tbody>tr>td:before {
      display: block !important;
      float: left !important;
      min-width: 50% !important;
      width: 50% !important;
      max-width: 50% !important;
      content: attr(data-label) !important;
      text-transform: uppercase !important;
      font-weight: bold !important;
      background: #7e7e7e !important;
      color: #ffffff !important;
      padding: 0px !important;
      margin: 0px !important;
      text-align: center !important;
      height: 30px !important;
      line-height: 30px !important;
    }

    /* ------------ TERMINA TABLA NO COLLAPSE RESPONSE ------------ */
  }

@media (min-width: 751px) {


  .stoscla_table{
    border: 0px solid #ccc !important;
    width: 100% !important;
    margin:0 !important;
    padding:0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-size: .80em !important;
    background: transparent !important;
  }

  .stoscla_table>thead{
    margin: 0px !important;
    padding: 0px !important;
    background: var(--var_panel_bgcolor) !important;
    color: var(--var_panel_titlecolor) !important;
  }
  .stoscla_table>thead>tr{
    border-bottom: 1px solid #ddd !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table>thead>tr>th{
    padding: 3px !important;
    text-align: var(--var_text_align) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-weight: bold !important;
  }

  .stoscla_table>thead>tr>th:first-child{
  border-radius: 15px 0px 0px 0px !important;
  -moz-border-radius: 15px 0px 0px 0px !important;
  -webkit-border-radius: 15px 0px 0px 0px !important;
  }

  .stoscla_table>thead>tr>th:last-child{
    border-radius: 0px 15px 0px 0px !important;
    -moz-border-radius: 0px 15px 0px 0px !important;
    -webkit-border-radius: 0px 15px 0px 0px !important;
    }

  .stoscla_table>thead>tr>td {
    padding: 3px !important;
    text-align: var(--var_text_align) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-weight: bold !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
  }

  .stoscla_table>tbody{
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table>tbody>tr{
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_table>tbody>tr>th, .stoscla_table>tbody>tr>td {
    padding: 5px !important;
    text-align: var(--var_text_align) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }
  .stoscla_table>tbody>tr:nth-child(even){
    background: #c7c7c7 !important;
  }
  .stoscla_table>tbody>tr:nth-child(odd){
    background: #f8f8f8 !important;
  }
  .stoscla_table>tbody>tr:hover {
    background: var(--var_panel_bgcolorfocus) !important;
  }
  .stoscla_table>tbody>.stoscla_bg_transparent:nth-child(even){
    background: transparent !important;
  }
  .stoscla_table>tbody>.stoscla_bg_transparent:nth-child(odd){
    background: transparent !important;
  }
  .stoscla_table>tbody>.stoscla_bg_transparent:hover {
    background: transparent !important;
  }
  .stoscla_table td .icon_up, .stoscla_table td .icon_down{
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  .stoscla_table{
    border: 0px !important;
    width:100% !important;
    font-size: .85em !important;
  }

  .stoscla_table thead {
    display: none !important;
  }

  .stoscla_table tr {
    display: inline-block !important;
    border: 4px solid #7e7e7e !important;
    margin: 10px 0px !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .stoscla_table td, .stoscla_table th {
    display: none !important;
    font-size: 13px !important;
    border: 0px solid #7e7e7e !important;
    padding: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  .stoscla_table .block_1 td:nth-child(1), .stoscla_table .block_2 td:nth-child(2), .stoscla_table .block_3 td:nth-child(3),
  .stoscla_table .block_4 td:nth-child(4), .stoscla_table .block_5 td:nth-child(5), .stoscla_table .block_6 td:nth-child(6),
  .stoscla_table .block_7 td:nth-child(7), .stoscla_table .block_8 td:nth-child(8), .stoscla_table .block_9 td:nth-child(9),
  .stoscla_table .block_10 td:nth-child(10){
    display: inline-block !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .stoscla_table .none_1 td, .stoscla_table .none_2 td, .stoscla_table .none_3 td, .stoscla_table .none_4 td,
  .stoscla_table .none_5 td, .stoscla_table .none_6 td, .stoscla_table .none_7 td, .stoscla_table .none_8 td,
  .stoscla_table .none_9 td, .stoscla_table .none_10 td{
    display: inline-block !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .stoscla_table .none_1 td .icon_down, .stoscla_table .none_2 td .icon_down, .stoscla_table .none_3 td .icon_down,
  .stoscla_table .none_4 td .icon_down, .stoscla_table .none_5 td .icon_down, .stoscla_table .none_6 td .icon_down,
  .stoscla_table .none_7 td .icon_down, .stoscla_table .none_8 td .icon_down, .stoscla_table .none_9 td .icon_down,
  .stoscla_table .none_10 td .icon_down{
    display: none !important;
  }
  .stoscla_table .block_1 td .icon_down, .stoscla_table .block_2 td .icon_down, .stoscla_table .block_3 td .icon_down,
  .stoscla_table .block_4 td .icon_down, .stoscla_table .block_5 td .icon_down, .stoscla_table .block_6 td .icon_down,
  .stoscla_table .block_7 td .icon_down, .stoscla_table .block_8 td .icon_down, .stoscla_table .block_8 td .icon_down,
  .stoscla_table .block_10 td .icon_down{
    display: block !important;
    float: right !important;
    font-size: 2em;
    font-weight: bold !important;
    color: green !important;
  }

  .stoscla_table .none_1 td .icon_up, .stoscla_table .none_2 td .icon_up, .stoscla_table .none_3 td .icon_up,
  .stoscla_table .none_4 td .icon_up, .stoscla_table .none_5 td .icon_up, .stoscla_table .none_6 td .icon_up,
  .stoscla_table .none_7 td .icon_up, .stoscla_table .none_8 td .icon_up, .stoscla_table .none_9 td .icon_up,
  .stoscla_table .none_10 td .icon_up{
    display: block !important;
    float: right !important;
    font-size: 2em !important;
    font-weight: bold !important;
    color: red !important;
  }
  .stoscla_table .block_1 td .icon_up, .stoscla_table .block_2 td .icon_up, .stoscla_table .block_3 td .icon_up,
  .stoscla_table .block_4 td .icon_up, .stoscla_table .block_5 td .icon_up, .stoscla_table .block_6 td .icon_up,
  .stoscla_table .block_7 td .icon_up, .stoscla_table .block_8 td .icon_up, .stoscla_table .block_9 td .icon_up,
  .stoscla_table .block_10 td .icon_up{
    display: none !important;
  }

  .stoscla_table td>span, .stoscla_table th>span{
    display: block !important;
    padding: 5px !important;
    background: transparent !important;
    text-align: var(--var_text_align) !important;
    min-height: 2em !important;


  }

  .stoscla_table td>a, .stoscla_table th>a{
    display: inline-block !important;
    font-size: 1.2em !important;
    text-align: center !important;
    margin: 10px 0px !important;
    width: 70% !important;
    height: 30px !important;
    line-height: 30px !important;
    background-color: var(--var_panel_bgcolor) !important;
    border-radius: 15px 15px 15px 15px !important;
    -moz-border-radius: 15px 15px 5px 5px !important;
    -webkit-border-radius: 15px 15px 15px 15px !important;
    color: var(--var_panel_titlecolor) !important;
    vertical-align: middle !important;
  }
  .stoscla_table td>a>i, .stoscla_table th>a>i{
    display: none !important;
  }
  .stoscla_table td>a:before, .stoscla_table th>a:before{
    content: attr(data-label) !important;
    display: inline-block !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 8px !important;
    vertical-align: middle !important;
    padding: 0px !important;
  }

  .stoscla_table td:before {
    display: grid !important;
    content: attr(data-label) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    background: #7e7e7e !important;
    color: #ffffff;
    padding: 5px !important;
    height: 30px !important;
    line-height: 30px !important;
  }

}

@media (max-width: 600px) {
  .stoscla_folder_expediente{
    background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head{
    background: transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: .9em !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item{
    display: block !important;
    margin: 0px !important;
    padding: 5px !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:first-child>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:first-child>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:last-child>span:nth-child(1){
    display: block !important;
    background: var(--var_panel_bgcolor) !important;
    border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: bold !important;
  }
  .stoscla_folder_expediente>.stoscla_folder_expediente_head .stoscla_folder_expediente_head_item:last-child>span:nth-child(2){
    display: block !important;
    background: var(--var_panel_bgcolorfocus) !important;
    border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    text-align: center !important;
    margin: 0px !important;
    padding: 5px !important;
    font-weight: normal !important;
  }
}