@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap');

@font-face {
    font-family: "thicccboi";
    src: url("/assets/fonts/THICCCBOI-Light.ttf") format("woff"),
        url("/assets/fonts/THICCCBOI-Light.ttf") format("opentype"),
        url("/assets/fonts/THICCCBOI-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

.navbar {
    background: rgb(15,10,63);
    background: linear-gradient(90deg, rgba(15,10,63,1) 34%, rgba(30,24,91,1) 78%);
}

.footer, .main-container, .main-navigation, .navigation-small ul.main-navigation-menu > li > ul.sub-menu, body, ul.main-navigation-menu > li > ul.sub-menu {
    background: #0f0a3f;
}

.main-navigation {
    background: rgb(15,10,63);
    background: linear-gradient(90deg, rgba(15,10,63,1) 34%, rgba(30,24,91,1) 78%);
}

.go-top, .navigation-toggler {
    background: #0f0a3f !important;
    color: #fff;
}

ul.main-navigation-menu > li a {
    color: #fff;
}

ul.main-navigation-menu > li.open, ul.main-navigation-menu > li:hover > a, ul.main-navigation-menu > li > a:hover {
    position: relative;
    color: #fff;
    /*background: #1e185b;*/
    background: rgb(30,24,91);
    background: linear-gradient(90deg, rgba(30,24,91,1) 34%, rgba(15,10,63,1) 78%);
    /*-webkit-transition: all 0.2s linear;*/
    /*-moz-transition: all 0.2s linear;*/
    /*-o-transition: all 0.2s linear;*/
    /*transition: all 0.2s linear;*/
}

ul.main-navigation-menu > li.open, ul.main-navigation-menu > li:hover::before > a, ul.main-navigation-menu > li > a:hover:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
    background: rgb(30,24,91) !important;
    background: linear-gradient(90deg, rgba(30,24,91,1) 34%, rgba(15,10,63,1) 78%) !important;
}

ul.main-navigation-menu > li > ul.sub-menu > li a:hover, ul.main-navigation-menu > li > ul.sub-menu > li.active > a, ul.main-navigation-menu > li > ul.sub-menu > li.open > a {
    color: #fff !important;
    /*background: #1e185b;*/
    background: rgb(30,24,91) !important;
    background: linear-gradient(90deg, rgba(30,24,91,1) 34%, rgba(15,10,63,1) 78%) !important;
}

ul.main-navigation-menu > li a > i {
    color: #aaa;
}

.navbar-inverse .nav > li.current-user > a {
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 43.5%;
    font-family: "Times New Roman",serif;
    color: #fff !important;
}

.logo, .navbar > .container .navbar-brand {
    color: #fff;
    font-family: "Times New Roman",serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
}

.logo, .navbar > .container .navbar-brand small {
    font-size: 17px;
}

ul.main-navigation-menu > li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

ul.main-navigation-menu li > ul.sub-menu > li > a {
    font-weight: 400;
}

table.table thead {
    background: #0f0a3f;
    color: #fff !important;
}

table.table thead th {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.main-content {
    position: relative;
}

.main-content::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0) url("https://media.istockphoto.com/photos/white-studio-background-picture-id1040250650?k=20&m=1040250650&s=612x612&w=0&h=lEWpioJ3jet0QIZVBoU2Ygaua8YMHFfHN1mvT28xRZ4=") no-repeat scroll center center / cover;
    opacity: .4;
}

.navbar-inverse .nav > li > a, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover {
    color: #fff !important;
}

.navbar-tools > ul > li > a {
    line-height: 20px;
}

.username {
    line-height: 28px;
}

.navbar-inverse .nav > li:active > a, .navbar-inverse .nav > li:hover > a {
    background: rgb(30,24,91) !important;
    background: linear-gradient(90deg, rgba(30,24,91,1) 34%, rgba(15,10,63,1) 78%) !important;
}

ul.main-navigation-menu li > ul.sub-menu > li {
    padding: 0 5px;
}