/**/
.mobile-body{
    background-color: rgba(70, 93, 140,.05); 
    width: 100vw;
}
/* ------------------------------- MENU */
#umenu{
    color: white;
    background-color: rgb(70, 93, 140); 
    position: fixed;
    width: 100%;
    height:1.5rem;
    padding:.3rem;
    /* GRID */
    display: grid;
    grid-template-columns: auto auto;
    
}
#application-name{
    font-weight: bolder;
    font-style: italic;
    font-size:1.2rem;
    justify-self:left;
}
#a-astech{
    font-size:1.4rem;
}
#tech-astech{
    opacity:.7;
}
#umenu-buttons{
    display: flex;
    justify-self: right;
}
.umenu-button{
    padding: 0 1rem;
}
#username-button {
    color: white;
}


/*------------------------------- MODULES MENU */
  .mod_menu_hide_button {
    fill: white;
    margin-left:.5rem;
    padding-top:.05rem;
  }
  .mod_menu_hide_button:hover{
    cursor: pointer;
  }
  .mod_menu_hide_button:active{
    fill: gold;
  }


/*------------------------------- APP */
 .astech-application {
    display: grid; 
    height: 100%;
    padding-top:2.2rem;  
 }
/*-------------------------------- TITLES*/
.module-header {
    background-color: rgba(70, 93, 140, .8); 
    border: solid thin white;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
    text-align:center;
    display: flex;
    padding-left:.5rem;
    /*align-items: center;
    justify-content: center;*/
}
   .module-header .module-name {
        width:65%;
        display: flex;
        align-items: left;
        justify-content: left;
   }
   .module-header .module-name a {
      text-decoration: none; 
      color: rgba(255, 255, 255, 0.8);
      font-size:.8rem;
    }
   .module-header .facility-name {
    font-size: .7rem;
    width:35%;
    display: flex;
    align-items: right;
    justify-content: right;
    padding-right: .2rem;
   }
   .module-header .facility-name a {
    color: rgb(255, 249, 212);
    text-decoration:none;
   }
   .module-header .facility-name a:active {
    color: white;
    text-decoration:none;
   }
.transparent-header{
    width: 100%;
    font-size: 1rem;
    text-align:center;
    background-color: rgba(125,125,125,.15);
    color:#FFFFFF;
    border-bottom: solid 0.1em #ffffff;
}
/*------------------------------- MODULE SECTION */
#modules-menu{
    display: flex;
    border-bottom: solid thin white;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#modules-menu .square-button {
     width: 9rem !important;
     font-size: .65rem !important;
}
/*-------------------------------MODULE FILTERS*/
.mob-filters{
    padding : .2rem;
    border-bottom: solid .2rem white;
}
.mob-filters__header{
    border-bottom: solid .02rem rgb(70, 93, 140); 
    display: flex;
    flex-wrap: wrap;
    background-color:  rgba(70, 93, 140, .1);
}
.mob-filters__title{
    color: rgb(70, 93, 140);
    padding-left:.2rem;
    font-weight: 600;
    font-style: italic;
    font-size: .8rem;
}
.mob-filters__filters{
    padding:.2rem;
    padding-left: .3rem;
}
.mob-filter__name{
    padding-left:.2rem;
    font-size:.9rem;
    font-weight: 500;
}

.mob-filter__inputbox{
    padding-right:1rem;
}


.mob-filter__inputbox input:focus{
    background-color: rgba(70, 93, 140, .01); 
    border: solid .1rem rgb(63, 79, 110)
}

.mob-filter__std-input {
    width: 100%;
    padding: .15rem;
    padding-left: .3rem;
    border: solid .1rem rgba(70, 93, 140, .3); 
    border-radius: .2rem;
}
.mob-filters_submitbox{
    padding:.1rem;
    padding-right:.7rem;
    margin-top:.2rem;
    display: flex;
    align-items: right;
    justify-content: right;
}
/*------------------------------- STANDARD LIST */
.mobile-list{
    padding:.15rem;
}
.mobile-list__header {
    border-bottom: solid .02rem rgb(70, 93, 140); 
    display: flex;
    flex-wrap: wrap;
    background-color:  rgba(70, 93, 140, .1);
}
.mobile-list__title{
    color: rgb(70, 93, 140);
    padding-left:.2rem;
    font-weight: 600;
    font-style: italic; 
    font-size: .8rem;
    
}
.mobile-list-card{
    padding:.25rem;
    background-color: white;
    margin:.1rem;
    margin-bottom:.25rem;
    border-radius:.2rem;
    border: solid thin rgb(214, 214, 214);
}
.mobile-list-card__title{
    color:  rgb(63, 79, 110);
    font-style: italic;
    font-weight: 550; 
    font-size:.75rem;
    border-bottom: solid .1rem rgb(63, 79, 110);
}
.mobile-list-card__inforow {
    color: grey;
}
.mobile-list-card__inforow-tag {
    font-weight: bolder;
    font-style: italic;
    color: rgb(63, 79, 110);
}
.mobile-list-card__actionrow {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: right;
    justify-content: right;
}
/*------------------------------- STANDARD DETAIL */
.mobile-detail{
    padding:.15rem;
}
.mobile-detail__header{
    border-bottom: solid .02rem rgb(70, 93, 140); 
    display: flex;
    flex-wrap: wrap;
    background-color:  rgba(70, 93, 140, .1);
}
.mobile-detail__title{
    color: rgb(70, 93, 140);
    padding-left:.2rem;
    font-weight: 600;
    font-style: italic; 
    font-size: .8rem;
}
.mobile-detail__body {
  padding:.1rem;
  background-color: white;
}
.mobile-detail__body-header{
  padding:.1rem;
}
.mobile-detail__body-header-title {
    padding-left:.3rem;
    font-style: italic; 
    font-weight: 550; 
    color: rgb(70, 93, 140);
    font-size: .8rem; 
    border-bottom: solid .1rem rgb(63, 79, 110);
}
.mobile-detail__body-actions {
    display: flex;
    flex-wrap: wrap;
}
.mobile-detail__body-actions square-button{
    width:2.5rem;
}
.mobile-detail__tab {
    padding:.1rem;
    background-color: rgb(250, 250, 250) !important;
}
.mobile-detail__tab__img {
   display: flex;
   align-items: center;
   justify-content: center;
   border-bottom: solid thin white;
   padding: .3rem;
}
.mobile-detail__tab__img img {
    max-height: 8rem;
 }
