/*styles for basis*/
/*background for basis*/
/*main font-size */
/*main color */
/*main text color */
/*styles for header*/
/*height for header*/
/*shadow for header*/
/*border for header*/
/*background for header*/
/*styles for footer*/
/*height for footer*/
/*background for footer*/
/*shadow for footer*/
/*border for footer*/
/*link to admin(backend)*/
/*footer-text-color;*/
/*styles for content*/
/*max-width for content*/
/*min-width for content*/
/*max-height for .vr_lr_cont */
/*styles for sublogo*/
/*styles for wrappers*/
/*box-shadow for wrap*/
/*background for wrap*/
/*border for wrap*/
/*styles for links*/
/*color for active link*/
/*color for active link*/
/*styles for hr*/
/*styles for hr for profile*/
/*styles for main navigation*/
/*color main navigation*/
/*font-size for main navigation*/
/*styles for main navigation*/
/*color main navigation*/
/*background for main navigation*/
/*font-size for main navigation*/
/*box-shadow for main navigation*/
/*styles for buttons (.btn)*/
/*buttons hover*/
/*background for active table line - administration */
/*vars for breadcrumbs*/
/*styles for buttons (.btn)*/
/*buttons hover*/
/*border for grid*/
/*mobile-selector-background*/
/*mobile-selector-select-background*/
/*news block link style*/
.footer-background {
  background: #0f1941;
}
.footer-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 1200px) {
  #logo {
    left: 10px;
  }
  .vr_sp_tab_wrap {
    padding: 0px;
  }
  .vr_menu_block {
    padding: 0 25px;
    box-sizing: border-box;
  }
  .cookie-btn {
    margin-right: 0;
  }
  .cookie-title {
    width: 60%;
  }
}
@media (max-width: 1150px) {
  ol.vr_nav_tab li.active a,
  ol.vr_nav_tab li a,
  ol.vr_nav_tab li a:hover,
  ol.vr_nav_tab li.active a:hover {
    font-size: 13px;
  }
}
@media (max-width: 1120px) {
  .basis,
  h3 {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .basis,
  label,
  select,
  input[type="text"],
  .select2-container-multi .select2-choices {
    font-size: 11px;
  }
  .course_legend .bullet-title {
    font-size: 11px;
  }
}
@media (max-width: 1020px) {
  ol.vr_nav_tab li {
    margin-right: 15px;
  }
  .vr_coach_container {
    display: none;
  }
}
@media (max-width: 1000px) {
  .basis {
    margin-bottom: 0;
  }
  .vr_lg_header .vr_lg_btn_box {
    overflow: visible;
  }
  .vr_lg_btn_box_custom #custom-nav {
    display: none;
  }
  #custom-navbar-toggle {
    display: block;
  }
  .vr_lg_btn_box_custom #custom-nav.active {
    display: block;
    padding: 10px 30px 10px 10px;
    z-index: 200;
    position: absolute;
    top: 60px;
    right: 10px;
    background: #f7f5f0;
    text-align: left;
    -webkit-box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.75);
  }
  .vr_lg_btn_box_custom #custom-nav.active li {
    float: none;
    padding: 8px 10px;
    display: block;
  }
  .vr_lg_btn_box .vr_lg_btn_box_custom ul li a {
    color: #2175d9;
    padding: 0;
  }
}
@media (max-width: 930px) {
  .basis {
    font-size: 11px;
  }
}
@media (max-width: 900px) {
  .vr_lg_header {
    height: 65px !important;
  }
  .vr_lg_header .vr_lg_btn_box {
    height: 65px !important;
  }
}
@media (max-width: 790px) {
  .vr_lg_footer_box {
    background: #0f1941;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .vr_lg_footer {
    height: auto;
    padding-bottom: 5px;
  }
  .footer-custom-nav {
    display: block;
  }
  .footer-custom-nav li {
    display: block;
    padding: 7px 0px;
    width: 100%;
  }
  .vr_lg_footer_welcome {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .vr_menu_block {
    padding: 0;
  }
  ol.vr_nav_tab li.active a,
  ol.vr_nav_tab li a,
  ol.vr_nav_tab li a:hover,
  ol.vr_nav_tab li.active a:hover {
    color: #2175d9;
  }
  ol.vr_nav_tab li:last-child {
    padding-right: 20px;
    text-align: left;
  }
  ol.vr_nav_tab.active {
    background: #f7f5f0;
  }
  ol.vr_nav_tab li {
    padding: 0 20px;
  }
  ol.vr_nav_tab li a {
    border-top: 1px solid #d7d7d7;
  }
  .mobile-selector {
    display: block;
  }
  .vr_sp_tab_box {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  ol.vr_nav_tab {
    display: block;
    height: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    transition: height 1s ease-out 0.5s;
    -webkit-transition: height 1s ease-out 0.5s;
    -moz-transition: height 1s ease-out 0.5s;
  }
  ol.vr_nav_tab.active {
    display: block;
    height: 100%;
    width: 100%;
  }
  ol.vr_nav_tab li {
    margin-bottom: 0;
    width: 100%;
    background-color: #f7f5f0;
  }
  .rwgv_logo {
    margin-top: 0 !important;
  }
  .vr_sp_tab_box {
    z-index: 100;
    width: 100%;
  }
  ol.vr_nav_tab li a {
    display: block;
  }
  /*mobile-selector-select*/
  #mobile-selector-select {
    display: block;
  }
  /*vr_menu_block*/
  .vr_menu_block {
    height: auto;
  }
  .vr_sp_course_wrap {
    height: auto;
  }
  .vr_sp_course_wrap #los_list {
    height: 340px;
  }
  /*course_legend*/
  .course_legend {
    display: block;
  }
  .course_legend div {
    display: block;
    width: 100%;
  }
  .profile_nav.nav-tabs {
    border-bottom: 0;
  }
}
@media (max-width: 600px) {
  .vr_lg_course_wrap .row_block {
    padding-left: 70px;
  }
  .vr_lg_footer_welcome {
    margin-top: 0px;
  }
  .cookie-disclaimer-content {
    flex-direction: column;
    padding: 15px 20px 20px;
  }
  .cookie-title {
    width: 100%;
    margin-bottom: 10px;
  }
  .vr_lg_header {
    height: 60px !important;
  }
  .vr_lg_header .vr_lg_btn_box {
    height: 60px !important;
  }
}
@media (max-width: 500px) {
  .vr_sp_course_wrap #los_list {
    height: 340px;
  }
}
@media (max-width: 450px) {
  #logo {
    max-width: 150px;
    margin-top: 0px;
    margin-left: 0px;
    top: 23px;
  }
}
@media (max-width: 410px) {
  .vr_sem_table_row {
    border-bottom: 1px solid #cccccc;
  }
  #logo {
    max-width: 50px;
    margin-top: 0px;
    overflow: hidden;
    top: 17px;
  }
  #logo img {
    max-width: 250px;
  }
  .course_legend .bullet.red::before,
  .course_legend .bullet.green::before,
  .course_legend .bullet.yellow::before {
    left: 50%;
  }
}