.tabs-container-full{
    width: 100%;
    height: 1.4cm;
    background-color: white;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
}

.tabs-container-partial{
    width: 72%;
    margin-left: 28%;
    height: 1.4cm;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.tab-button {
    width: 18%;
    float: left;
    border-top-style: solid;
    border-top-width: 0.02cm;
    border-top-color: var(--ion-color-medium);
}


.tab-button-selected {
    border-top-color: var(--ion-color-secondary);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



/*
.tab-button:hover {
    border-top-width: 0.1cm;
    border-top-color: #d12026;
}
*/

.tab-button .icon {
    padding: 0;
    float: left;
    height: .9cm;
    width: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.home-icon {
    background-image:  url(/assets/icon/tabs/home.png);
}
.home-selected {
    background-image:  url(/assets/icon/tabs/home-selected.png);
}

.family-icon {
    background-image:  url(/assets/icon/tabs/family.png);
}
.family-selected {
    background-image:  url(/assets/icon/tabs/family-selected.png);
}
.notifications-icon {
    background-image:  url(/assets/icon/tabs/notifications.png);
}
.notifications-selected {
    background-image:  url(/assets/icon/tabs/notifications-selected.png);
}

.file-icon {
    background-image:  url(/assets/icon/tabs/file.png);
}
.file-selected {
    background-image:  url(/assets/icon/tabs/file-selected.png);
}
.en-icon {
    background-image:  url(/assets/icon/tabs/en.png);
}
.ar-icon {
    background-image:  url(/assets/icon/tabs/ar.png);
}


.tab-button .title {
    width: 100%;
    margin-top: 0cm;
    color: var(--ion-color-primary);
    text-align: center;
    font-size: 0.3cm;
    white-space: nowrap;
    float: left;
}
.title-selected{
    font-weight: bolder !important;
    font-size: 0.33cm !important;
}

  /*mobile  Landscape */
  @media only screen 
  and (min-device-height: 0px) 
  and (max-device-height: 515px)
  and (orientation: landscape) {
     
  }


/*
medical button
*/

.medial-file-temp-space{
    width: 28%;
    float: left;
    height: 100%;
}

  .medical-button{
    position: absolute;
    margin-left: 36%;
    margin-right: 36%;
    width: 28%;
    bottom: 0cm;
    background: transparent;
}

.medical-button-selected{
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

.medical-button .icon {
    float: left;
    height: 2cm;
    width: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.medical-button .title {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 0;
    color: var(--ion-color-primary);
    text-align: center;
    font-size: 0.3cm;
    white-space: nowrap;
    float: left;
    padding: 0;
    margin-bottom: 0.1cm;
}

.notifications-count {
    position: absolute;
    right: 18%;
    top: 0.1cm;
    background-color: var( --ion-color-secondary);
    width: 0.55cm;
    height: 0.55cm;
    font-size: 0.32cm;
    color: white;
    text-align: center;
    border-radius: solid;
    border-color: var( --ion-color-secondary);
    border-style: solid;
    border-radius: 50%;
    opacity:  0.9;
    padding-top: 0.03cm;

}