html{padding:0;margin:0;min-height: 100%;font-size:14px;line-height: 1.5;}
body{
    background: #FFF;
    padding:0;margin:0;min-height: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#333;
}
b,strong{
    font-weight: 500;
}
a{color:#1abc9c}
a:hover{color:#304cb2}
#loading{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 999999;
    display: none;
}
#loading div {
    width: 100%;
    height: 100%;
    display:table;
    background: rgba(0,0,0,.75);
}
#loading div i {
   display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size: 5rem;
    color:#FFF;
}
/* Selects */
.select{margin-right: .5rem;
    border-radius: .25rem;
    position: relative;}
.select span{display: block;padding: .25rem .5rem;cursor: pointer;border-radius: .25rem;
    transition: background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s;
background: rgba(0,0,0,0);user-select: none;}
.select:hover span,.select.show span{
    background: rgba(0,0,0,.1);
    transition: background .2s ease;
}
.select span i{margin-left: .5rem;}
.select ul{    display: none;
    max-height: 16rem;
    overflow-x: auto;
    position: absolute;
    width: 14rem;
    font-size: 1rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    background: #FFF;
    box-shadow: 0 0 0.25rem rgba(0,0,0,.5);
    border-radius: .25rem;
    top: calc(100% + .25rem);}
.select.show ul{
    display: block;
}
.select li{
    width:100%;
        font-size: .875rem;
    padding: .25rem;
    box-sizing: border-box;
    cursor: pointer;
}
.select li.active{
    background: rgba(53,85,204,.25) !important;
    font-weight: 500;
    
}
.select li:not(.active):hover{
    background: rgba(0,0,0,.1);
    
}
/* HEADER */
#header{
    height: 3rem;
    background-color: rgba(53,85,204,1);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}
#header a{
    color: #FFF;
    text-decoration: none;
    height: 2rem;
    width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-left: 1px dashed #FFF;
    margin-left: .5rem;
    padding-left: .5rem;
}
#header a i{
    font-size: 1.5rem;}
#header .select{margin-right: .25rem;}
#header .select span{    color: #FFF;
    font-size: .9rem;
    border: 1px solid rgba(255,255,255,.25);}
#header .select span:hover{
    border: 1px solid rgba(255,255,255,.5);}
#header .select ul {
    right: 0;
}
#options {
    display: flex;
    align-items: center;
}
/* MENU */
#menu ul{
    margin: 1rem 0;
    padding: 0;
    list-style-type: none;
    width: calc(100% - 1rem);
}
#menu a{
    font-size: .875rem;
    line-height: 2;
    display: flex;
    padding: 0 .5rem 0 1rem;
    text-decoration: none;
    color:#202124;
    align-items: center;
}
#menu li.active a{
    background-color: rgba(53,85,204,.25);
    font-weight: 600;
    border-radius: 0 2rem 2rem 0;
}
#menu li:not(.active) a{
    cursor: pointer;
}
#menu i{
    margin-right: .5rem;
    color:#7d7d7d;
    font-size: 1rem;
}
#menu li.active i{
    color: rgba(53,85,204,1);
}
#logo{
    height: 3rem;
    display: inline-flex;
    align-content: center;
}
#logo img {
    max-height: 2.5rem;
    margin-top: .25rem;
}
/* MODAL POPUPS */
.overflow{
    overflow: hidden;
    padding-right: .938rem;
}
.overflow .container{
    padding-right: .938rem;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,.75);
    display: none;
    transition: all .25s ease-out; 
}
.guts {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    display: flex;
    justify-content: center;
    max-height: 90%;
}
.content {
    position: relative;
}
.data {
    margin: 1.25rem 0 2.5rem 1.25rem;
    line-height: 1.5;
    max-height: calc(100vh - 7.5rem);
    overflow-y: auto;
    max-width: 100%;
    padding-right: 1.25rem;
}
.close_button {
    position: absolute;
    right: -.313rem;
    top: -.313rem;
    background: #9cb2bc;
    padding: .313rem;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.125rem;
    border: .063rem solid #fff;
    color: #fff;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: 900;
    border-radius: .313rem;
    z-index: 1;
}