@charset "utf-8";
/* CSS Document */


@media (max-width : 575.98px) {

  .modalContentNovoEndereco .modal-header,
  .modalContentNovoEndereco .modal-body{
    padding: 40px 40px!important;
  }

  /* config do header */
  .modalContentNovoEndereco .modal-header{
    padding: 0px!important;
  }

  .modalContentNovoEndereco .modal-header .close{
    top: 2px!important;
    right: 5.1%!important;
    font-size: 2.2em!important;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader{
    height: 50px!important;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader span{
    height: 31px!important;
    line-height: 30px!important;
    font-size: 0.8em;
  }


  .modalContentNovoEndereco .modal-header div.div_infoHeader i{
    font-size: 0.8em;
  }


  /* config body */
  .modalContentNovoEndereco .modal-body{
    justify-content: center!important;
    align-items: flex-start!important;
    margin: -20px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer{
  
    /* === FLEX ===*/
    padding: 65px 18px 0px 18px!important;
    /*background-color: #f0f;*/
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form{
    margin: 0px!important;
    padding: 40px 10px 40px 10px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form label{
    width: 100%;
    height: 45px!important;
    line-height: 45px!important;
    font-size: 0.9em;
    padding: 0px 0px 0px 15px!important;
    margin: 0px 0px 12px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 225px!important;
    height: 100%!important;
    font-size: 0.9em;
    padding: 10px 0px 10px 20px!important;
    margin: 0px!important;
    float: right!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input.btnSalvar{
    width: 250px!important;
    height: 45px!important;
    line-height: 45px!important;
    margin: 0 auto!important;
    padding: 0px!important;
    margin: 20px 0px 0px 0px!important;
    font-size: 1em;
  }


}

@media (min-width : 576px) and (max-width : 767.98px) {
    
  .modalContentNovoEndereco .modal-header,
  .modalContentNovoEndereco .modal-body{
    padding: 40px 40px!important;
  }

  /* config do header */
  .modalContentNovoEndereco .modal-header{
    padding: 0px!important;
  }


  .modalContentNovoEndereco .modal-header .close{
    right: 5.5%!important;
    font-size: 2.2em!important;
  }


  .modalContentNovoEndereco .modal-header div.div_infoHeader{
    height: 50px!important;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader span{
    height: 31px!important;
    line-height: 30px!important;
    font-size: 1em;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader i{
    font-size: 0.9em;
  }


  /* config body */
  .modalContentNovoEndereco .modal-body{
    justify-content: center!important;
    align-items: flex-start!important;
    margin: -20px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer{
  
    /* === FLEX ===*/
    padding: 60px 20px 0px 20px!important;;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form{
    margin: 0px!important;
    padding: 40px 20px 40px 20px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form label{
    width: 100%;
    height: 45px!important;
    line-height: 45px!important;
    font-size: 0.9em;
    padding: 0px 0px 0px 15px!important;
    margin: 0px 0px 12px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 260px!important;
    height: 100%!important;
    font-size: 1em;
    padding: 5px 0px 10px 15px!important;
    margin: 0px!important;
    float: right!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input.btnSalvar{
    width: 250px!important;
    height: 45px!important;
    line-height: 45px!important;
    margin: 0 auto!important;
    padding: 0px!important;
    margin: 20px 0px 0px 0px!important;
    font-size: 1em;
  }

}

@media (min-width : 768px) and (max-width : 991.98px) {

  .modalContentNovoEndereco .modal-header,
  .modalContentNovoEndereco .modal-body,
  .modalContentNovoEndereco .modal-footer{
    padding: 40px 40px!important;
  }

  /* config do header */
  .modalContentNovoEndereco .modal-header{
    padding: 0px!important;
  }

  .modalContentNovoEndereco .modal-header .close{
    right: 16.5%!important;
    font-size: 2.2em!important;
  }


  .modalContentNovoEndereco .modal-header div.div_infoHeader{
    height: 50px!important;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader span{
    height: 31px!important;
    line-height: 30px!important;
    font-size: 1em;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader i{
    font-size: 0.9em;
  }

  /* config body */
  .modalContentNovoEndereco .modal-body{
    justify-content: center!important;
    align-items: flex-start!important;
    margin: -20px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer{
  
    /* === FLEX ===*/
    padding: 65px 20px 0px 20px!important;
    /*background-color: #00f;*/
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form{
    margin: 0px!important;
    padding: 40px 30px 40px 30px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form label{
    width: 100%;
    height: 45px!important;
    line-height: 45px!important;
    font-size: 0.8em;
    padding: 0px 0px 0px 15px!important;
    margin: 0px 0px 13px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 285px!important;
    height: 100%!important;
    font-size: 1em;
    padding: 5px 0px 0px 15px!important;
    margin: 0px!important;
    float: right!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input.btnSalvar{
    width: 270px!important;
    height: 45px!important;
    line-height: 45px!important;
    margin: 0 auto!important;
    padding: 0px!important;
    margin: 20px 0px 0px 0px!important;
    font-size: 0.9em;
  }

}

@media (min-width : 992px) and (max-width : 1199.98px) {
    
  .modalContentNovoEndereco .modal-header,
  .modalContentNovoEndereco .modal-body,
  .modalContentNovoEndereco .modal-footer{
    padding: 40px 40px!important;
  }

  /* config do header */
  .modalContentNovoEndereco .modal-header{
    padding: 0px!important;
  }


  .modalContentNovoEndereco .modal-header .close{
    right: 16.5%!important;
    font-size: 2.2em!important;
  }


  .modalContentNovoEndereco .modal-header div.div_infoHeader{
    height: 50px!important;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader span{
    height: 31px!important;
    line-height: 30px!important;
    font-size: 1.2em;
  }

  .modalContentNovoEndereco .modal-header div.div_infoHeader i{
    font-size: 1em;
  }

  /* config body */
  .modalContentNovoEndereco .modal-body{
    justify-content: center!important;
    align-items: flex-start!important;
    margin: -20px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer{
  
    /* === FLEX ===*/
    padding: 70px 25px 0px 25px!important;
    /*background-color: #00f;*/
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form{
    margin: 0px!important;
    padding: 40px 35px 40px 35px!important;
  }


  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form label{
    width: 100%;
    height: 45px!important;
    line-height: 47px!important;
    font-size: 0.9em;
    padding: 0px 0px 0px 15px!important;
    margin: 0px 0px 14px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 350px!important;
    padding: 2px 0px 0px 15px!important;
    margin: 0px!important;
    float: right!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input.btnSalvar{
    height: 50px!important;
    line-height: 45px!important;
    padding: 0px!important;
    margin: 20px 0px 0px 0px!important;
    font-size: 1em;
  }

}

@media (min-width : 1200px) and (max-width : 1550.98px) {

  .modalContentNovoEndereco .modal-header div.div_infoHeader i{
    font-size: 1em;
  }

  /* config body */
  .modalContentNovoEndereco .modal-body{
    justify-content: center!important;
    align-items: flex-start!important;
    margin: -20px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer{
  
    /* === FLEX ===*/
    padding: 70px 25px 0px 25px!important;
    /*background-color: #00f;*/
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form{
    margin: 0px!important;
    padding: 40px 35px 40px 35px!important;
  }


  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form label{
    width: 100%;
    height: 45px!important;
    line-height: 47px!important;
    font-size: 0.9em;
    padding: 0px 0px 0px 15px!important;
    margin: 0px 0px 14px 0px!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 340px!important;
    padding: 2px 0px 0px 15px!important;
    margin: 0px!important;
    float: right!important;
  }

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input.btnSalvar{
    width: 240px!important;
    height: 50px!important;
    line-height: 45px!important;
    padding: 0px!important;
    margin: 20px 0px 0px 0px!important;
    font-size: 1.1em;
  }

}

@media (min-width : 1551px) and (max-width : 1796.98px) {

  .modalContentNovoEndereco .modal-body div.divDivisaoContainer form input{
    width: 380px!important;
  }

}