@charset "utf-8";

@media (min-width: 1025px) {
  .pc-sidebar {
    top: 0  !important;
    transition: all 0.2s ease-in-out;
  }
}

@media (max-width: 1024px) {
  .pc-sidebar {
    left: 0 !important;
    box-shadow: none;
    top: 0;
    transition: all 0.2s ease-in-out;
  }
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1335px;
  }
}

.pc-container {
  margin-left: 0 !important;
}

.pc-footer {
  margin-left: 0 !important;
}

#temenubar {
    background: linear-gradient(90deg, rgba(40,50,75,0.65) 0%, rgba(29,37,58,0.65) 50%, rgba(40,50,75,0.65) 100%) !important;
    box-shadow: 0 4px 15px rgba(18, 27, 42, 0.6) !important;
    backdrop-filter: blur(6.5px !important);
    -webkit-backdrop-filter: blur(6.5px) !important;
    border: 1px solid rgba(215, 222, 238, 0.29) !important;
}

#temenubar .nav-link {
    color: #93ACD3;
    font-size: 14px;
    font-weight: 600;
    font-stretch: 125%;
}
#temenubar .nav-link:hover {
    color: white;
}

#temenubar li:hover {
    background: radial-gradient(52.09% 50% at 49.95% 100%, rgba(66, 109, 220, 0.76) 0%, rgba(26, 37, 62, 0) 100%);
    color: white !important;
}

.navbar-brand-holder {
    position: relative;
    width: 300px;
}

.navbar-brand-back {
    position: absolute;
    width: 100%;
    border-radius: 0 0 70px 70px;
    background: linear-gradient(180deg, rgba(40,50,75,0.57) 0%, rgba(29,37,58,0.79) 50%, rgba(40,50,75,1) 100%) !important;
    box-shadow: 0 4px 15px rgba(18, 27, 42, 0.6) !important;
    backdrop-filter: blur(6.5px !important);
    -webkit-backdrop-filter: blur(6.5px) !important;
}

.navbar-brand-holder > .navbar-brand {
    position: relative;
    margin: 0 auto;
}

.toggle-icon i {
    background: -webkit-linear-gradient(#f9f9f7, #88a2df) !important;
    color: #1c3053 !important;
    text-shadow: 0 2px 0 #ccd7f7 !important;
    font-size: 18px !important;
    border: 1px solid #eff1f0;
    border-radius: 50%;
    padding: 6px 7px;
    width: 32px; height: 32px;
    text-align: center;
    margin-right: 12px;
}

.close-x i {
    background: -webkit-linear-gradient(#f9f9f7, #88a2df) !important;
    color: #1c3053 !important;
    text-shadow: 0 2px 0 #ccd7f7 !important;
    font-size: 18px !important;
    border: 1px solid #eff1f0;
    border-radius: 50%;
    padding: 6px 7px;
    width: 32px; height: 32px;
    text-align: center;
    margin-right: 12px;
}