@import "../fonts/stylesheet.css";
/*

body, html {
    font-size: 10px;
    font-family: 'Muli',sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2f1c6a;
}*/
html{
  height: 100%;
  margin: 0;
  padding: 0;
}
.row_one {
  justify-content: flex-end;
  flex: 0.2
}

.row_two {
  justify-content: flex-start;
  flex: 9.7;
}

.row_three {
  background: #0f2d52;
  color: #fff;
  justify-content: center;
  flex: 0.1;
}

.fill-height-or-more {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.fill-height-or-more > header,
.fill-height-or-more > main,
.fill-height-or-more > footer{
  display: flex;
  flex-direction: column;
}

.text-blue{
    color:#004577;
}

ul.nav li.nav-item a.nav-link{
  transition: 0.4s;
  color: #004577;
  font-size: 20px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0;

}
ul.nav li.nav-item a.nav-link:hover{
background-color: #004577;
  color: #fff;
  padding: 14px 10px;


}

ul.nav li.nav-item ul.dropdown-menu li a.nav-link:hover{
  color: #fff;
    background-color: #EEA200;
  padding: 14px 10px;
}

ul.nav li.nav-item ul.dropdown-menu{
      width: max-content;
    padding: 0;
}

ul.nav li.nav-item ul.dropdown-menu li{
  border: 1px solid #0000000d;
}

a.nav-link, a.dropdown-item{
    /*
    font-family: 'Open Sans', sans-serif;
    font-family: 'Staatliches', cursive;
    font-family: 'Alumni Sans', sans-serif;
    font-family: 'Bayon', sans-serif;
    */
    color: #212529;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px !important;

}

a.nav-link.active, a.nav-link:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd;
}

a.nav-link:focus, a.nav-link:hover {
    color: #1e2125;
    background-color: #e9ecef;
}


h1 {
    font-family: 'Muli';
    font-weight: 700;
    font-style: normal;
    color: #202020;
}
h4, h5 {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    color: #202020;
}


p {
    font-family: 'Muli';
    font-weight: 600;
    font-style: normal;
}


a {
    font-family: 'Muli';
    font-weight: 300;
    font-style: normal;
}

button {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
}

thead tr td, thead tr th {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: smaller;
    font-weight: 600;
}

tbody tr td {
font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: small;
    font-weight: 600;
}

div.form-floating label, div.input-group label{
    font-family: 'Open Sans';
    font-weight: 600;
}

div.form-floating select.form-select{
    font-family: 'system-ui';
    font-weight: 600;
}
div.form-floating select.form-select option{
    font-family: 'system-ui';
    font-weight: 400;
}
/*-------- btn --------*/

.btn-primary{
    color: #fff;
    background-color: #673de6;
    
}

.btn-primary:hover {
    background-color: #5025d1;
}

.btn-pink {
    color: #fff;
    background-color: #E91E63;
    border-color: #E91E63;
}

.btn-sky {
    color: #fff;
    background-color: #268bef;
    border-color: #268bef;
}

.btn-green {
    color: #fff;
    background-color: #009688;
    border-color: #009688;
}

.btn-blue {
    color: #fff;
    background-color: #004577;
    border-color: #004577;
}

.btn-green:hover {
    color: #fff;
    background-color: #26a69a;
    border-color: #26a69a;
}

.btn-pink:hover {
    color: #fff;
    background-color: #F06292;
    border-color: #F06292;
}

.btn-blue:hover {
    color: #fff;
    background-color: #004577d1;
    border-color: #004577d1;
}

.btn-purple {
    color: #fff;
    background-color: #7e3af2;
    border-color: #7e3af2;
}

.btn-purple:hover {
    color: #fff;
    background-color: #6c2bd9;
    border-color: #6c2bd9;
}

.btn-green-light {
    color: #fff;
    background-color: #73dc39;
    border-color: #0c0c0c;
    cursor: pointer;
}

.btn-green-light:hover {
    color: #fff;
    background-color: #a4e987;
    border-color: #0c0c0c;
}

/*----------  BG Styles  ----------*/

.bg-purple {
    background-color: #7952b3 !important;
}

.bg-gray {
    background-color: #BDBDBD !important;
}
  
.bg-gray-light {
    background-color: #eeeeee !important;
}

.bg-sky {
    background-color: #00bcd4 !important;
}
  
.bg-green{
    background-color: #8bc34a!important;
    color: #f9fafb;
}
.bg-green-yellow{
    background-color: #999b00!important;
    color: #f9fafb;
}

.bg-pink {
    background-color: #e91e63 !important;
}

.bg-hotpink {
    background-color: hotpink !important;
}

.bg-yellow {
    background-color: #ffeb3b !important;
}

.bg-blue {
    background-color: #3f51b5 !important;
}

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

.bg-green-light {
    background-color: #8bc34a4f !important;
}

.bg-brown {
    background-color: rgba(47, 23, 15, 0.9) !important;
}

.bg-yolk {
    background-color: #f0ad694a!important;
}

.bg-light-green {
    background-color: #66FF99!important;
}

.bg-orange{
    background-color: #ffa000!important;
    color: #f9fafb;
}

.border-gray{
    border: 1px solid rgba(0,0,0,.125)!important;
}

/*Mobile-Friendly Table*/

@media screen and (max-width: 600px) {

    table thead {
        display: none;
    }

    table td {
        display: flex;
    }

    table td div.form-floating input, table td div.form-floating label {
        padding: 0.25rem!important;
    }

    table td::before {
        content: attr(label);
        font-weight: bold;
        width: 120px;
        min-width: 120px;
    }
}