@media only screen and (max-width: 767px) 
{
  header#header{
    background-color: var(--color-bg-header); 
    text-align: center;
    padding: 0px;
  }

  header#header .brand img{max-width: 180px; padding: 15px;}

  .modal-lg{width: 900px;}
  
  .bold{font-weight: bold;}
  .no-bold{font-weight: normal !important;}
  .nowrap{white-space: nowrap;}
  .red{color: #EC0F2A !important;}
  .display-table{display: table;}
  .display-table .cell{display: table-cell; vertical-align: middle;}
  .checkbox, .checkbox input[type="checkbox"]{padding: 0; margin: 0; float: none;}
  .hr{width: 100%; height: 1px; background-color: #6C6D6F; margin: 20px 0;}
  .img-full { min-width: 100%; width: 100%;}
  .img-border { float: none; margin: 0 auto 0; border: #999999 solid 1px;}
  .img-left { float: left; margin-right: 25px; }

  .btn-warning { 
    color: #ffffff; 
    /*background-color: var(--color-bg-button); */
    background: url('../../img/site/v2/bg-button.jpg');
    border-color: var(--color-bg-button);
    cursor: pointer;
  }
  .btn-warning:hover{opacity: 0.8;}
  .btn-primary { color: #ffffff; background-color: var(--color-verde-escuro); border-color: var(--color-verde-escuro);}
  .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #000000; background-color: var(--color-bg-button-hover); border-color: var(--color-bg-button-hover);}
  
  .document-bt{height: 65px; line-height: 50px; margin-top: 5px; margin-bottom: 5px;}

 
  input[type=text],input[type=email],input[type=password],textarea{border: 0; background-color: var(--color-bg-fields); padding: 10px; border-radius: 5px; color: #fff; width: 100%;}


  .bg-layout-bottom{margin-top: -60px; position: relative; z-index: 0;}

  .box-header-titles{margin-bottom: 20px; width: 100%; display: inline-block;}
  .box-header-titles header.titles{width: 100%; border-left: 5px solid var(--color-title-after); text-align: left; display: inline-block; position: relative; color: var(--color-title-h1);}
  .box-header-titles header.titles .t-left, header.titles .t-right{background-color: white; height: 52px;}
  .box-header-titles header.titles .t-left i{vertical-align: middle; font-size: 6px; font-weight: bold; padding: 5px;}
  .box-header-titles header.titles h1, .box-header-titles header.titles h2{margin: 0; font-weight: normal; line-height: 50px;}
  .box-header-titles header.titles h1{font-size: 10pt;}
  .box-header-titles header.titles h1 span{font-size: 16pt; font-weight: bold;}
  .box-header-titles header.titles h2{font-size: 11pt; text-transform: none;}
  .box-header-titles header.titles .bt-menu-options{padding-right: 0px;}
  .box-header-titles header.titles .bt-menu-options .options{padding-right: 0px;}
  .box-header-titles header.titles .bt-menu-options .options{position: relative;}
  .box-header-titles header.titles .bt-menu-options .options .btn-options{width: 52px; height: 52px; background-color: var(--color-bg-menu-options); cursor: pointer; color: white; font-size: 25px; text-align: center; border-radius: 0px; padding: 10px; float: right;}
  .box-header-titles header.titles .bt-menu-options .options .btn-options:hover{background-position: top right;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options:hover ~ .btn-options{background-position: top right;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options{display: none; position: absolute; top: 40px; right: 0; z-index: 999;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul{padding: 0 5px 5px; background-color: var(--color-verde-escuro); border-radius: 0 0 3px 3px; margin-top: -5px;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul li.divider{width: 100%; border-bottom: 1px dashed rgba(255,255,255,0.5);}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul li i{margin-right: 5px;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul li a{color: #fff; white-space: nowrap; font-size: 12pt; line-height: 21px; padding: 10px; text-transform: uppercase;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul li a img{height: 20px;}
  .box-header-titles header.titles .bt-menu-options .options .menu-options ul li a:hover,.options .menu-options ul li a:focus{background-color: var(--color-bg-menu-options);}
  .box-header-titles header.titles .bt-menu-options .options:hover .menu-options{display: block;}

  .box-header-titles header.titles .imoveis .select{position: relative; display: inline-block;}
  .box-header-titles header.titles .imoveis .select select{font-size: 10pt; padding: 5px 10px 5px 5px; opacity: 0; position: relative; z-index: 2; cursor: pointer;}
  .box-header-titles header.titles .imoveis .select .select-fake{position: absolute; top: 7px; left: 0; z-index: 1; color: #000; width: 100%; font-size: 10pt; height: 35px; line-height: 35px; border-radius: 5px; border: 0; padding: 0 30px 0 10px; background-image: url("../../img/site/btn-select.png"); background-color: #fff; background-position: right center; background-repeat: no-repeat; box-shadow: 0 0 6px 0 #c7c6cb; -moz-box-shadow: 0 0 6px 0 #c7c6cb; -webkit-box-shadow: 0 0 6px 0 #c7c6cb; white-space: nowrap; overflow: hidden;}

  .box-container{min-height: 350px; height: auto; margin-bottom: 20px;}
  .box-container .setores{background-color: white; padding: 20px;}
  .box-container .setores h3{margin: 0 0 5px 0; color: var(--color-title-h1);}
  .box-container .setores a .setor{transition: all 0.5s ease 0s; background-color: rgba(255,255,255,0.5); border: 1px solid #c7c6cb; box-shadow: 0 0 6px 0 #c7c6cb; padding: 15px; border-radius: 10px; margin: 5px; color: #6c6d6f; width: 140px; height: 150px;}
  .box-container .setores a .setor img{transition: all 0.5s ease 0s; opacity: 1; display: block; margin: 0 auto; margin-bottom: 20px; text-align: center;}
  .box-container .setores a .setor:hover{transition: all 0.5s ease 0s; color: #fff; background-color: #6c6d6f;}
  .box-container .setores a .setor:hover img{transition: all 0.5s ease 0s; opacity: 0.6;}
  .box-container .setores a .setor b{display: block;}

  .box-container .content{background-color: white; padding: 20px; padding-bottom: 0px;}
  .box-container .content header.titles{width: auto; border-left: 5px solid var(--color-title-after); text-align: left; display: inline-block; position: relative; color: var(--color-title-h1); background-color: var(--color-verde-claro);}
  .box-container .content header.titles h2{margin-top: 10px; margin-bottom: 10px; padding-right: 10px; font-size: 20px;}
  .box-container .content .description{padding: 30px 10px 5px 10px; text-align: justify; font-size: 12px;}
  .box-container .content .description p{padding: 0 0 0 14px;}

  .box-container .content .description .statement .btn{min-width: 250px; height: 52px; line-height: 40px;}

  .box-container .content .description .tax{margin-bottom: 20px;} 
  .box-container .content .description .tax .select{position: relative; display: inline-block;}
  .box-container .content .description .tax .select select{font-size: 10pt; padding: 5px 10px 5px 5px; opacity: 0; position: relative; z-index: 2; cursor: pointer;}
  .box-container .content .description .tax .select .select-fake{position: absolute; top: 7px; left: 0; z-index: 1; color: #000; width: 100%; font-size: 10pt; height: 35px; line-height: 35px; border-radius: 5px; border: 0; padding: 0 30px 0 10px; background-image: url("../../img/site/btn-select.png"); background-color: #fff; background-position: right center; background-repeat: no-repeat; box-shadow: 0 0 6px 0 #c7c6cb; -moz-box-shadow: 0 0 6px 0 #c7c6cb; -webkit-box-shadow: 0 0 6px 0 #c7c6cb; white-space: nowrap; overflow: hidden;}

  .perspecitive .foto{width: 220px; height: 150px; border: 3px solid #FFFFFF; border-radius: 10px; margin: 7px; background-position: center; background-size: 250px auto;}
  .box-container .content.collection {margin: 0 auto; text-align: center;}
  .box-container .content.collection .foto{width: 95%; height: auto; border: 3px solid #FFFFFF; border-radius: 10px; margin: 7px; background-position: center; background-size: 250px auto;}
  .box-container .content.collection .foto:hover{opacity: 0.8;}

  .box { background: transparent; margin-bottom: 20px; padding: 30px 15px;}
  .box .login{ background-color: white; padding: 50px;}
  .control-group{margin: 5px 0;}

  .title{text-align: left; display: inline-block; position: relative; margin: 0 0 20px 30px;}
  .title:after{position: absolute; top: 4px; left: -30px; width: 10px; height: 80px; background-color: var(--color-laranja); content: "";}
  .title h1{font-weight: bold; letter-spacing: normal; font-size: 28pt; color: #6C6D6F; margin: 0; line-height: 1;}
  .title h1 span{display: block; font-weight: normal; font-size: 42pt;}

  .title{text-align: left; display: inline-block; position: relative; margin: 0 0 20px 30px;}
  .title:after{position: absolute; top: 4px; left: -30px; width: 10px; height: 70px; background-color: var(--color-title-after); content: "";}
  .title h1{font-weight: bold; letter-spacing: normal; font-size: 28pt; color: var(--color-title-h1); margin: 0; line-height: 1;}
  .title h1 span{display: block; font-weight: normal; font-size: 30pt;}

  
  .table{border-collapse: separate; border-spacing: 0px 0; padding: 3px; background-color: white; font-size: 12px;}
  .table th{padding: 8px 20px !important;}
  .table td{padding: 8px 0px !important;}
  .table thead th{background-color: var(--color-bg-table-th); color: #fff; font-weight: bold; font-size: 12pt;}
  .table thead th:nth-of-type(1){background-position: 0 0;}
  .table thead th:nth-of-type(2){background-position: 20px 0;}
  .table thead th:nth-of-type(3){background-position: 40px 0;}
  .table thead th:nth-of-type(4){background-position: 60px 0;}
  .table thead th:nth-of-type(5){background-position: 80px 0;}
  .table thead th:nth-of-type(6){background-position: 100px 0;}
  .table thead th:nth-of-type(7){background-position: 120px 0;}
  .table thead th:nth-of-type(8){background-position: 140px 0;}
  .table thead > tr > th{border-bottom: 0px;}
  .table tbody tr.rodape td{background-color: var(--color-bg-table-tr-rodape); padding: 5px !important; color: #fff;}
  .table tbody tr.rodape td:nth-of-type(1){background-position: 0 0;}
  .table tbody tr.rodape td:nth-of-type(2){background-position: 20px 0;}
  .table tbody tr.rodape td:nth-of-type(3){background-position: 40px 0;}
  .table tbody tr.rodape td:nth-of-type(4){background-position: 60px 0;}
  .table tbody tr.rodape td:nth-of-type(5){background-position: 80px 0;}
  .table tbody tr.rodape td:nth-of-type(6){background-position: 100px 0;}
  .table tbody tr.rodape td:nth-of-type(7){background-position: 120px 0;}
  .table tbody tr.rodape td:nth-of-type(8){background-position: 140px 0;}
  .table .fa-search{font-size: 20px;}
  .table a{color: var(--color-link);}
  .table a:hover{color: var(--color-link-hover); text-decoration: none;}

  .table tbody td.empreendimento .image{float: left; width: 80px; height: 80px; background-position: center; background-size: 90px; margin-right: 20px;}
  .table tbody td.empreendimento small{font-weight: normal;}
  .table tbody td.vencimento{font-weight: bold; white-space: nowrap;}

  .setores{background-color: white; padding: 20px;}
  .setores h3{margin: 0 0 5px 32px; color: var(--color-cinza-escuro);}
  .setores a .setor{transition: all 0.5s ease 0s; background-color: rgba(255,255,255,0.5); border: 1px solid #c7c6cb; box-shadow: 0 0 6px 0 #c7c6cb; padding: 0px; border-radius: 10px; margin: 15px; color: #6c6d6f; text-align: center;}
  .setores a .setor img{transition: all 0.5s ease 0s; opacity: 1; display: block; max-width: 80%; text-align: center; margin: 0 auto;}
  .setores a .setor:hover{transition: all 0.5s ease 0s; color: #fff; background-color: var(--color-laranja);}
  .setores a .setor:hover img{transition: all 0.5s ease 0s; opacity: 0.6;}
  .setores a .setor b{display: block;}

  .setores-inline{margin-bottom: 50px;}
  .setores-inline a .setor{transition: all 0.5s ease 0s; background-color: rgba(255,255,255,0.5); padding: 5px 5px 10px; color: #6c6d6f; font-size: 8pt; width: 120px;}
  .setores-inline a .setor{box-shadow: 0 0 6px 0 #c7c6cb;}
  .setores-inline a:nth-of-type(1) .setor{border-radius: 10px 0 0 10px;}
  .setores-inline a:nth-of-type(8) .setor{border-radius: 0 10px 10px 0;}
  .setores-inline a .setor img{transition: all 0.5s ease 0s; opacity: 1;}
  .setores-inline a .setor:hover{transition: all 0.5s ease 0s; color: #fff; background-color: #6c6d6f;}
  .setores-inline a .setor:hover img{transition: all 0.5s ease 0s; opacity: 0.6;}
  .setores-inline a .setor img{display: block; width: 80px; margin: 0 auto;}
  .setores-inline a .setor b{display: block;}
  .setores-inline a .setor.active{transition: all 0.5s ease 0s; color: #fff; background-color: #6c6d6f;}
  .setores-inline a .setor.active img{transition: all 0.5s ease 0s; opacity: 0.6;}

  footer{position: absolute; background-color: white; font-size: 9pt; width: 100%; height: 65px; left: 0; bottom: 0; color: #6C6D6F;}
  footer img{width: 35px;}
  footer .copyright{padding: 10px 0; margin-top: 5px;}

  .popup-flash-container{
    text-align: center; 
    position: fixed; 
    z-index: 2000; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    margin: 0; 
    padding: 0 15px; 
    display: table; 
    background-color: rgba(255,255,255,0.7); 
    width: 100%; 
    height: 100%;
  }
  .popup-flash-outer{
    display: table-cell;
    vertical-align: middle;
  }
  .popup-flash{
    color: black;  
    background-color: white; 
    padding: 5px; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);    
    display: inline-block;  
    position: relative;
  }
  .popup-flash .button-close{
    width: 16px; 
    height: 16px; 
    background-color: black; 
    border-radius: 50%; 
    color: white !important; 
    position: absolute; 
    right: 15px; 
    top: 15px; 
    cursor: pointer;     
    line-height: 16px;
    font-size: 12px;
    text-align: center;
  }
  .popup-flash .button-close:hover{opacity: 0.8;}
  .popup-flash .popup-flash-inner{padding: 30px 20px; border: 1px solid black;}
  .popup-flash .content{text-align: center;}
  .popup-flash .content > *{display: inline-block; vertical-align: middle;}
  .popup-flash .content i{color: black; margin-right: 15px; font-size: 50px;}
  .popup-flash .content .text{text-align: left;}
  .popup-flash .content .text .title{font-weight: 500; font-size: 13pt;}
  .popup-flash .content .text .subtitle{font-size: 12pt !important;}
  .popup-flash.success .content i{color: green;}
  .popup-flash.error .content i{color: red;}
}