:root {
    --white: #ffffff;
    --OPERACION-1: #962753;
    --OPERACION-5: #ff0066;
    --text_input_color: #969696;
  }

  table{
    text-align: center;
  }

th{
  font-family: 'Inter', sans-serif;
  font-size: 16px !important;
}
td{
  font-family: 'Inter', sans-serif;
 
  font-size: 16px !important;
}

hr.solid {
  border-top: 1px solid #bbb;
  margin-top: 40px;
}

p{
    font-family: 'Inter', sans-serif;
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

a:hover{
  text-decoration: none !important;  cursor: pointer !important;
}



h1{
    font-family: 'Inter', sans-serif;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 20 !important;

}
h2{
    font-family: 'Inter', sans-serif;
    font-size: 20 !important;
}

body{
  font-family: 'Inter', sans-serif !important;
  background-color: #dbdbdb !important;
  font-size: 16px !important;
}
.table td, .table th{
  vertical-align: middle !important;
  padding: 0.5rem !important;
}


.input_text_1 {
  padding-top: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #070c18;
  padding-left: 10px;
  letter-spacing: 0px;
  line-height: 13px;
  text-align: left;
}

.input_text_togle {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #070c18;
  padding-left: 10px;
  margin-bottom: 0% !important;
  text-align: left;
}

.input_1{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #EBEBEB !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 33px !important;
  transition: none !important;
}

.input_2{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #ffffff !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 33px !important;
  transition: none !important;
}

.custom-file-label::after{
  content: "Buscar" !important;
}




option {
  font-weight: normal;
  display: block;
  white-space-collapse: collapse;
  text-wrap: nowrap;
  min-height: 1.2em;
  padding: 0px 50px 1px !important;
}

.form-check{
  padding-left:10px !important;
}


.delete_botton_table1{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.delete_botton_table1:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.delete_botton_table2{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.delete_botton_table3{
  color: #711313; max-width: 100%; margin-top: 3px !important;
}

.edit_botton_table3{
  color: #5C95FF; max-width: 100%; margin-top: 3px !important;
}


.clonar_botton_table1{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.clonar_botton_table1:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.clonar_botton_table2{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.clonar_botton_table3{
  color: #8570EB; max-width: 100%; margin-top: 3px !important;
}


.add_botton_table1{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.add_botton_table1:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.add_botton_table2{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.add_botton_table3{
  color: #5C95FF; max-width: 100%; margin-top: 3px !important;
}



.form-check-input{
  position:unset !important;
  margin-top: 0rem !important;
  margin-left: 0rem !important;
  width: 14px !important; 
  height: 14px !important;

  border-radius: 10px !important;
  
}

.row {
  margin: 0% !important;
  /* display: flex;  */
  align-items: center !important;
  position: relative;
}

.align_top{
  align-items: flex-start !important;
}


.perfil_body{
  background-color: #d8d8d8;
}


.perfil_modal {
  width: 40px;
  height: 40px;
  padding: 5px;
  float: left;
  border-radius: 50%;
  background-color: #5C95FF;
  margin-left: 20px;
}

.perfil_modal img{
  width: 30px;
  height: 30px;
}

.perfil_info_1{
  width: 100%; height: 65px; background-color:#ffffff; display: flex; align-items: center; border-radius: 5px;
}

.perfil_info_2{
  float: left; margin-left: 20px;
}

.boton_perfil_1{
  width: 100%; height: 50px; background-color:#fff; margin-top: 20px; justify-content: flex-end; display: flex; align-items: center; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.boton_perfil_1:hover{
  width: 100%; height: 50px; background-color:#d1d1d1; margin-top: 20px; justify-content: flex-end; display: flex; align-items: center; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.edit_perfil_text_1{
  color: #5C95FF; margin-left: 20px;
}

.edit_perfil_icon_1{

  color: #5C95FF;  max-width: 100%;  float: right; margin-left: 20px; margin-right: 20px; justify-content: flex-end;
 
}

.cerrar_sesion_perfil_text_1{
  color: #711313; margin-left: 20px;
}

.cerrar_sesion_perfil_icon_1{

  color: #711313;  max-width: 100%;  float: right; margin-left: 20px; margin-right: 20px; justify-content: flex-end;
 
}

.guardar_botom_1{
  background-color:#5C95FF; width: 100%; height: 40px; border-radius: 20px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; margin-top: 40px; display: flex; align-items: center;
}
.guardar_botom_2{
  color: #ffffff; text-align: center; margin: auto; padding-bottom: 7px;

}








  


@media (min-width: 300px) and (max-width: 419px) {
  
  .dropdown-menu{
    min-width: 35vh !important;
    transform: translate3d(-140px, 15px, 0px) !important;
  }
}

@media (min-width: 420px) and (max-width: 580px) {
  .dropdown-menu{
    min-width: 40vh !important;
    transform: translate3d(-140px, 15px, 0px) !important;
  }
}

@media (min-width: 581px) and (max-width: 880px) {
  .dropdown-menu{
    min-width: 59vh !important;
    transform: translate3d(-140px, 15px, 0px) !important;
  }
}

@media (min-width: 881px) and (max-width: 1280px) {
  .dropdown-menu{
    min-width: 90vh !important;
    transform: translate3d(-140px, 15px, 0px) !important;
  }
}

@media (min-width: 1281px) and (max-width: 1980px) {
  .dropdown-menu{
    min-width: 141vh !important;
    transform: translate3d(-140px, 15px, 0px) !important;
  }
}




@media (min-width: 300px) and (max-width: 780px) {

  body{
    background-color: #dbdbdb !important;
    font-size: 12px !important;
  }


    p{
      font-family: 'Inter', sans-serif;
      font-size: 12px !important;
  }

  h1{
    font-size: 12px !important;

  }
  h2{
    font-size: 12px !important;
}

th{
  font-family: 'Inter', sans-serif;
  font-size: 11px !important;
}
td{
  font-family: 'Inter', sans-serif;
  border-top: none !important;
  font-size: 11px !important;
}

}





/*LogIn__________________________________________________________________________________________________________________________start*/

.box1{
  padding: 0% !important;
}

.container-Login{
  background-image: url(../images/fondo-desk.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;  
  display: flex;
  align-items: center;
  
}


.ticitl3-transparente {
  max-width: 100%;
  display: block;
  margin: auto;


}

.subtitle_0{

  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #000000;
  letter-spacing: 0px;
  line-height: 1.2;
  margin-top: 15px; 
  margin-bottom: 15px;
 
}
.input_style{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #EBEBEB !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 30px !important;
  transition: none !important;
}

.input_style2{
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #EBEBEB !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 30px !important;
  transition: none !important; 
  text-align: center;  
}

.input_style3{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #EBEBEB !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 60px !important;
  transition: none !important;
}

.input_style4{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #636363 !important;
  background-color: #ffffff !important;
  background-clip:none !important;
  border: 1px solid #ffffff;
  border-radius: 5px !important;
  height: 30px !important;
  transition: none !important;
}

.input_style5{
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #636363 !important;
  background-color: #fff !important;
  background-clip:none !important;
  border: 1px solid #fff;
  border-radius: 5px !important;
  height: 30px !important;
  transition: none !important;    
}

.input_style6{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #636363 !important;
  background-color: #ffffff !important;
  background-clip:none !important;
  border: 1px solid #ffffff;
  border-radius: 5px !important;
  height: 60px !important;
  transition: none !important;
}

.input_style7{
  display: block;
  width: 100% !important;
  padding: 0.375rem 0.75rem;
  font-size: 14px !important;
  line-height: 1.5;
  color: #969696 !important;
  background-color: #ffffff !important;
  background-clip:none !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 60px !important;
  transition: none !important;
}

.input_style_file_1{
  max-width: 100%; height: 90px;background-color: #EBEBEB !important; border-radius: 5px;  border: 1px solid #ced4da; display: flex; align-items: center;
}

.input_style_file_1:hover{
  max-width: 100%; height: 90px;background-color: #c9c9c9 !important; border-radius: 5px;  border: 1px solid #ced4da; display: flex; align-items: center;
}

.input_style_file_2{
  color: #5C95FF; display: block; margin: auto;
}



.input-group-append .input-group-text{
 
  height: 30px !important;
  background-color: #00000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  background-color: none !important;
  border: none !important;
  border-radius: 0.25rem;

}



.input_style-login{
  display: block;
  margin: auto;
  max-width: 400px;
  font-size: 16px !important;
  line-height: 1.5;
  background-color: #ffffff !important;
  border: 1px solid #ced4da;
  border-radius: 5px !important;
  height: 50px !important;
  transition: none !important;
  margin-top: 25px;

}

.bonton-login{
  display: block;
  margin: auto;
  background-color: #2E58A6 ;
  color: #fff;
  text-align: center;
  padding: 10px;
  max-height: 45px;
  max-width: 400px;
  border-radius: 5px;
  margin-top: 25px;
}

.bonton-login:hover{
  display: block;
  margin: auto;
  background-color: #143574 ;
  color: #fff;
  text-align: center;
  padding: 10px;
  max-height: 45px;
  max-width: 400px;
  border-radius: 5px;
  margin-top: 25px;
}

.subtitle_01{

  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #2E58A6;
  letter-spacing: 0px;
  line-height: 1.2;
  padding-top: 35px; 
 
}




/*LogIn___________________________________________________________________________________________________________________________end*/

/* TOGLE_ESTATUS_____________________________________________________________________________________________________________________START */

 .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.toggle-on.btn {
  padding-right: 0px !important;
}

.toggle.btn{
  min-width: 80px !important;
  min-height: 22px !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.btn-primary {
  
  color: #fff;
  background-color: #39895E !important;
  border: unset !important;
  border-color: unset !important;
}

.btn-primary:hover {
  
  color: #fff;
  background-color: #234332 !important;
  border: unset !important;
  border-color: unset !important;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px solid transparent !important;
  padding: 3 0 !important;
  font-size: 12px !important;
  line-height: 1.5;
  border-radius: 30px !important;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


 .checkbox label .toggle,
 .checkbox-inline .toggle {
   margin-left: -20px;
   margin-right: 5px
 }



 .toggle {
  height: 10px !important;
   position: relative;
   overflow: hidden
 }

 .toggle input[type=checkbox] {
   display: none
 }

 .toggle-group {
   position: absolute;
   width: 200%;
   top: 0;
   bottom: 0;
   left: 0;
   transition: left .35s;
   -webkit-transition: left .35s;
   -moz-user-select: none;
   -webkit-user-select: none
 }

 .toggle.off .toggle-group {
   left: -100%
 }

 .toggle-on {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 50%;
   margin: 0;
   border: 0;
   border-radius: 0;
 }

 .toggle-off {
    background-color: #64726a;
    border: unset !important;
    border-color: unset !important;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   right: 0;
   margin: 0;
   border: 0;
   border-radius: 0;
 }

 .toggle-off:hover {
  background-color: #182F23;

}

 .toggle-handle {
  border: unset !important;
    border-color: unset !important;
  color: #fff;
   height: 100%;
 }

 


 .active::before{
  content: '';
  position: absolute;
  left: 0;
  top: 3px !important;
  width: 0px !important;
  height:0px !important;
  background-color: #fff !important;
 }


 
 /* .active {
  color: #ffffff !important;
 } */

 

/* TOGLE_ESTATUS_____________________________________________________________________________________________________________________END */



/*SIDE-MENU___________________________________________________________________________________________________________________________START*/

                         
                                
/* Handle on hover */
                                ::-webkit-scrollbar-thumb:hover {
                                  background: #555;
                                }

                                @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");

                                :root {
                                  --header-height: 3rem;
                                  --nav-width: 62px;
                                  --first-color: #000000;
                                  --first-color-light: #ffffff;
                                  --white-color: #5C95FF;
                                  --body-font: 'Nunito', sans-serif;
                                  --normal-font-size: 3rem;
                                  --z-fixed: 100
                                }

                                *,
                                ::before,
                                ::after {
                                  box-sizing: border-box
                                }

                                .body-pd{
                                  position: relative;
                             
                                  transition: .5s
                                }

                                .body_adjust{
                                  position: relative;
                                  height: auto;
                                  transition: .5s
                                }

                                a {
                                  text-decoration: none
                                }

                                
                                .header_toggle {
                                  display: flex;
                                  margin: auto;
                                  text-align: center;
                                  color: #fff;
                                  cursor: pointer;
                                  padding: .5rem 1rem 1rem 1rem;
                                  font-size: 25px;
                                  
                                }

                                .header_img {
                                  margin: .7rem .7rem 3rem .7rem;
                                  width: 25px;
                                  height: 25px;
                                  padding: 5px;
                                  display: flex;
                                  justify-content: center;
                                  border-radius: 50%;
                                  overflow: hidden;
                                  background-color: #5C95FF;
                              
                                }

                                .header_img:hover {
                                
                                  background-color: #3D6DC7;
                              
                                }
                                
                                .header_img img {
                                  width: 30px
                                }

                                .l-navbar {
                                  position: fixed;
                                  top: 0;
                                  width: var(--nav-width);
                                  height: 100vh;
                                  background-color: var(--first-color);
                                  padding: .5rem 1rem 0 0;
                                  transition: .5s;
                                  z-index: var(--z-fixed)
                                }

                                .nav {
                                  height: 100%;
                                  display: flex;
                                  flex-direction: column;
                                  justify-content: space-between;
                                  overflow: hidden
                                }

                                .nav_logo,
                                .nav_link {
                                  display: grid;
                                  grid-template-columns: max-content max-content;
                                  align-items: center;
                                  column-gap: 0.5rem;
                                  padding: .5rem 0 .5rem 1.2rem
                                }

                                .nav_logo {
                                  margin-bottom: 2rem
                                }

                                .nav_logo-icon {
                                  font-size: 1.25rem;
                                  color: var(--white-color)
                                }

                                .nav_logo-name {
                                  color: var(--white-color);
                                  font-weight: 700
                                }

                                .nav_link {
                                  position: relative;
                                  color: var(--first-color-light);
                                  margin-bottom: 3rem;
                                  transition: .3s
                                }

                                .nav_link:hover {
                                  color: var(--white-color)
                                }

                                .nav_icon {
                                  font-size: 20px;
                                  width: 20px;
                                }

                                .show_1 {
                                  left: 0
                                }

                                .body_adjust {
                                  padding-left: calc(var(--nav-width) + 0rem)
                                }

                                .active {
                                  color: #fff;
                                }

                                .active::before {
                                  content: '';
                                  position: absolute;
                                  left: 0;
                                  width: 2px;
                                  height: 32px;
                                  background-color: var(--white-color)
                                }

                                .height-100 {
                                  height: 100vh
                                }
                                
                                @media screen and (min-width: 368px) {
                                                                  .body-pd {
                                                                    /* margin: calc(var(--header-height) + 0rem) 0 0 0; */
                                                                    padding-left: calc(var(--nav-width) + 0rem)
                                                                  }
                                
                                                                 
                                                                  .header_img {
                                                                    width: 35px;
                                                                    height: 35px
                                                                  }
                                
                                                                  .header_img img {
                                                                    width: 35px
                                                                  }
                                
                                                                  .l-navbar {
                                                                    left: 0;
                                                                    padding: 1rem 1rem 0 0
                                                                  }
                                
                                                                  .show_1 {
                                                                    width: calc(var(--nav-width) + 110px)
                                                                  }
                                
                                                                  .body-pd {
                                                                    padding-left: calc(var(--nav-width) + 110px)
                                                                  }
                                }
/*SIDE-MENU___________________________________________________________________________________________________________________________end*/

/*INICIO_01___________________________________________________________________________________________________________________________start*/



.container-inicio{
  background-color: #ebebeb;
  width: 100%;
  height: auto;
}

.head_inicio{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}

.title_1_inicio{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #336b80;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}
.inicio_icon{

    color: #336b80;
    margin: 10px;
    margin-left: 5px;
   
}


.block_inicio1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  background-color: #d1d1d1;
  border-radius: 5px;
}







.header2-inicio {
  width: 100%;
  top: 0px;
  background-color: #336B80;
  border-radius: 5px 5px 0px 0px;
}

.more_boton{
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff ;
  float: right;
  margin: 10px;
  border-radius: 5px;
}

.more_boton:hover{
  background-color: #ededed ;
}

.more_boton_inside{
  width: 20px; 
  height: 20px; 
  position: absolute; 
  top: 50%; left: 50%; 
  margin:-10px -10px 0 -10px; 
  border-radius: 5px;
}

.more_boton_icon{
  max-width: 100%; color: #336B80;
}

.iconBoton{
  margin: auto;
}


.conteiner_inside_pagding1{
  max-width: 100%;
  align-items: flex-start !important;
}

.conteiner_inside_pagding2{
  
  max-width: 100%;
 
}

.conteiner_inside_pagding3{
  
  max-width: 100%;
 
}

.conteiner_inside_pagding4{
  
  max-width: 100%;
 
}

.conteiner_inside_pagding5{

  max-width: 100%;
 
}


.inside_inside{
  max-width: 100%; 
 
  padding: 10px !important;
}

.inside_inside_inside{
  width: 100%; 
  background-color: #fff; 
  border-radius: 5px;
}

.header3-inicio {
  width: 100%;
  
  overflow-y: auto;
  top: 0px;
  background-color: #568395;
  border-radius: 5px 5px 0px 0px;
}




.header4-inicio {
  padding: 0% !important;
  width: 100%;
  top: 0px;
  
  overflow-y: auto;
  background-color: #5C95FF;
  color: #FFF;
  border-radius: 5px 5px 0px 0px;
}


.padding_off{
  padding: 0% !important;
}

.padding_off_2{
  padding: 0px 0px 0px 10px !important;
}

.padding_top_bottom{
  padding: 20px 0px 20px 10px !important;
}

.padding_left{
  padding: 0px 0px 0px 10px !important;
}

.padding_l_r{
  padding: 0px 10px 0px 10px !important;
}

.input_title{
  color: #fff;
}

.input_container_1{
    
  margin-top: 5px;
  margin-bottom: 8px;
}

.input_container_2{
  width: 100%;
}

.input_container_3{
  height: 100%;
}


.input_select1{
  height: 100% !important;
}



.input-group-text{
  font-size:unset !important;
}
.custom-select {
  padding: 0% 10px 0 20px !important;
}

.width100{
  max-width: 100%;
}

.padding5{
  padding: 10px;
}
.iconNumero{
  width: 70px;  height: 70px; font-size: 70px; color: #962753;  text-align: center; display: block; margin: auto;
}
.title_numero{
  font-weight: 700; max-width: 100%; font-size: 70px; text-align: center;
}



@media (min-width: 300px) and (max-width: 780px) {

  .title_1_inicio{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color: #336b80;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

}

/*INICIO_01___________________________________________________________________________________________________________________________end*/


/*INTERVENCIÓN_01___________________________________________________________________________________________________________________________start*/




.container-intervencion{
  background-color: #dbdbdb;
  width: 100%;
  height: auto;
}

.head_intervencion{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}


.title_1_intervencion{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color:  #962753;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}

.intervencion_icon{

  color:  #962753;
  margin: 10px;
  margin-left: 5px;
 
}



.block_intervencion1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 5px;
}

.block_intervencion2{

  background-color: #cbcbcb;

}




.header2-intervencion{
  width: 100%;
  top: 0px;
  height: auto; 

  background-color: #550223;
  border-radius: 5px 5px 0px 0px;
}



.conteiner_inside_pagding_intervencion{
  
  max-width: 100%;
  height: 88vh;
}

.conteiner_inside_pagding2{
  
  max-width: 100%;
  height: 66vh;
}


.inside_inside_inside_intervencion{
  width: 100%; 
  background-color: #fff; 
  height: 100%;
  overflow-y: auto;
  border-radius: 5px;
}


.header_boton1{
  position: relative;
  width: 450px;
  height: 30px;
  background-color: #FF0066 ;
  float: right;
  margin: 10px;
  border-radius: 5px;
  color: #fff;
}

.header_boton1:hover{
  background-color: #75002F ;
}

.header_boton1_inside{
  width: auto; 
  height: 20px; 
  position: absolute; 
  top: 50%; left: 50%; 
  margin:-10px -10px 0 -10px; 
  border-radius: 5px;
}

.header_boton1_icon{
  color: #ffffff;
}

.download_botton_1{
  background-color:#962753; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.download_botton_1:hover{
  background-color:#2F0414; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.download_botton_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}

.download_botton_3{
  color: #fff; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}

.filtros_botton_1{
  background-color:#962753; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.filtros_botton_1:hover{
  background-color:#2F0414; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.filtros_botton_2{
  color: #fff; float: left; padding: 3px; margin-left: 10px;
}

.filtros_botton_3{
  color:#fff;  margin-right: 10px; margin-top: 3px;
}


.end_text_dropdownFilter{
  padding-left: 10px;
}

.crear_Intervencion_botton_1{
  background-color:#FF0066; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_Intervencion_botton_1:hover{
  background-color:#2F0414; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_Intervencion_botton_2{
  color: #fff; float: left; padding: 3px; margin-left: 10px;
}

.crear_Intervencion_botton_3{
  color:#fff;  margin-right: 10px; margin-top: 3px;
}


.estatusText_1{
  background-color:#FF0066; padding: 5px 25px 5px 25px; color: #fff; border-radius: 5px;
}

.more_botton_table1{
  background-color:#ffffff; width: 30px; height: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.more_botton_table1:hover{
  background-color:#ededed; width: 30px; height: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.more_botton_table2{
  width: 20px; height: 20px; position: absolute;  position:relative; margin: 5px;
}

.more_botton_table3{
  color: #962753; max-width: 100%; max-height: 100%; margin-top: 4px;
}

.estatusText_2{
  background-color:#550223; padding: 5px 15px 5px 15px; color: #fff; border-radius: 5px;
}


.ejecutar_botton_table1{
  background-color:#ffffff; width: 30px; height: 30px;  border-radius: 5px;  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.ejecutar_botton_table1:hover{
  background-color:#ededed; width: 30px; height: 30px;  border-radius: 5px;  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.ejecutar_botton_table2{
  width: 20px; height: 20px; position: absolute;  position:relative; margin: 5px;
}


.ejecutar_botton_table3{
  color: #FF0066; max-width: 100%; max-height: 100%; margin-top: 4px;
}









@media (min-width: 300px) and (max-width: 780px) {

  .filtros_botton_2{
  padding: 6px;
  }

  .crear_Intervencion_botton_2{
    padding: 6px;
  }



  .title_1_intervencion{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color:  #962753;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

 

}

/*INTERVENCIÓN_01___________________________________________________________________________________________________________________________END*/




/*REPORTES_01___________________________________________________________________________________________________________________________start*/



.container-reportes{
  background-color: #dbdbdb;
  width: 100%;
  height: auto;
}

.head_reportes{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}


.title_1_reportes{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color:  #376B95;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}

.reportes_icon{

  color:  #376B95;
  margin: 10px;
  margin-left: 5px;
 
}



.block_reportes1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 5px;
}

.inside_inside_inside_reportes{
  width: 100%; 
  background-color: #fff; 
  height: 92%;
  overflow-y: auto;
  border-radius: 5px;
}




.header2-reportes{
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #5C95FF;
  border-radius: 0px 0px 0px 0px;
}

.header3-reportes{
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #376B95;
  border-radius: 0px 0px 0px 0px;
}


.reportes_seccion_1{
  background-color:#ededed; 
  height: 92vh;
}

.reportes_seccion_2{
  background-color:#ffffff; 
  height: 92vh;
}

.title_reportes_sec1{
  color: #fff; padding: 7px; font-weight: 700;
}

.flitro_check_1{
  padding-top: 0% !important; 
  align-items: flex-start !important;
  padding-bottom: 10px !important;
}

.flitro_check_text_1{
  color: #000000; font-weight: 700; text-transform: uppercase; padding-top: 40px; padding-bottom: 5px;
}


.flitro_check_text_2{
  margin-top: 0px; margin-left: 20px; margin-top: 7px; text-transform: uppercase;
}



@media (min-width: 300px) and (max-width: 574px) {

  .reportes_seccion_1{
    background-color:#ededed; 
    height: auto;
  }

  .reportes_seccion_2{
    height: auto;
  }

  .flitro_check_1{
    padding-top: 0% !important; 
    align-items: flex-start !important;
    padding-bottom: 10px !important;
  }

  .flitro_check_text_1{
    color: #000000; font-weight: 700; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px;
  }
  
}










@media (min-width: 300px) and (max-width: 780px) {

  .filtros_botton_2{
  padding: 6px;
  }

  .crear_reportes_botton_2{
    padding: 6px;
  }



  .title_1_reportes{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color:  #962753;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

 

}

/*REPORTES_01___________________________________________________________________________________________________________________________END*/





/*CATÁLOGOS_01___________________________________________________________________________________________________________________________start*/



.container-catalogos{
  background-color: #dbdbdb;
  width: 100%;
  height: auto;
}

.head_catalogos{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}


.title_1_catalogos{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color:  #39604B;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}

.catalogos_icon{

  color:  #39604B;
  margin: 10px;
  margin-left: 5px;
 
}




.block_catalogos1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 5px !important;

}





.Boton_menu2_catalogos{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #182F23;
  border-bottom: solid 0.5px #ffffff;
}


.active_boton{
  background-color: #39895E !important;
}

.active_boton:hover{
  background-color: #234332 !important;
}

.Boton_menu2_catalogos:hover{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #234332;
  border-radius: 0px 0px 0px 0px;
}

.Boton_menu2_catalogos_icon{
  text-align: center; color: #fff;   max-width: 20px; display: block; margin: auto;
}

.Boton_menu2_catalogos_icon2{
  float: left; color: #fff;  margin:7px 10px 7px 5px; max-width: 20px;
}

.Boton_menu2_catalogos_text{
  color: #fff; padding-top: 8px; padding-bottom: 8px;
}

.body_table_catalogos1{
  height: 92vh; 
  
}

.header2-catalogos{
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #39604B;
  border-radius: 0px 5px 0px 0px;
}







/* menu_catalogos_Function_collapse */
.menu_collapse_none{
  display:block;
  height: 92vh; 
  background-color:#ededed;
  border-radius: 5px 0px 0px 5px;
}

.menu_collapse{
 
  display: none !important;
}




.filtros_botton_catalogos1{
  background-color:#39895E; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.filtros_botton_catalogos1:hover{
  background-color:#234332; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_catalogo_botton_1{
  background-color:#39895E; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}
.crear_catalogo_botton_1:hover{
  background-color:#234332; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_catalogo_botton_2{
  background-color:#39895E; width: 180px; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}
.crear_catalogo_botton_2:hover{
  background-color:#234332; width: 180px; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}








.more_botton_table1_catalogos{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.more_botton_table1_catalogos:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.more_botton_table2_catalogos{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.more_botton_table3_catalogos{
  color: #39604B; max-width: 100%;  margin-top: 3px !important;
}

.atras_botton_modal_catalogos{
  background-color:#39895E; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;  float: right;
}

.atras_botton_modal_catalogos:hover{
  background-color:#234332; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}


.buscar_botton_modal_catalogos_03{
  color: #39895E; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}



@media (min-width: 300px) and (max-width: 575px) {

  .Boton_menu2_catalogos{

    border-radius: 5px 5px 0px 0px !important;
  }

  /* menu_catalogos_Function_collapse */
.menu_collapse_none{
  display: none !important;
  
}

  .menu_collapse{
  height: auto; 
  background-color:#ededed;
  display: block !important;
  border-radius: 5px;
  }

  .catalogos_seccion_1{
    background-color:#ededed; 
    height: auto;
  }

  .catalogos_seccion_2{
    height: auto;
  }

  .flitro_check_1{
    padding-top: 0% !important; 
    align-items: flex-start !important;
    padding-bottom: 10px !important;
  }

  .flitro_check_text_1{
    color: #000000; font-weight: 700; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px;
  }
  
}










@media (min-width: 300px) and (max-width: 780px) {

  .filtros_botton_2{
  padding: 6px;
  }

  .crear_catalogos_botton_2{
    padding: 6px;
  }



  .title_1_catalogos{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color:  #39604B;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

 

}

/*CATÁLOGOS_01___________________________________________________________________________________________________________________________END*/


/*INVENTARIO_01___________________________________________________________________________________________________________________________start*/

.container-inventario{
  background-color: #dbdbdb;
  width: 100%;
  height: auto;
}

.head_inventario{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}


.title_1_inventario{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color:  #4B456E;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}

.inventario_icon{

  color:  #4B456E;
  margin: 10px;
  margin-left: 5px;
 
}




.block_inventario1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 5px !important;

}





.Boton_menu2_inventario{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #1B1344;
  border-bottom: solid 0.5px #ffffff;
}


.active_boton_inventario{
  background-color: #8570EB !important;
}

.active_boton_inventario:hover{
  background-color: #2E2654 !important;
}

.Boton_menu2_inventario:hover{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #2E2654;
  border-radius: 0px 0px 0px 0px;
}

.Boton_menu2_inventario_icon{
  text-align: center; color: #fff;   max-width: 20px; display: block; margin: auto;
}

.Boton_menu2_inventario_icon2{
  float: left; color: #fff;  margin:7px 10px 7px 5px; max-width: 20px;
}

.Boton_menu2_inventario_text{
  color: #fff; padding-top: 8px; padding-bottom: 8px;
}

.body_table_inventario1{
  height: 92vh; 
  
}

.header2-inventario{
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #4B456E;
  border-radius: 0px 5px 0px 0px;
}







/* menu_inventario_Function_collapse */
.menu_collapse_none{
  display:block;
  height: 92vh; 
  background-color:#ededed;
  border-radius: 5px 0px 0px 5px;
}

.menu_collapse{
 
  display: none !important;
}




.filtros_botton_inventario1{
  background-color:#8570EB; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.filtros_botton_inventario1:hover{
  background-color:#2E2654; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}



.more_botton_table1_inventario{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.more_botton_table1_inventario:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.more_botton_table2_inventario{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.more_botton_table3_inventario{
  color: #4B456E; max-width: 100%;  margin-top: 3px !important;
}

.more_botton_table3_inventario2{
  color: #5C95FF; max-width: 100%;  margin-top: 3px !important;
}



.download_botton_inventario_1{
  background-color:#8570EB; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.download_botton_inventario_1:hover{
  background-color:#2E2654; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.download_botton_inventario_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}

.download_botton_inventario_3{
  color: #fff; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}


.estado_inventario_disponible{
  color: #8570EB ;
}

.estado_inventario_consumido{
  color: #2E2654 ;
}

.estado_inventario_ocupado{
  color: #777777 ;
}


.estado_inventario_abierto{
  color: #EDA350 ;
}

.estado_inventario_autorizado{
  color: #af6c1e ;
}

.estado_inventario_solicitado{
  color: #5C95FF ;
}

.estado_inventario_recepcion{
  color: #1e4a9b ;
}

.estado_inventario_cerrado{
  color: #8570EB ;
}






@media (min-width: 300px) and (max-width: 575px) {

  .Boton_menu2_inventario{
    
    border-radius: 5px 5px 0px 0px !important;
  }

  /* menu_inventario_Function_collapse */
.menu_collapse_none{
  display: none !important;
  
}

  .menu_collapse{
  height: auto; 
  background-color:#ededed;
  display: block !important;
  border-radius: 5px;
  }

  .inventario_seccion_1{
    background-color:#ededed; 
    height: auto;
  }

  .inventario_seccion_2{
    height: auto;
  }

  .flitro_check_1{
    padding-top: 0% !important; 
    align-items: flex-start !important;
    padding-bottom: 10px !important;
  }

  .flitro_check_text_1{
    color: #000000; font-weight: 700; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px;
  }
  
}










@media (min-width: 300px) and (max-width: 780px) {

  .filtros_botton_2{
  padding: 6px;
  }

  .crear_inventario_botton_2{
    padding: 6px;
  }



  .title_1_inventario{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color:  #4B456E;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

 

}

/*INVENTARIO_01___________________________________________________________________________________________________________________________END*/



/*SEGURIDAD_01___________________________________________________________________________________________________________________________start*/



.container-seguridad{
  background-color: #dbdbdb;
  width: 100%;
  height: auto;
}

.head_seguridad{
  z-index: 1;
  top: 0;
  max-width: 100%;
  height: auto; 
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);

}


.title_1_seguridad{
 
  font-weight: 700;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color:  #495365;
  position: absolute;
  margin: 5px;
  padding-top: 6px;
  padding-left: 30px;
  

}

.seguridad_icon{

  color:  #495365;
  margin: 10px;
  margin-left: 5px;
 
}




.block_seguridad1{
  padding: 0% !important;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  max-width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 5px !important;

}





.Boton_menu2_seguridad{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #282E39;
  border-bottom: solid 0.5px #ffffff;
}


.active_boton_seguridad{
  background-color: #8095BC !important;
}

.active_boton_seguridad:hover{
  background-color: #282E39 !important;
}

.Boton_menu2_seguridad:hover{
  display: flex; 
  align-items: center;
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #282E39;
  border-radius: 0px 0px 0px 0px;
}

.Boton_menu2_seguridad_icon{
  text-align: center; color: #fff;   max-width: 20px; display: block; margin: auto;
}

.Boton_menu2_seguridad_icon2{
  float: left; color: #fff;  margin:7px 10px 7px 5px; max-width: 20px;
}

.Boton_menu2_seguridad_text{
  color: #fff; padding-top: 8px; padding-bottom: 8px;
}

.body_table_seguridad1{
  height: 92vh; 
  
}

.header2-seguridad{
  width: 100%;
  top: 0px;
  height: auto; 
  background-color: #495365;
  border-radius: 0px 5px 0px 0px;
}







/* menu_seguridad_Function_collapse */
.menu_collapse_none{
  display:block;
  height: 92vh; 
  background-color:#ededed;
  border-radius: 5px 0px 0px 5px;
}

.menu_collapse{
 
  display: none !important;
}




.filtros_botton_seguridad1{
  background-color:#8095BC; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.filtros_botton_seguridad1:hover{
  background-color:#282E39; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_seguridad_botton_1{
  background-color:#8095BC; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}
.crear_seguridad_botton_1:hover{
  background-color:#282E39; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.head_table{
  padding: 0% !important; width: 100%; top: 0px; background-color: #5C95FF; color: #FFF; border-radius: 0px 0px 0px 0px !important;
}

.head_table1{
  padding: 0% !important; width: 100%; top: 0px; background-color: #969696; color: #FFF; border-radius: 0px 0px 0px 0px !important;
}

.head_table_2{
  
  
}



.bodytable_1{
  width: 100%;  background-color: #fff; overflow-y: auto; height: 87vh;
}

.bodytable_2{
  width: 100%;  background-color: #fff; overflow-y: auto; height: auto; border-radius: 10px !important;
}

.bodytable_3{
  width: 100%;  background-color: #ececec; overflow-y: auto; height: auto; border-radius: 10px !important;
}

.bodytable_2{
  width: 100%;  background-color: #fff; overflow-y: auto; height: auto; border-radius: 10px !important; margin-top: 20px;
}






.more_botton_table1_seguridad{
  background-color:#ffffff; height: 30px; width: 30px;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer ;
}

.more_botton_table1_seguridad:hover{
  background-color:#ededed;  border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
} 

.more_botton_table2_seguridad{
  width: 20px; height: 20px;  display: block; margin: auto; 
}

.more_botton_table3_seguridad{
  color: #495365; max-width: 100%;  margin-top: 3px !important;
}


.input_title_seguridad{
  margin: 0px 5px 5px 10px ;
  color: #fff;
}
.input_seguridad_1{
  margin: 5px 5px 5px 10px !important;
}

.input_seguridad_2{
  width: 300px !important;
}


.edit_botton_inventario_1{
  background-color:#ffffff; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.edit_botton_inventario_1:hover{
  background-color:#ededed; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.edit_botton_inventario_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}

.edit_botton_inventario_3{
  color: #ffffff; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}

.edit_botton_inventario_4{
  color: #5C95FF; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}

.delete_botton_inventario_1{
  background-color:#ffffff; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.delete_botton_inventario_1:hover{
  background-color:#ededed; width: 30px; height: 30px; margin: 5px 5px 5px 10px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.delete_botton_inventario_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}

.delete_botton_inventario_3{
  color: #711313; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}

.table_menu_seguridad{
  background-color: #495365;
}

.table_menu_seguridad_icon{
  color: #fff; padding: 5px 5px 5px 0px; float: left;
}

.table_menu_seguridad_text{
  color: #fff; text-align: center; float: left;
}

.table_seguridad_icon{
  color: #070C18; padding: 5px 5px 5px 0px; float: left;
}

.table_seguridad_text{
  color: #070C18; text-align: center; float: left; text-transform: uppercase;
}








@media (min-width: 300px) and (max-width: 575px) {

  .Boton_menu2_seguridad{

    border-radius: 5px 5px 0px 0px !important;
  }

  /* menu_seguridad_Function_collapse */
.menu_collapse_none{
  display: none !important;
  
}

  .menu_collapse{
  height: auto; 
  background-color:#ededed;
  display: block !important;
  border-radius: 5px;
  }

  .seguridad_seccion_1{
    background-color:#ededed; 
    height: auto;
  }

  .seguridad_seccion_2{
    height: auto;
  }

  .flitro_check_1{
    padding-top: 0% !important; 
    align-items: flex-start !important;
    padding-bottom: 10px !important;
  }

  .flitro_check_text_1{
    color: #000000; font-weight: 700; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px;
  }
  
}










@media (min-width: 300px) and (max-width: 780px) {

  .filtros_botton_2{
  padding: 6px;
  }

  .crear_seguridad_botton_2{
    padding: 6px;
  }



  .title_1_seguridad{
 
    font-weight: 700;
    font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
    color:  #495365;
    position: absolute;
    padding-top: 12px;
    padding-left: 30px;
    
  
  }

 

}

/*SEGURIDAD_01___________________________________________________________________________________________________________________________END*/








  

/* TOGLE---- */
.switch {
    margin-left:90px;
    float: left;
    margin-top: 0px;
    position: fixed;
    display: inline-block;
    width: 39px;
    height: 16px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 1px;
    bottom: 1px;
    top: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }





/* Modal_Intervención1_____________________________________________________________________________________________________________start*/
    /* generales*/
    .modal-dialog{
      max-width: 97% !important;

    }

    .modal-dialog2{
      max-width: 97% !important;

    }

    .modal_delete{
      max-width: 50% !important;

    }

    

    .modal-header{
      padding: 7px !important;
    }

    label {
      margin-bottom: 0rem !important;
    }

    .modal-header{
      /* justify-content:left !important; */
    }

    .modal_title_1{
      color: #fff; margin-left: 45px; margin-right: 5px;
    }
    /* generales*/

    
.title_1{
  width: auto; 
  height: auto; 
  white-space: pre;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: var(--OPERACION-1);
  letter-spacing: 0px;
  line-height: 1.2;
  position: absolute;
  padding-top: 11px;
  padding-left: 70px;
  white-space: nowrap;
}

.title_2{
  width: auto; 
  height: auto; 
  white-space: pre;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #000000;
  letter-spacing: 0px;
  line-height: 1.2;
  position: absolute;

}

.line_head{
  color: #000000;
  margin: 5px;
  font-weight: 700;
}



.subtitle_1{
  float: right;
  width: auto; 
  height: auto; 
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: var(--white, #ffffff);
  letter-spacing: 0px;
  line-height: 1.2;
  padding: 7px; 
}

.subtitle_2{
  float: left;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: var(--white, #ffffff);
  letter-spacing: 0px;
  line-height: 1.2;
  padding: 7px; 
  overflow-y: auto;
  
}

.subtitle_3{
  float: left;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: var(--white, #ffffff);
}

.input_text {
  padding-top: 21px;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #070c18;
  font-size: 12px !important;
  padding-left: 10px;
  letter-spacing: 0px;
  line-height: 12px;
  text-align: left;
  
}

.input_text_togle {
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #070c18;
  font-size: 12px !important;
  padding-left: 10px;
  text-align: left;
}

.delete_text{

  padding-top: 21px;
  font-weight: 700;
  font-style: normal;
  font-family: "Inter-Bold", "Inter", "Inter Placeholder", sans-serif;
  color: #070c18;
  font-size: 12px !important;
 
  letter-spacing: 0px;
  line-height: 12px;
  text-align: center;
}


    .modal_header_intervencion{
      background-color: #FF0066;
    }

.cancelar_Boton_Modal_Intervencion_1{
  background-color:#711313; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.cancelar_Boton_Modal_Intervencion_1:hover{
  background-color:#2c0606; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.guardar_Boton_Modal_Intervencion_1{
  background-color:#EDA350; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.guardar_Boton_Modal_Intervencion_1:hover{
  background-color:#AE6B1E; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.continuar_Boton_Modal_Intervencion_1{
  background-color:#5C95FF; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.continuar_Boton_Modal_Intervencion_1:hover{
  background-color:#2E58A6; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.ejecutar_Boton_Modal_Intervencion_1{
  background-color:#FF0066; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.ejecutar_Boton_Modal_Intervencion_1:hover{
  background-color:#2F0414; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.Boton_Modal_Intervencion_text{
  color: #fff; float: left; padding: 3px; margin-left: 10px; margin-right: 10px; 
}

.Boton_Modal_Intervencion_text2{
  color: #fff; float: left; padding: 3px; margin-left: 10px;
}

.cerrarPedido_Boton_Modal_Intervencion_1{
  background-color:#8570EB; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.cerrarPedido_Boton_Modal_Intervencion_1:hover{
  background-color:#2E2654; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

@media (min-width: 300px) and (max-width: 780px) {

  .Boton_Modal_Intervencion_text{
    padding: 6px;
  }


}

/* Modal_Intervención1_____________________________________________________________________________________________________________end*/

/* Modal_Intervención3_____________________________________________________________________________________________________________start*/

.icon_head_modal_intervencion_3{
  color:#fff;  
  max-width: 20px;
  max-height: 20px;
}
.buscar_botton_modal_intervencion_3{
  background-color:#962753; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.buscar_botton_modal_intervencion_3:hover{
  background-color:#550223; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.edit_botton_inventario_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}



.agregar_boton_modal_intervencion_3{
  background-color:#5C95FF; width: auto; height: 30px; margin-left: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}
.agregar_boton_modal_intervencion_3:hover{
  background-color:#2E58A6; width: auto; height: 30px; margin-left: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.select_insumo_botton_1{
  background-color:#5C95FF; width: 150px; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.select_insumo_botton_1:hover{
  background-color:#2E58A6; width: 150px; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.agregar_boton_modal_intervencion_3_text{
  color: #fff; float: left; padding: 3px; margin-left: 10px; margin-right: 10px;
}


.atras_botton_modal_intervencion_3{
  background-color:#962753; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;  float: right;
}

.atras_botton_modal_intervencion_3:hover{
  background-color:#550223; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}




.check_icon_table1{
  background-color:#ffffff00; height: 30px; width: 30px;  border-radius: 5px; cursor: pointer ;
}



.check_icon_table2{
  width: 20px; height: 20px;  display: block; margin: auto; 
}



.check_icon_table3{
  color: #5C95FF; max-width: 100%; margin-top: 3px !important;
}

.containermodal_interbvencion3{
  align-items: flex-start !important;
}


.modal_header_intervencion_alert{
  background-color: #6b6b6b;
}

.margintop{
  margin-top: 20px;
}

.marginbottom{
  margin-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 780px) {

  .modal_delete{
    max-width: 97% !important;

  }

  .agregar_boton_modal_intervencion_3_text{
    padding: 6px;
  }


}


/* Modal_Intervención3_____________________________________________________________________________________________________________end*/

/* modal_index_ 01_____________________________________________________________________________________________________________start*/


.modal_header_index{
  background-color: #5C95FF;
}


/* modal_index_01_____________________________________________________________________________________________________________end*/

/* modal_catalogo_01_amacen_ 01_____________________________________________________________________________________________________________start*/


.modal_header_catalogo{
  background-color: #39604B;
}


/* modal_catalogo_01_amacen_01_____________________________________________________________________________________________________________end*/


/* modal_inventario_01______________________________________________________________________________________________________________start*/


.modal_header_inventario{
  background-color: #4B456E;
}

.modal_header_perfil{
  background-color: #d8d8d8;
}



.buscar_botton_modal_inventario_1{
  background-color:#ffffff; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.buscar_botton_modal_inventario_1:hover{
  background-color:#c0c0c0; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; 
}

.buscar_botton_modal_inventario_2{
  width: 20px; height: 20px; position: absolute; margin: 5px;
}

.buscar_botton_modal_inventario_3{
  color: #8570EB; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}



.cerrar_botton_modal_inventario_3{
  background-color:#8570eb00; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;  float: right;
}

.cerrar_botton_modal_inventario_3:hover{
  background-color:#4b456e00; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}


.crear_Pedido_botton_1{
  background-color:#8570EB; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_Pedido_botton_1:hover{
  background-color:#2E2654; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.crear_Pedido_botton_2{
  color: #fff; float: left; padding: 3px; margin-left: 10px;
}

.crear_Pedido_botton_3{
  color:#fff;  margin-right: 10px; margin-top: 3px;
}

.atras_botton_modal_inventario_3{
  background-color:#8570EB; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;  float: right;
}

.atras_botton_modal_inventario_3:hover{
  background-color:#2E2654; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}


.autorizar_Boton_Modal_1{
  background-color:#af6c1e; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.autorizar_Boton_Modal_1:hover{
  background-color:#794408; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.solicitar_Boton_Modal_1{
  background-color:#5C95FF; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.solicitar_Boton_Modal_1:hover{
  background-color:#2f60b9; width: auto; height: 30px; margin: 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;
}

.header3_inventario {
  width: 100%;
  
  overflow-y: auto;
  top: 0px;
  background-color: #4B456E;
  border-radius: 5px 5px 0px 0px;
}





/* modal_inventario_01_____________________________________________________________________________________________________________end*/




/* modal_SEGURIDAD_ 01_____________________________________________________________________________________________________________start*/


.modal_header_seguridad{
  background-color: #495365;
}


.atras_botton_modal_seguridad{
  background-color:#8095BC; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer;  float: right;
}

.atras_botton_modal_seguridad:hover{
  background-color:#141A24; width: 30px; height: 30px; margin: 0px 0px 0px 5px; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.300); cursor: pointer; float: right;
}

.buscar_botton_modal_seguridad_03{
  color: #495365; max-width: 100%; max-height: 100%; padding-bottom: 4px;
}


/* modal_SEGURIDAD_01_____________________________________________________________________________________________________________end*/