@font-face{
    font-family: 'RobotoSlab';
    src: url("./fonts/RobotoSlab-Regular.ttf");
}
@font-face{
    font-family: 'RobotoSlab';
    src: url("./fonts/RobotoSlab-Bold.ttf");
    font-weight: 700;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url("./fonts/RobotoSlab-Light.ttf");
    font-weight: 300;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url("./fonts/RobotoSlab-Thin.ttf");
    font-weight: 100;
}


body, html{
    font-family: RobotoSlab;
}
body h1{
    color: #99cdff;
    word-break: break-all;
}
.br-10{
    border-radius: 10px;
}

ul.star{
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}
ul.star > li:before {
    content: "*";
    position: absolute;
    left: 0px;
    top: 4px;
}
ul.star > li{
    padding-left: 15px;
    position: relative;
}

.header-title{
    font-size: 16pt;
    line-height: 16pt;
}
.header-subtitle{
    font-size: 12pt;
}
.nav-item{
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
.nav-link{
    font-size: 12pt;
    padding: 0px 20px !important;
    border-radius: 20px;
}
.nav-pills .nav-link{
    color: white;
    padding: 10px 15px !important;
}
.nav-pills .nav-link:hover{
    text-decoration: underline;
}
.footer{
    position: relative;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 180px;
    z-index: 3;
}
.bg-transparent-white{
    background-color: rgba(255,255,255,1) !important;
}
body{
    position: relative;
}
.navbar{
    height: auto;
    box-shadow: 0px 0px 10px 0px #D5D5D5;
    padding: 0px 10px;
    z-index: 3;
}
.navbar-brand img{
    height: 50px;
}
.copyright{
    font-size: 10px;
}

.text-blue{ color: #99cdff !important; }
.bg-blue{ background-color: #99cdff !important; }

.text-light-blue{ color: #edf3ff !important; }
.bg-light-blue{ background-color: #edf3ff !important; }

.pt-30{ padding-top: 30px; }
.pl-30{ padding-left: 30px; }
.pr-30{ padding-right: 30px; }
.pb-30{ padding-bottom: 30px; }
.p-30{ padding: 30px; }
.py-30{ padding-top: 30px; padding-bottom: 30px; }
.px-30{ padding-left: 30px; padding-right: 30px;}

.mt-30{ margin-top: 30px; }
.ml-30{ margin-left: 30px; }
.mr-30{ margin-right: 30px; }
.mb-30{ margin-bottom: 30px; }
.m-30{ margin: 30px; }
.my-30{ margin-top: 30px; margin-bottom: 30px; }
.mx-30{ margin-left: 30px; margin-right: 30px;}

.underline{
    text-decoration: underline !important;
}