/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------                        MODAL          ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.modal_cotizar {
    
    background:                 white;
    border-radius:              10px;
    display:                    none;
    left:                       50%;
    max-height:                 80vh;
    max-width:                  800px;
    overflow:                   auto;
    position:                   fixed;
    top:                        50%;
    transform:                  translate(-50% , -50%);
    -webkit-transform:          translate(-50% , -50%);
    -moz-transform:             translate(-50% , -50%);
    -ms-transform:              translate(-50% , -50%);
    -o-transform:               translate(-50% , -50%);
    width:                      95%;
    z-index:                    9999999;
    
}
.modal_cotizar .cerrar_modal {
    
    color:                      black;
    cursor:                     pointer;
    font-size:                  1.5em;
    position:                   absolute;
    right:                      .5em;
    top:                        .5em;
    
}
.modal_cotizar .titulo {
    
    box-sizing:                 border-box;
    color:                      black;
    font-size:                  1.5em;
    padding:                    .5em 0;
    text-align:                 center;
    width:                      100%;
    
}
.modal_cotizar .contenido {
    
    box-sizing:                 border-box;
    margin:                     auto;
    width:                      95%;
    
}
.modal_cotizar .contenido .renglon {
    
    margin:                     auto;
    width:                      100%;
    text-align:                 left;
    
}
.modal_cotizar .contenido .renglon label {
    
    box-sizing:                 border-box;
    display:                    block;
    font-size:                  1em;
    padding:                    .5em 0 0;
    
}
.modal_cotizar .contenido .renglon input {
    
    border:                     1px solid #f0f0f0;
    box-sizing:                 border-box;
    display:                    block;
    font-size:                  1em;
    padding:                    .5em .25em;
    width:                      100%;
    
}
.modal_cotizar .contenido .renglon select {
    
    appearance:                 none;
    -moz-appearance:            none;
    -webkit-appearance:         none;
    border:                     1px solid #f0f0f0;
    box-sizing:                 border-box;
    cursor:                     pointer;
    display:                    block;
    font-size:                  1em;
    padding:                    .5em .25em;
    width:                      100%;
    
}
.modal_cotizar .contenido .renglon textarea {
    
    border:                     1px solid #f0f0f0;
    box-sizing:                 border-box;
    cursor:                     text;
    display:                    block;
    font-family:                arial;
    font-size:                  1em;
    height:                     150px;
    padding:                    .5em .25em;
    resize:                     none;
    width:                      100%;
    
}
.modal_cotizar .contenido .renglon button {
    
    background:                 #61b641;
    color:                      white;
    font-size:                  1em;
    margin:                     1em auto;
    width:                      100%;
    
}
.modal_cotizar .contenido .renglon input[type="file"] {
    
    height:                     0.1px;
    opacity:                    0;
    overflow:                   hidden;
    position:                   absolute;
    text-align:                 center;
    width:                      0.1px;
    z-index:                    -1;
    
}
.modal_cotizar .contenido .renglon label[for="archivos"] {
    
    background-color:           #61b641;
    box-sizing:                 border-box;
    color:                      #fff;
    cursor:                     pointer;
    display:                    inline-block;
    font-size:                  .8em;
    padding:                    .5em 5px !important;
    text-align:                 center;
    text-transform:             uppercase;
    transition:                 all .5s;
    width:                      100%;
    /* width:                   fit-content; */
    
}
.modal_cotizar .contenido .renglon label[for="galeria"] {
    
    background-color:           #61b641;
    box-sizing:                 border-box;
    color:                      #fff;
    cursor:                     pointer;
    display:                    inline-block;
    font-size:                  .8em;
    padding:                    .5em 5px !important;
    text-align:                 center;
    text-transform:             uppercase;
    transition:                 all .5s;
    width:                      100%;
    /* width:                   fit-content; */
    
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------                BOTON ON_OFF                ------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.modal_cotizar .contenido .renglon .on_off {
    
    margin-left:                auto;
    width:                      80px;
    
}
.modal_cotizar .contenido .renglon .on_off .switch {
    
  display:                      inline-block;
  float:                        right;
  height:                       34px;
  margin-left:                  0 !important;
  position:                     relative;
  width:                        60px !important;
  
}
.modal_cotizar .contenido .renglon .on_off .switch input {
    
  height:                       0;
  opacity:                      0;
  width:                        0;
  
}
.modal_cotizar .contenido .renglon .on_off .switch .slider {
    
  background-color:             #c0c0c0;
  bottom:                       0;
  cursor:                       pointer;
  left:                         0;
  position:                     absolute;
  right:                        0;
  top:                          0;
  transition:                   .4s;
  -moz-transition:              .4s;
  -o-transition:                .4s;
  -webkit-transition:           .4s;
  
}
.modal_cotizar .contenido .renglon .on_off .switch .slider:before {
    
  background-color:             white;
  bottom:                       4px;
  content:                      "";
  height:                       26px;
  left:                         4px;
  position:                     absolute;
  transition:                   .4s;
  -moz-transition:              .4s;
  -ms-transition:               .4s;
  -o-transition:                .4s;
  -webkit-transition:           .4s;
  width:                        26px;
  
}
.modal_cotizar .contenido .renglon .on_off .switch input:checked + .slider {
    
  background-color:             green;
  
}
.modal_cotizar .contenido .renglon .on_off .switch input:focus + .slider {
    
  box-shadow:                   0 0 1px #2196F3;
  
}
.modal_cotizar .contenido .renglon .on_off .switch input:checked + .slider:before {
    
  transform:                    translateX(26px);
  -moz-transform:               translateX(26px);
  -ms-transform:                translateX(26px);
  -o-transform:                 translateX(26px);
  -webkit-transform:            translateX(26px);
  
}
.modal_cotizar .contenido .renglon .on_off .switch .slider.round {
    
  border-radius: 34px;
  
}
.modal_cotizar .contenido .renglon .on_off .switch .slider.round:before {
    
  border-radius: 50%;
  
}