/* ==================================================
  * Template: Medisensor
  * Version:  1
  * Page:     Login/Sign-up
===================================================== */

*{
    margin: 0px;
    padding: 0px;
}
body{
    background: #F3F3F3; 
    font-size: 18px;
}

/*=================THEME 1 Start=================*/

/*=================THEME 1 END=================*/


/*=================THEME 2 Start=================*/

/*=================THEME 2 END=================


/*=================THEME 3 Start=================*/

/*=================THEME 3 END=================


/*=================THEME 4 Start=================*/

/*=================THEME 4 END=================


/*=================THEME 5 Start=================*/

/*=================THEME 5 END=================*/


/* ==================================================
  * Template: GenXComm
  * Version:  1
  * Page:     Layout
===================================================== */

.genx-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.genx-inner {
    display: block;
    height: 100vh;
    width: 100%;
}
.main-wrapper{
    height: 100%;
    display: flex;
}
.genx-side-navigation{
    flex-basis: 250px;
    background: #070D0D;
    align-items: center;
    display: flex;
    transition:flex-basis 0.3s;
}
.genx-side-navigation.icononly{
    flex-basis: 70px;
}

.nav-slide{
    flex-basis: 2px;
    background: #ff6600;
    position: relative;
    opacity: 0;
    transition:opacity 0.3s;
}
.genx-side-navigation:hover + .nav-slide, .nav-slide:hover{
    opacity: 1;
}
.genx-side-navigation.icononly + .nav-slide{
    opacity: 1;
}
.slide-arrow{
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    border: solid 2px #ff6600;
    border-radius: 15px;
    line-height: 26px;
    padding: 0px 7px;
    font-size: 20px;
    position: absolute;
    right: -15px;
    top: 120px;
    cursor: pointer;
}

.slide-arrow i.fa-caret-right{
    margin-left: 3px;
}

.slide-arrow i{
    color:#ff6600;
}
.genx-main-content{
    flex: 1;
    background: #F3F3F3;
}