@font-face {
    font-family: GLN_Regular;
    src: url(fonts/GothamBook.ttf);
}

@font-face {
    font-family: GLN_Bold;
    src: url(fonts/GothamBold.ttf);
}

html {
  font-family: "GLN_Regular";
  font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
        font-family: "GLN_Regular";
    }
}

html {
  position: relative;
  min-height: 100%;
}

.sidebar {
    height:100% !important;
}

body {
    margin-bottom: 60px;
}

.gln-navbar{
    min-height: 34px;
}

.gln-sidebar {
    width: 262px;
    background-color: #F4F4F4 !important;
    margin-top: 0px;
    height: calc(100% - 134px) !important;
    position: fixed !important;
}

.menu-hamburger {
    color: #002C6C;
    height: 16px;
    width: 20px;
}

.gln-title-section {
    color: white;
    background-color: #F26334;
    width: 100%;
}

.gln-title-section-content{
    margin: 10px 20px 10px 45px;
}

body:not(.layout-fixed) .main-sidebar {
    height: calc(100% - 78px) !important;
    min-height: calc(100% - 78px) !important;
}

.main-sidebar {
    height: calc(100% - 0px) !important;
}

.menu-user {
    color: #F26334;
}

i.menu-user {
    border-radius: 60px;
    padding: 0.5em 0.6em;
    border-color: #F26334;
}

.gln-menu-item {
    color: #002C6C !important;
    font-size: 14px;
    font-weight: bold;
}

.gln-menu-item:hover {
    color: #F26334 !important;
    background-color: #D6D6D6;
}

.gln-menu-item-icon {
    float: right;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white!important;
    background-color: #F26334 !important;
}

#login-bg {
    background-image: url('/img/login-bg.png');
    background-size: 100% 100%;
    color: white;
    padding: 20px;
    background-size: cover;
}

.gln-title-primary {
    color: #002C6C;
    font-size: 30px;
    font-family: "GLN_Bold";
    font-weight: bolder;
}

.gln-action-btn {
    background-color: #F26334 !important;
    color: white !important;
    font-family: GLN_Regular;
}

.login-logo {
    height: 98px;
}

.login-card {
    border-radius: 15px !important;
}

.login-card-body {
    margin: 1% 5% 1% 5%;
}

.login-card-container {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-25%);
    transform: translateY(25%);
    width: 100%;
}

.login-container {
    position:relative;
}

.gln-title-thin-primary {
    color: #002C6C;
    font-size: 35px;
    font-family: "GLN_Regular";
}

.loading-modal-content {
    max-height: 397px !important;
    max-width: 562px !important;
    color: #454545;
    border-radius: 15px !important;
}

.close-modal {
    width: 22px;
    height: 22px;
}

.modal-header{
    border-bottom-color: white !important;
}

.modal-icon {
    margin-top: 5%;
    text-align: center;
}

.modal-icon > img {
    height: 85px;
    width: 85px;
}

.modal-text {
    margin: 5% 25%;
    margin-left: 25%;
    text-align: center;
    color: #454545;
}

.info-modal-header {
    background-color: #F26334;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.info-modal-content {
    color: #454545;
    border-radius: 15px !important;
}

.info-modal-text {
    margin-top: 5%;
}

.modal-footer {
    border-top-color: white !important;
}

#info-modal-footer {
    justify-content: center !important;
}

.opened-menu {
    margin-left: 250px !important;
    transition: margin-left 0.3s ease-in-out;
}

.unopened-menu {
    margin-left: 40px !important;
    transition: margin-left 0.3s ease-in-out;
}

.gln-title-top {
    font-size: 35px;
}

.gln-title-mid {
    font-size: 40px;
}

.gln-title-explanation {
    font-size: 17px;
}

.gln-secondary-title {
    width: 90% !important;
    color: #0E2B68;
    font-size: 25px;
    margin-left: 45px !important;
    padding-bottom: 1%;
    border-bottom: 1px solid #0E2B68;
}

.gln-card-title {
    color: #002C6C;
    font-size: 16px;
    font-weight: bold;
}

.gln-data-card-text {
    color: #002C6C;
    font-size: 25px;
    text-decoration: underline;
    text-align: center;
    width: inherit;
}

.sync-status-chart-text {
    font-size: 17px;
    text-decoration: underline;
    color: #002C6C;
    margin-left: 5px;
}

.sync-status-chart-text-container{
    margin-left: 15px;
}

.card-title {
    margin-top: 5px !important;
    margin-left: 15px !important;
}

.card {
    box-shadow: 0px 3px 6px #00000029 !important;
    padding:2%;
}

.logout-legend {
    color: #454545 !important;
    font-size: 13px;
    cursor: pointer;
}

.logout-icon {
    height: 11.2px;
    width: 11.2px;
    margin-right: 4px;
}

.gln-card {
    width: 100%;
}

#main-content {
    margin-top: 0px;
}

.btn-primaryGLN {
    color: #fff;
    background-color: #CD3C0D;
    border-color: #CD3C0D;
    box-shadow: none;
}



.label-loading {
    font-size: 20px !important;
    color: #000000 !important;
    text-decoration: none !important;
}