.mobile-detail__info-list {
    padding:.1rem;
}
.mobile-detail__info-list__item {
    padding:.1rem;
    margin-bottom:.3rem;
}
.mobile-detail__info-list__item-title {
    font-weight:600;
    font-style: italic;
    color: rgb(70, 93, 140); /* rgb(68, 68, 68); */
    font-size:.85rem;
    padding-left: .7rem; 
}
.mobile-detail__info-list__item-content {
    color: rgb(63, 79, 110);
    font-size:.9rem;
}

/*------------------------------- INPUTS */
.mob-form{
    padding : .2rem;
    border-bottom: solid .2rem white;
}
.mob-form__header {
    border-bottom: solid .02rem rgb(70, 93, 140); 
    display: flex;
    flex-wrap: wrap;
    background-color:  rgba(70, 93, 140, .1);
}
.mob-form__title{
    color: rgb(70, 93, 140);
    padding-left:.2rem;
    font-weight: 600;
    font-style: italic;
    font-size: .8rem;
}
.mob-form__inputs{
    padding:.2rem;
    padding-left: .3rem;
}
.mob-form__input{
  padding:.1rem;
}
.mob-filter__inputname{
    padding-left:.2rem;
    font-size:.9rem;
    font-weight: 500;
}
.mob-form__inputbox{
    padding-right:1rem;
}
.mob-form__submitbox{
    padding:.1rem;
    padding-right:.7rem;
    margin-top:.2rem;
    display: flex;
    align-items: right;
    justify-content: right;
}
/*------------------------------- BUTTON GRID*/
.button_group{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
/*------------------------------- BUTTON*/
.square-button {
    display: inline-block;
	background: rgba(255, 255, 255, .4);
    border:solid 0.1em #465d8c;
    border-radius: 1rem;
	width:4rem;
	box-shadow:0.2em 0.2em 1em #465d8c;
	padding: 1rem;
	text-align: center;
    margin:.3rem;
}
.selected-square-button{
    background-color: rgba(70, 93, 140, .5); 
}

.mobbutton_std {
    border-radius:.2rem;
    border-color: #4c669b;
    color: white;
    font-weight: 600;
    background-color: #4c669b;
    padding: .15rem;
}
.mobbutton_std:active {
    border-color: white;
    color: #4c669b;
    background-color: white;
}

.button-red-shadow {
    background-color: rgba(250, 8, 8, 0.07)
}
.button-green-shadow {
    background-color: rgba(40, 126, 0, 0.07)
}
.button-blue-shadow {
    background-color: rgba(8, 0, 126, 0.07)
}

.link-button__red{
   border: solid thin grey;
   color: black; 
   background-color: rgba(250, 8, 8, 0.15);
   border-radius:.5rem;
   padding: .3rem;
   margin-left:.2rem;
}
.link-button__red:active{
    color:  rgba(250, 8, 8, 0.15);
    background-color: white;
    color:  rgba(250, 8, 8, 0.15);
 }
 .link-button__blue{
    border: solid thin grey;
    color: black; 
    background-color: rgba(8, 0, 126, 0.15);
    border-radius:.5rem;
    padding: .3rem;
    margin-left:.2rem;
 }
 .link-button__blue:active{
     color:  rgba(8, 0, 126, 0.15);
     background-color: white;
  }
 .go-back-mob-button{
    width: 1.8rem; 
    padding: .2rem 0;
    font-size:.5rem; 
    vertical-align:.15rem; 
    border: solid thin grey; 
    border-radius:.1rem;
 }
/*---------------------------- MSGS */
.no-result-msg {
    text-align:center; 
}