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

  body{
    font-family: 'Inter', Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
    margin: 0 auto;
    overflow-x: hidden;
    font-size: 15px;
    background: #f1f5f9 !important;
  }

  .menu_color{
    background: #f1f5f9;
  }
  body.pushable{
    background: #f1f5f9 !important;
  }
  body.pushable>.pusher {
    background: #f1f5f9 !important;
  }
  .form_color{
    background: #fff;
  }
  
  .ui.image {
    background: #e7e7e7;
  }
  #pies{
    position: absolute;
    bottom: 0;
    width: 100%;
    clear:both;
    text-align:center;
    padding:0px 0px 12px 0px !important;
    font: 13px  Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;color: #918f8f;
  }

  #pies div {
    margin: -3px;
  }
  
  .pusher{
    display: flex;
    flex-direction: column;
  }

  #sidebar_profile{
    font-size: 16px;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
  }
  
  #first_container{
    display: flex;
    /* flex-direction: column; */
    height: 100%;
    padding-bottom:20px;
    flex: 1 0 auto;
  }
  
  #content{
    width: 100%;
    flex: 1 0 auto;
  }
  
  #title_container{
    display: block;
    height: 56px;
    background: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.2s ease-in-out;
    z-index:3;
  }

  #title{
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 16px;
  }

  .letra {
    color: #083ac3;
    font-size: 17px;
    font-weight: 700;
  }
  
  .app-push {
    display: block;
    flex-shrink: 0;
    height: 56px;
  }
  
  #body_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 950px;
    margin: auto;
  }
  
  .body_white_height{
    background: #fff !important;
  }
  
  .white_body{
    background: #fff !important;
  }

/***** Menú principal ******/   
#main_menu, #main_menu_adm{
  background: transparent;
  border: 0;
  margin: 0px 0px 38px 0px;
}

.botones_admin{
  position: fixed;
  width: 100%;
  top: 66px;
  text-align: center;
  background: #e6e6e6;
  z-index: 2;
  margin-top: -12px !important;
  margin-left: 0px !important;
  max-width: 950px;
  border-radius: 3px;
  /*box-shadow: inset 0 -3em 3em rgb(0 0 0 / 10%), 0.3em 0.3em 1em rgb(0 0 0 / 30%);*/
}
.cap_btn, .adm_btn {
  margin: auto;
  width: 100%;
  font-size: 17px !important;
}

.bg-red-main,
.bg-red:hover,
.bg-red:active,
.bg-red:focus,
.active>.color-red {
  background: #4f7ed7 !important;
  color: #fff !important;
}

.bg-grey-main,
.bg-grey:hover,
.bg-grey:active,
.bg-grey:focus,
.active>.color-grey {
  background: #a8a8a8 !important;
  color: #fff !important;
}

.botones{
  margin: 10px 0;
  text-align: center;
}
.botones img{
  height: 140px;
  width: 140px;
  border:7px solid #e6e6e6;
}
.botones label{
 padding: 3px;
 color: #333335;
}
.space{
  padding: 72px 0px 0px 0px !important;
}

/*Sub menu de reportes*/
#sidebar-wrapper{
  overflow: visible !important;
}

.ui.vertical.menu .dropdown.item .menu {
  left: 5% !important;
  margin-top: 40px !important;
}


@media (max-width: 400px) {
	.letra{
      font-size: 24px; 
  }
}


/*Colors botton*/
#inspection{
  border:7px solid #083ac3  !important;
}
#leasing{
  border:7px solid #083ac3 !important;
}
#defaulter{
  border:7px solid rgb(39, 142, 56) !important;
}
#water_footprint{
  border:7px solid #083ac3 !important;
}
#energy_system{
  border:7px solid #06299a !important;
}
#electric_generator{
  border:7px solid #06299a !important;
}
.admin{
  border: 7px solid #ffffff36 !important;
}