/*logo*/
#logo {
  float: left;
}
/*classes*/
/*scroll*/
.smooth-scroll {
  overflow-y: auto;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #aeaeae;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  width: 5px;
}
.course_legend {
  display: none;
}
/**/
HTML,
BODY,
.basis {
  height: 100%;
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  padding: 0px;
  background-color: #FFFFFF;
}
body {
  background: transparent;
  position: relative;
}
body.fixed-width {
  min-width: 1024px;
}
.basis {
  margin: 0 auto -30px;
  display: table;
  height: 100%;
  width: 100%;
  min-width: 220px;
  box-sizing: border-box;
  background-size: cover;
  background-attachment: fixed;
}
.main {
  height: 100%;
}
/*needed to make room for footer*/
.clearfooter {
  clear: both;
  height: 30px;
  /* height of footer */
}
* > HTML .clearfooter {
  float: left;
  width: 100%;
}
/* ie mac styles */
/*link*/
a {
  text-decoration: none;
  outline: none;
}
a:active {
  text-decoration: none;
  outline: none;
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  outline: none;
}
/**/
table li {
  margin-left: 0px;
}
.help-block {
  margin-bottom: 3px;
}
/*breadcrumbs*/
.vr_breadcrum {
  height: 20px;
  line-height: 20px;
  display: block;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-right: 20px;
  padding-top: 3px;
  /*width of breadcrumb change by jQuery, because  closest bloks change size depending on button text translation*/
  /*use css variables in future*/
  /*max-width: calc(~"100% - 195px");*/
}
.vr_lr_cont_header_wrap .vr_breadcrum {
  float: left;
}
.vr_breadcrum span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.vr_lg_header {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.vr_lg_header .nav_buttons {
  float: right;
  margin-top: 11px;
}
/*content*/
.vr_cont_block {
  margin-bottom: 5px;
}
/*footer*/
.vr_lg_footer {
  width: 100%;
  box-sizing: border-box;
}
.vr_lg_footer_text {
  display: inline-block;
  padding-right: 5px;
}
a.vr_lg_footer_link {
  margin-right: 35%;
  display: inline;
}
.vr_lg_footer_box_right {
  float: right;
}
.vr_lg_footer_welcome {
  float: left;
  font-size: 13px;
}
/*header*/
h1 {
  font-size: 21px;
  font-weight: normal ;
  color: #666666;
  font-family: arial;
  line-height: normal;
}
h2 {
  font-size: 18px;
  font-weight: normal;
  color: #000;
  line-height: normal;
}
h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  line-height: normal;
}
h4 {
  font-size: 15px;
  font-weight: normal;
  color: #333333;
  line-height: normal;
}
h5 {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  line-height: normal;
}
h6 {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  line-height: normal;
}
/**/
p {
  color: #333333;
  font-family: Arial;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}
/*links in leraningroomtree for last position*/
a.lastposlink:active {
  color: #000000;
  text-decoration: underline;
}
/*links in learningroomtree*/
a.lms:active {
  color: #000000;
  text-decoration: underline;
}
/*links in learningroomtree if lesson*/
td.lmslesson {
  white-space: nowrap;
}
ul {
  list-style-type: square;
  margin-bottom: 0pt;
  margin-top: 4pt;
}
.mar_r_10 {
  margin-right: 10px;
}
.bold {
  font-weight: bold;
}
.block {
  display: block;
}
.word-wrap {
  word-wrap: break-word;
}
.word-break-all {
  word-break: break-all;
}
.clear {
  clear: both;
}
.table-row {
  display: table-row;
}
.tall-content {
  height: 531px;
}
.list-view {
  padding: 0px;
}
li {
  line-height: normal;
}
.hidden {
  display: none;
}
.noborder {
  border: none;
}
.table-cell {
  display: table-cell;
}
[class^="icon-"],
[class*=" icon-"] {
  top: 0;
  margin-top: 0;
}
/*FORM's elements*/
/*input,select,textarea*/
.form-style {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
}
.form-style-focus {
  background-color: #ffffff;
  border: 1px solid #b1b1b1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
}
label {
  font-size: 14px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
  display: inline-block;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0px 5px;
  font-size: 14px;
}
select {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
  display: inline-block;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0px 0px 0px 5px;
  font-size: 14px;
}
textarea {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
  display: inline-block;
  height: auto;
  line-height: 20px;
  vertical-align: middle;
  font-size: 14px;
  resize: none;
}
legend {
  font-size: 12px;
  line-height: normal;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  color: #333333;
  border: 0;
  font-weight: bold;
}
legend small {
  color: #999999;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  background-color: #ffffff;
  border: 1px solid #b1b1b1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: 3px;
  width: auto;
}
title {
  background-color: black;
}
.form-horizontal .control-group:before {
  display: table;
  content: "";
  line-height: 0;
}
input[type="number"] {
  padding-right: 0px;
}
.form-horizontal .control-group {
  margin-bottom: 6px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
/*.control-group {margin-bottom:12px !important;}*/
.radio,
.checkbox {
  padding-left: 0px;
  margin-left: 0px;
  min-height: inherit;
}
.checkbox-label-text {
  display: inline;
  line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: 3px;
  width: auto;
}
input[type="submit"] {
  width: auto;
}
fieldset {
  border: 0 none;
}
/*for all btn*/
/*main-menu*/
.hide-background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0);
  z-index: 100;
  display: none;
}
.hide-background.active {
  display: block;
}
.right_menu_block {
  width: 600px;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: -600px;
  z-index: 200;
  padding: 50px 0px 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.right_menu_block_content {
  overflow: hidden;
  width: 600px;
  height: 100%;
  box-sizing: border-box;
}
.right_menu_block a,
.right_menu_block a:link {
  width: 100%;
  height: 60px;
  padding: 15px 20px 22px 80px;
  color: #999999 !important;
  font-size: 18px;
  line-height: 20px;
  display: block;
  background-size: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.right_menu_block a:hover {
  color: #999999;
}
.right_menu_block a > div {
  display: inline-block;
}
.right_menu_block a .link-icon {
  width: 29px;
  height: 22px;
  vertical-align: top;
  margin-right: 20px !important;
}
.right_menu_block a#desktop .link-icon {
  background-position: 284px 0;
}
.right_menu_block a#seminarroom .link-icon {
  background-position: 250px 0;
}
.right_menu_block a#catalog .link-icon {
  background-position: 212px 0;
}
.right_menu_block a#profile .link-icon {
  background-position: 175px 0;
}
.right_menu_block a#administration .link-icon {
  background-position: 141px 0;
}
.right_menu_block a#tutoring .link-icon {
  background-position: 107px 0;
}
.right_menu_block a#Systemadministration .link-icon {
  background-position: 45px 0;
}
.right_menu_block a#logout .link-icon {
  background-position: 75px 0;
}
.right_menu_block_close {
  background-position: 0px 0;
  width: 30px;
  height: 20px;
  margin-left: 10px;
  margin-top: -30px;
  margin-bottom: 15px;
  display: none;
}
.vr_nav_tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.vr_lr_tab_box {
  height: 30px;
  margin-bottom: 10px;
  min-height: 23px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  position: relative;
  background: transparent;
}
.vr_lr_tab_box.hidden-mobile {
  display: none;
}
.mobile-selector {
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 38px;
  padding: 0 20px;
  width: 100%;
  height: 33px;
  margin-top: 5px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
}
#custom-navbar-toggle,
#navbar-toggle {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  box-sizing: border-box;
  display: none;
  height: 28px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 12px;
  transition: all 100ms ease 0s;
  width: 50px;
  z-index: 1000;
  cursor: pointer;
}
#custom-navbar-toggle .icon-bar,
#navbar-toggle .icon-bar {
  border-radius: 2px;
  display: block;
  height: 3px;
  margin: auto auto 5px;
  width: 30px;
}
/*mobile-selector-select*/
#mobile-selector-select {
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 38px;
  padding: 0 20px;
  width: 60%;
  height: 27px;
  margin-top: 5px;
  margin-bottom: 1px;
  position: relative;
}
#mobile-selector-select:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 8px;
  right: 10px;
}
#mobile-selector-select.active:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  position: absolute;
  top: -3px;
  right: 10px;
}
/*nav tabs*/
/*comment for password*/
.hint, .project-hint {
  position: relative;
  cursor: default;
}
.hint .control-group, .project-hint .control-group {
  margin: 0px !important;
}
.hint .control-hint, .project-hint .project-hint-text {
  position: absolute;
  display: none;
  width: 220px !important;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 11px;
  color: #000000 !important;
  bottom: auto;
}
.hint .control-hint:before, .project-hint .project-hint-text:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-top-style: solid;
  border-top-width: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: none;
  content: "";
  display: inline-block;
  left: 19px;
  position: absolute;
  bottom: -7px;
}
.hint .control-hint:after, .project-hint .project-hint-text:after {
  border-top-color: #fff;
  border-top-style: solid;
  border-top-width: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  content: "";
  display: inline-block;
  left: 20px;
  position: absolute;
  bottom: -6px;
}
.hint .help-inline.error {
  width: 227px;
}
.hint.active .control-hint, .project-hint.active .project-hint-text {
  display: block;
}
.create_user_tab_container .project-hint .project-hint-text {
  bottom: 30px;
  left: 180px;
}
.edit_user_tab_container .project-hint .project-hint-text {
  bottom: 30px;
  left: 173px;
  width: 150px !important;
}
/*coach*/
.vr_coach_nav {
  display: table;
}
.vr_coach_nav > .btn {
  position: relative;
  display: table-cell;
  outline: none;
  height: 27px;
  border-left: 1px solid #fff;
}
.vr_coach_nav > .btn:first-child,
.vr_coach_nav > .btn:first-child:hover {
  border-left: 0px;
}
.vr_coach_nav > .btn:hover {
  height: 27px;
  border-left: 1px solid #fff;
}
.vr_coach_nav span {
  position: absolute;
  top: 3px;
  left: 5px;
}
.vr_lg_coach_wrap_bottom h3 {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 17px;
  float: left;
  display: inline-block;
}
.vr_lg_huh_link {
  display: inline-block;
}
.vr_lg_coach_wrap_bottom div[class^='vr_lg_btn_'] {
  margin: 4px 4px;
  float: left;
}
.vr_lg_coach_wrap_bottom .activities-block {
  height: 142px;
}
.vr_sp_coach_wrap p {
  margin: 0px;
}
.vr_coach_nav {
  width: 100%;
  height: 22px;
  bottom: 0px;
  left: 0px;
  position: absolute;
  display: table;
}
.vr_coach_nav_cell_action {
  width: 75px;
  display: table-cell;
  text-align: center;
  position: relative;
}
.vr_coach_nav_cell_action:before {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 77px;
}
.vr_coach_nav_cell_action:after {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  top: 6px;
  right: 77px;
}
.vr_coach_nav_cell_course {
  width: 70px;
  display: table-cell;
  text-align: center;
}
.vr_coach_nav_cell_select {
  width: 77px;
  overflow: hidden;
  border: 0px;
  outline: none;
}
.vr_coach_nav_cell_select select {
  color: #006fb4;
  height: 28px;
  width: 99px;
  padding-top: 7px;
  border: 0px;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  overflow: hidden;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.coach_option {
  color: #006fb4;
  border: none;
  outline: none;
  padding-top: 7px;
  overflow: hidden;
  height: 22px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 4px;
}
.coach_message {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
  overflow: hidden;
}
.coach_message a.btn,
.vr_part_table_cell_social a.btn {
  float: right;
}
.coach_message .coach_message_text {
  margin-bottom: 10px;
}
.vr_coach_nav span {
  position: absolute;
  margin-top: 3px;
  margin-left: -5px;
}
/*for btn in sub navigation*/
ul.sub > li.sub {
  margin-bottom: 10px;
}
ul.sub > li.sub a {
  box-sizing: border-box;
  height: 30px;
  font-size: 14px;
  line-height: 26px;
  padding: 0px 5px;
  min-width: 120px;
}
ul.sub > li.sub.active a,
ul.sub > li.sub a:hover {
  box-sizing: border-box;
  height: 30px;
  font-size: 14px;
  line-height: 26px;
  padding: 0px 5px;
}
/*for disabled .btn*/
.disabled.btn:focus,
[disabled].btn:focus,
[disabled="disabled"].btn:focus,
.btn-disabled.btn:focus,
.disabled.btn_sm:focus,
[disabled].btn_sm:focus,
[disabled="disabled"].btn_sm:focus,
.btn-disabled.btn_sm:focus,
.disabled.btn-primary:focus,
[disabled].btn-primary:focus,
[disabled="disabled"].btn-primary:focus,
.btn-disabled.btn-primary:focus,
.disabled.btn:hover,
[disabled].btn:hover,
[disabled="disabled"].btn:hover,
.btn-disabled.btn:hover,
.disabled.btn_sm:hover,
[disabled].btn_sm:hover,
[disabled="disabled"].btn_sm:hover,
.btn-disabled.btn_sm:hover,
.disabled.btn-primary:hover,
[disabled].btn-primary:hover,
[disabled="disabled"].btn-primary:hover,
.btn-disabled.btn-primary:hover,
.disabled.btn:link,
[disabled].btn:link,
[disabled="disabled"].btn:link,
.btn-disabled.btn:link,
.disabled.btn_sm:link,
[disabled].btn_sm:link,
[disabled="disabled"].btn_sm:link,
.btn-disabled.btn_sm:link,
.disabled.btn-primary:link,
[disabled].btn-primary:link,
[disabled="disabled"].btn-primary:link,
.btn-disabled.btn-primary:link,
.disabled.btn:visited,
[disabled].btn:visited,
[disabled="disabled"].btn:visited,
.btn-disabled.btn:visited,
.disabled.btn_sm:visited,
[disabled].btn_sm:visited,
[disabled="disabled"].btn_sm:visited,
.btn-disabled.btn_sm:visited,
.disabled.btn-primary:visited,
[disabled].btn-primary:visited,
[disabled="disabled"].btn-primary:visited,
.btn-disabled.btn-primary:visited {
  color: #333 !important;
  border-color: #ddd !important;
  background: #ddd !important;
  cursor: default;
  text-decoration: none !important;
  opacity: 1  !important;
}
.disabled.btn,
[disabled].btn,
[disabled="disabled"].btn,
.btn-disabled.btn,
.disabled.btn_sm,
[disabled].btn_sm,
[disabled="disabled"].btn_sm,
.btn-disabled.btn_sm,
.disabled.btn-primary,
[disabled].btn-primary,
[disabled="disabled"].btn-primary,
.btn-disabled.btn-primary {
  color: #333 !important;
  border-color: #ddd !important;
  background: #ddd !important;
  cursor: default;
  text-decoration: none !important;
  opacity: 1  !important;
}
.ui-state-disabled .btn,
.ui-state-disabled .btn:hover,
.ui-state-disabled button.btn:hover {
  color: #333 !important;
  border-color: #ddd !important;
  background: #ddd !important;
  cursor: default;
  box-shadow: none !important;
  opacity: 1  !important;
  text-decoration: none !important;
}
ul.sub > li.sub.disabled a,
ul.sub > li.sub.disabled a:hover {
  color: #333 !important;
  cursor: default;
  background: #ddd !important;
  background-color: #ddd !important;
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1  !important;
}
/*min-width for btn-small(+  -  ->)*/
.btn-small {
  min-width: 30px;
}
/*line for administration*/
hr {
  background-color: #ddd;
  border: 0 none;
  margin: 20px 0px;
  height: 1px;
}
/*On/Off FlipSwitch*/
.design-profile-checkbox label.checkbox input[type=checkbox] {
  visibility: hidden;
}
.design-profile-checkbox label.checkbox {
  width: 70px;
  height: 22px;
  background: #333;
  margin: 2px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.design-profile-checkbox label.checkbox:after {
  content: 'OFF';
  font: 12px/24px Arial, sans-serif;
  color: #ffffff;
  position: absolute;
  right: 0px;
  z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
  background: #999999;
  width: 28px;
  height: 22px;
  text-align: right;
  padding-right: 7px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.design-profile-checkbox label.checkbox:before {
  content: 'ON';
  font: 12px/24px Arial, sans-serif;
  color: #ffffff;
  position: absolute;
  left: 0px;
  z-index: 0;
  font-weight: bold;
  background: #fff;
  width: 40px;
  height: 22px;
  padding-left: 7px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-keft-radius: 3px;
  border-bottom-left-radius: 3px;
}
.design-profile-checkbox label.checkbox .checkbox-label-text {
  display: block;
  width: 34px;
  height: 20px;
  text-indent: -999999px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #CCC;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  -webkit-box-shadow: inset 0px 10px 7px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 10px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 10px 7px 0px rgba(0, 0, 0, 0.2);
  background: #ffffff;
}
.design-profile-checkbox label.checkbox .checkbox-span-text {
  white-space: nowrap;
  margin-left: 90px;
}
.design-profile-checkbox label.checkbox input[type=checkbox]:checked + .checkbox-label-text {
  left: 35px;
}
/*close*/
.close {
  font-size: 0px;
  line-height: normal;
  color: #ffffff;
  text-shadow: 0 0px 0 #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
}
.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 0;
  line-height: normal;
  color: #ffffff;
}
.close::before {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
}
/*Startpage*/
.vr_sp_widgets_holder {
  box-sizing: border-box;
  width: 100%;
  margin-right: 10px;
}
.vr_sp_cont {
  box-sizing: border-box;
  float: left;
}
/*menu_block*/
/*wrappers with smooth-scroll*/
.vr_lr_table_wrap {
  height: 540px;
}
.vr_part_table_wrap {
  height: 572px;
}
.vr_catalog_table_wrap {
  height: 541px;
}
.vr_catalog_table_wrap .list-view {
  padding: 0 10px;
}
/* lp  wrapp for content scroll*/
.vr_lga_course_wrap {
  background-color: transparent;
  box-sizing: border-box;
  padding: 10px 1px 20px 20px;
  position: relative;
  width: 100%;
}
.lp_materials,
.vr_lga_course_wrap .lp_description {
  padding-right: 10px;
  height: 517px;
  width: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
/*list-view wrapper design*/
.design-activity-results,
.vr_sp_course_wrap .vr_sr_table_wrap,
.vr_border,
.vr_part_wrap,
.vr_lga_course_wrap {
  border: none;
  height: 527px;
}
.design-participants,
.design-activity-results,
.vr_catalog_wrap,
.vr_catman_wrap,
.vr_lr_course_wrap,
.vr_lg_course_wrap.vr_lg_vruler,
.design-activity-results.list-view {
  height: 541px;
}
.vr_part_wrap {
  padding: 15px 0px 15px 15px;
}
.vr_part_header {
  padding-right: 20px;
  min-height: 38px;
}
.vr_part_content_wrap {
  max-height: 494px;
  margin-top: 10px;
}
.catalog_cont_wrap .vr_lr_cont_header {
  height: 102px;
}
.vr_lr_cont_header .back_button {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}
/*list-view row wrapper*/
.vr_report_table,
.vr_sem_table {
  display: table;
  border: 0 solid #cccccc;
  border-bottom: 0 solid #cccccc;
  border-collapse: collapse;
  width: 100%;
  margin-top: 0;
  color: #333333;
  padding: 0 10px;
  box-sizing: border-box;
}
/*list-view */
.list-view .summary {
  margin: 0 0 5px;
  text-align: right;
}
.list-view .sorter {
  margin: 0 0 5px;
  text-align: right;
}
.list-view .pager {
  margin: 5px 0 0;
  text-align: right;
}
.list-view .sorter {
  font-size: 1em;
}
.list-view .sorter ul {
  display: inline;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.list-view .sorter li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
}
.list-view .sorter a.asc {
  padding-right: 10px;
}
.list-view .sorter a.desc {
  padding-right: 10px;
}
/**/
.vr_sem_table {
  border-collapse: collapse;
}
.vr_report_table_row {
  display: table-row;
  height: 40px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  position: relative;
  border-collapse: collapse;
}
.vr_sem_table_row {
  height: 40px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vr_sem_table_row:last-child {
  border-bottom: none;
}
.vr_sem_table_row .vr_cat_table_cell_img img {
  max-width: 100px;
  max-height: 102px;
}
/*my courses style*/
.vr_sr_table_wrap .qualitest-list,
.vr_sr_table_wrap .e-learnings-list {
  padding: 10px 0;
}
.vr_sr_table_wrap .qualitest-list .courses-name,
.vr_sr_table_wrap .e-learnings-list .courses-name {
  font-weight: bold;
  padding-bottom: 10px;
}
.courses-list {
  border: 1px solid #ccc;
  padding: 0 5px;
}
/*catalog list-item +:hover*/
.vr_cat_table_row {
  display: table-row;
  height: 80px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.vr_cat_table_row:last-child {
  border-bottom: none;
}
.vr_catman_table_row {
  display: table-row;
  height: 119px;
  border-bottom: 1px solid #ccc;
}
.vr_catman_table_row:last-child {
  border-bottom: none;
}
.vr_cat_table_cell_img {
  display: table-cell;
  border: 0;
  vertical-align: middle;
  width: 150px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.vr_cat_table_cell_info {
  display: table-cell;
  border: 0;
  text-align: left;
  vertical-align: top;
  color: #333333;
  background-color: transparent;
  padding-top: 15px;
  padding-left: 20px;
  overflow: hidden;
}
.vr_cat_table_cell_info .vr_lg_btn_course {
  margin-right: 5px;
}
.vr_cat_table_cell_info .vr_cat_table_cell_info_btn > div,
.vr_cat_table_cell_info .vr_cat_table_cell_info_btn > a {
  float: right;
}
.vr_cat_table_cell_info_btn .vr_cat_btn_external {
  margin-right: 8px !important;
}
.vr_cat_table_cell_info.vr_cat_table_cell_info_titel {
  width: 480px;
}
.vr_cat_table_cell_info.vr_cat_table_cell_info_id {
  width: 180px;
}
.vr_cat_table_cell_info_btn {
  display: table-cell;
  border: 0px;
  vertical-align: middle;
  width: 130px;
  text-align: center;
  padding-top: 0px;
}
.vr_catalog_wrap {
  width: auto;
  height: 546px;
  padding: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  background-color: transparent;
}
.vr_catalog_wrap .list-view {
  padding: 0 10px;
}
.vr_catman_wrap {
  width: auto;
  height: 546px;
  padding: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  background-color: transparent;
}
#img_cat {
  padding-top: 2px;
}
.vr_cat_table_cell_info .description span {
  display: block;
  color: #aaaaaa;
}
.vr_cat_table_cell_info span.titel {
  height: 40px;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  color: #333333;
  line-height: 20px;
}
.vr_cat_table_cell_info .left {
  width: 190px;
  overflow: hidden;
}
.vr_cat_table_cell_info .vr_cat_btn_booked,
.vr_cat_btn_waitlist .vr_cat_btn_bookwait {
  margin-top: 0px;
}
.vr_catman_table_row .vr_cat_table_cell_info .vr_cat_btn_booked {
  margin-top: 8px;
}
.vr_cat_table_cell_img img {
  max-height: 73px;
  max-width: 107px;
  height: auto;
  width: auto;
}
.vr_cat_table_cell_info .info {
  margin-right: 10px;
  width: 420px;
  float: left;
  max-height: 50px;
  overflow: hidden;
}
.vr_cat_table_cell_info .info.bold {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.vr_cat_table_cell_info .vr_cat_btn_internal {
  float: right;
}
.vr_cat_table_cell_details {
  height: 365px;
}
.vr_cat_table_cell_details_content {
  padding-right: 15px;
}
/**/
/* Participants/tutors */
.vr_part_table_wrap {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0px 0px 5px;
  position: relative;
  overflow-y: auto;
}
.vr_part_table {
  display: table;
  border: 0px solid #cccccc;
  width: 100%;
  margin-top: 0px;
  color: #333333;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.vr_part_table_row {
  display: table-row;
  height: 120px;
}
.vr_part_table_cell_photo {
  display: table-cell;
  overflow: hidden;
  min-width: 70px;
  max-width: 70px;
  border: 0px;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
}
.vr_part_table_cell_social {
  display: table-cell;
  overflow: hidden;
  min-width: 100px;
  max-width: 120px;
  border: 0px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.vr_part_table_cell_info1 {
  display: table-cell;
  overflow: hidden;
  min-width: 40px;
  max-width: 60px;
  border: 0px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-weight: bold;
}
.vr_part_table_cell_info2 {
  display: table-cell;
  overflow: hidden;
  min-width: 100px;
  max-width: 250px;
  border: 0px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
}
.vr_part_table_cell_company {
  display: table-cell;
  overflow: hidden;
  min-width: 70px;
  max-width: 120px;
  border: 0px;
  padding-left: 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
  padding-top: 20px;
  padding-bottom: 20px;
}
.vr_part_table_cell_bullet {
  display: table-cell;
  overflow: hidden;
  min-width: 41px;
  max-width: 41px;
  border: 0px;
  text-align: center;
  min-width: 40px;
  border-bottom: 1px solid #cccccc;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.vr_part_table_row:last-child .vr_part_table_cell_photo {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_social {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_info1 {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_info2 {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_id {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_company {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_row:last-child .vr_part_table_cell_bullet {
  border-bottom: 0px solid #cccccc;
}
.vr_part_table_cell_photo img {
  height: 80px;
  width: 55px;
}
.vr_part_table_cell_social a.btn {
  float: left;
  margin: 0;
}
.vr_part_social_media {
  height: 35px;
  padding-top: 10px;
}
.vr_part_table_cell_company strong {
  padding-right: 5px;
}
.vr_part_table_cell_info1 p,
.vr_part_table_cell_info2 p {
  margin: 0;
  padding: 0;
}
.vr_part_content {
  padding-right: 20px;
  box-sizing: border-box;
}
.vr_part_content p {
  padding-top: 0px;
  font-size: 13px;
  color: #4e4e4e;
}
.vr_part_content p + p {
  padding-top: 0px;
}
.vr_part_content strong a {
  color: #333333;
}
.profile_nav.nav-tabs li > a {
  line-height: 15px;
}
/* Benutzerliste */
.vr_bn_card_box {
  margin-left: 20px;
  margin-bottom: 20px;
  height: 123px;
  width: 248px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #ffffff;
}
.vr_bn_card {
  margin-left: 89px;
  height: 103px;
  padding-top: 20px;
}
.vr_bn_bank {
  line-height: 28px;
}
/*tutor*/
.lp_activity_wrap .vr_part_content_wrap {
  height: 575px;
}
.tutoring_link {
  display: none;
}
/*tabs for administration*/
.design-tabs {
  position: relative;
  min-width: 1001px;
  min-height: 600px;
  margin-bottom: 10px;
  padding-bottom: 40px;
  /*nav-tabs*/
}
.design-tabs .nav-tabs {
  display: block;
  width: 100%;
  margin-top: 0px;
  border: none;
  /*li */
}
.design-tabs .nav-tabs li {
  margin-bottom: 0px;
  height: 32px;
  display: block;
  float: left;
  border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  border-left: #ddd solid 1px;
  background-color: #fff;
  /*a*/
}
.design-tabs .nav-tabs li:first-child {
  border-left-color: transparent;
}
.design-tabs .nav-tabs li:last-child {
  border-right-color: transparent;
}
.design-tabs .nav-tabs li.active {
  border-bottom-color: transparent ;
  background-color: transparent;
  background-image: none;
  filter: none;
  border-bottom-color: transparent;
}
.design-tabs .nav-tabs li a {
  background: none;
  border-radius: 0px;
  margin: 0px;
  color: #000000;
  padding: 7px 30px;
  text-align: center;
  border: none;
  line-height: 17px;
}
.design-tabs .nav-tabs li a:hover {
  background: none;
  border-color: transparent;
}
.design-tabs .nav-tabs li.active {
  border-bottom: transparent solid 1px;
  background-color: transparent;
  background-image: none;
  filter: none;
}
.design-tabs .nav-tabs li.active a {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
}
.design-tabs .nav-tabs li.active a:hover {
  background: none;
  border-color: transparent;
}
.design-tabs .tab-content {
  padding: 20px 20px 0 20px;
  min-height: 525px;
  background: none;
}
.design-tabs .tab-content .help-block {
  margin-left: 180px;
}
.design-tabs.sliderTab-hidden .nav-tabs {
  display: table;
  width: 100% !important;
  margin-top: 0px;
  border: none;
}
.design-tabs.sliderTab-hidden .nav-tabs li {
  display: table-cell;
  float: none !important;
}
/*design-tabs*/
.design-tabs .nav-tabs li.active {
  border-bottom: transparent;
}
/*nav-tabs*/
.nav-tabs {
  border: none;
}
.nav-tabs > li {
  margin-bottom: 5px;
}
/*sliderTab*/
.sliderTab-arrows .sliderTab-btn-left,
.sliderTab-arrows .sliderTab-btn-right {
  height: 30px;
  width: 22px;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  color: transparent;
  z-index: 10;
}
.sliderTab-arrows .sliderTab-btn-left {
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: 80%;
}
.sliderTab-arrows .sliderTab-btn-right {
  position: absolute;
  right: 0px;
  top: 0px;
  background-size: 80%;
}
.sliderTab-wrapper {
  width: 100%;
  height: 33px;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.sliderTab-container {
  white-space: nowrap;
  position: absolute;
  top: 0px;
  width: 50000px;
}
.sliderTab-container .sliderTab-tabItem {
  float: left;
  height: 32px;
}
/*buttons with image*/
.vr_lg_btn_assign,
.vr_lg_btn_attendance,
.vr_lg_btn_blog,
.vr_lg_btn_chat,
.vr_lg_btn_class,
.vr_lg_btn_course,
.vr_lg_btn_exam,
.vr_lg_btn_exwiki,
.vr_lg_btn_forum,
.vr_lg_btn_video,
.vr_lg_btn_finish,
.vr_lg_btn_makrolog,
.vr_lg_btn_webinar,
.vr_lg_btn_play,
.vr_lg_btn_mail,
.vr_lg_btn_site,
.vr_lg_btn_recognition,
.vr_lg_btn_help,
.vr_lg_btn_menu,
.vr_lg_btn_home,
.vr_lg_btn_profile,
.vr_lga_start,
.vr_part_wrap .play,
.vr_lg_btn_logout,
.vr_lg_btn_impr,
.vr_lg_btn_questionnaire,
.vr_lg_btn_document,
.vr_lg_btn_download,
.vr_lg_btn_learningdiary,
.vr_lg_btn_supervisedtest,
.vr_lg_btn_openmeeting {
  height: 38px;
  width: 38px;
  float: right;
  cursor: pointer;
  background-repeat: no-repeat;
}
.vr_lg_btn_download {
  margin-right: 7px;
}
.vr_lg_btn_help,
.vr_lg_btn_impr,
.vr_lg_btn_logout,
.vr_lg_btn_profile,
.vr_lg_btn_home {
  position: relative;
  top: 0;
  display: inline;
  margin-left: 16px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
}
.vr_lg_btn_makrolog {
  background-position: -2px -202px;
}
.vr_lg_btn_supervisedtest {
  background-position: -242px -162px;
}
.vr_lg_btn_learningdiary {
  background-position: -202px -162px;
}
.vr_lg_btn_impr {
  background-position: -122px -162px;
}
.vr_lg_btn_help {
  background-position: -242px -122px;
}
.vr_lg_btn_menu {
  background-position: -122px -122px;
}
.vr_lg_btn_logout {
  background-position: -162px -122px;
}
.vr_lg_btn_profile {
  background-position: -242px -42px;
}
.vr_lg_btn_home {
  background-position: -82px -122px;
}
.vr_lg_btn_assign {
  background-position: -42px -2px;
}
.vr_lg_btn_attendance {
  background-position: -82px -2px;
}
.vr_lg_btn_blog {
  background-position: -122px -2px;
}
.vr_lg_btn_chat {
  background-position: -242px -2px;
}
.vr_lg_btn_class {
  background-position: -42px -82px;
}
.vr_lg_btn_course {
  background-position: -122px -82px;
}
.vr_lg_btn_exam {
  background-position: -42px -42px;
}
.vr_lg_btn_exwiki {
  background-position: -162px -42px;
}
.vr_lg_btn_forum {
  background-position: -82px -42px;
}
.vr_lg_btn_video {
  background-position: -162px -2px;
}
.vr_lg_btn_webinar,
.vr_lg_btn_openmeeting {
  background-position: -202px -2px;
}
.vr_lg_btn_play,
.vr_lga_start,
.vr_part_wrap .play {
  background-position: -2px -2px;
}
.vr_lg_btn_site {
  background-position: -202px -82px;
}
.vr_lg_btn_recognition {
  background-position: -2px -162px;
}
.vr_lg_btn_questionnaire {
  background-position: -82px -162px;
}
.vr_lg_btn_document {
  background-position: -42px -162px;
}
.vr_cat_btn_internal,
.vr_cat_btn_external,
.vr_cat_btn_book,
.vr_cat_btn_booked,
.vr_cat_btn_bookwait,
.vr_cat_btn_waitlist,
.vr_lg_btn_course {
  height: 36px;
  width: 36px;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  cursor: pointer;
}
.vr_cat_btn_external {
  margin-right: 15px;
}
.vr_cat_btn_internal {
  background-position: -202px -122px;
}
.vr_cat_btn_external {
  background-position: -242px -82px;
}
.vr_cat_btn_book {
  background-position: -42px -122px;
}
.vr_cat_btn_booked {
  background-position: -2px -122px;
}
.vr_cat_btn_bookwait {
  background-position: -42px -202px;
}
.vr_cat_btn_waitlist {
  background-position: -82px -202px;
}
.vr_lg_btn_mail {
  background-position: -162px -82px;
}
.vr_lg_btn_finish {
  background-position: -202px -42px;
}
.vr_lg_btn_download {
  background-position: -162px -162px;
}
.vr_lr_tab_box .btn {
  float: left;
  margin-right: 5px;
}
/**/
.vr_lg_huh,
.vr_lg_add {
  height: 15px;
  width: 15px;
}
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  -khtml-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* Popups */
.modal {
  border-radius: 0px;
  margin-left: -200px;
}
.modal-header {
  border: 0;
  border-radius: 0px;
}
.modal-header h4 {
  padding-top: 10px;
  font-weight: bold;
  color: #333333;
  font-family: Arial;
}
.modal-body {
  border: 0;
  border-radius: 0px;
}
.modal-footer {
  border: 0;
  border-radius: 0px;
  background-color: #ffffff;
}
iframe {
  border: 0;
}
/* Bildungmanager Table */
.table {
  margin-bottom: 20px;
  word-break: break-all;
}
.table th,
.table td {
  padding: 3px;
  line-height: normal;
  text-align: left;
  vertical-align: top;
  border-top: 0px solid #ffffff;
}
.table th {
  font-weight: bold;
}
.table-bordered {
  border: 1px solid #ffffff;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.table-bordered th,
.table-bordered td {
  border-left: 0px solid #ffffff;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.table-condensed {
  line-height: normal;
  overflow: auto;
}
.table-condensed th {
  background-color: #cccccc;
}
.select2-search-choice-close {
  top: 3px;
}
/*tab1 width do not work in IE*/
.select2-container.select2-container-multi.select2-dropdown-open {
  width: auto !important;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  display: none;
}
.select2-drop-active {
  border-color: #cccccc;
}
h3.notes {
  color: #000000;
  padding-top: 20px;
}
.popup-container {
  overflow: hidden;
}
.modal-body {
  max-height: none;
  padding: 0px 15px;
}
form {
  margin: 0;
}
/*for all wrappers*/
/*header-wrap*/
.vr_lg_btn_box {
  margin: 0px auto;
  position: relative;
}
/*main-menu-wrap*/
.vr_sp_tab_wrap {
  height: auto;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 10px;
  background-color: transparent;
  margin: 0px auto;
  box-sizing: border-box;
  /* This could be used to display a blue bar in the tab menu */
  /* background: linear-gradient(to bottom, #ffffff 0%, #ffffff 16px, #002f66 16px, #002f66 47px, #ffffff 47px, #ffffff 62px); /* W3C */
}
/*footer-wrap*/
.vr_lg_footer_box {
  height: 30px;
  min-width: 300px;
  width: 100%;
  margin: 0px auto;
  padding-top: 5px;
  padding-bottom: 0px;
  box-sizing: border-box;
  text-align: right;
}
/*my desktop -> left-column*/
.vr_sp_cont_wrap {
  width: 100%;
  margin: 0px auto;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
.vr_sem_select {
  display: inline-block;
  float: right;
  margin-right: 0px;
  margin-top: -20px;
}
.vr_sem_select select {
  width: 206px;
  height: 25px;
}
.flip_wrap {
  width: auto;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*my desctop -> left-column*/
.vr_sp_cont {
  box-sizing: border-box;
  float: left;
  margin-right: 0px;
  min-width: 200px;
  width: 73%;
}
/*main navigation logo*/
.rwgv_logo {
  width: 26%;
  height: 30px;
  border-left: 10px solid #a00000;
  border-right: 10px solid #a00000;
  display: inline-block;
  float: right;
  margin-top: 6px;
  box-sizing: border-box;
  text-align: center;
}
.vr_lr_logo_img img,
.rwgv_logo img {
  width: auto;
  height: auto;
  max-width: 211px;
  max-height: 30px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.vr_sp_tab_box {
  min-width: 73%;
  width: 73%;
  max-width: 73%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}
/**/
.vr_lr_cont {
  max-width: 73%;
  min-width: 280px;
  width: 73%;
  padding: 0 15px;
  margin: 0px;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.vr_lr_cont_wrap {
  padding: 0px ;
  width: 100%;
  box-sizing: border-box;
}
/*profile*/
.vr_profile_wrap {
  box-sizing: border-box;
  min-height: 650px;
  width: 100%;
  position: relative;
  padding: 25px;
}
.vr_profile_wrap .tab-content {
  overflow: hidden;
  min-height: 600px;
}
.vr_pr_user_info {
  float: left;
  padding-right: 15px;
  min-width: 245px;
  box-sizing: border-box;
}
.vr_pr_user_info:last-child {
  margin-right: 0px;
}
.vr_pr_head hr {
  margin-left: 0px;
  margin-right: 0px;
}
.vr_pr_table_cell.bold {
  width: 155px;
}
.vrbildung_checkbox {
  display: none;
}
.profile_title {
  font-size: 14px;
  margin-top: 10px;
}
.vr_pr_businesscard_wrap input[type="button"],
.vr_pr_businesscard_wrap input[type="reset"],
.vr_pr_businesscard_wrap input[type="submit"] {
  margin-top: 10px;
}
.vr_profile_wrap .vr_pr_profile .fileinput-button {
  width: 90px;
  overflow: hidden;
}
#ForumPost-form .fileupload-buttonbar .btn {
  float: left;
}
#img_profile_reset_icon:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.profile_nav.nav-tabs {
  border-bottom: none;
  display: table;
}
.vr_profile_wrap ul.sub.profile_nav > li.sub {
  margin-right: 7px;
}
.profile_nav.nav-tabs > li > a {
  border: none;
}
.profile_nav.nav-tabs > li > a,
.nav-pills > li > a {
  margin-right: 0px;
  padding: 0px;
}
/******profile-form********/
#profile-form .vr_pr_top_right_wrap .control-group {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 0px !important;
}
#social-media-form .vr_pr_top_right_wrap {
  display: table;
}
#profile-form .design-profile-checkbox {
  width: 400px;
  padding-top: 5px;
}
#profile-form .design-profile-checkbox .vr_pr_table_cell {
  padding: 0px;
  vertical-align: middle;
}
#profile-form .vr_pr_top_right_wrap .control-group .controls input[type="checkbox"] {
  margin: 0px 15px 0px 0px;
}
#profile-form .vr_pr_top_right_wrap .control-group .controls label {
  margin: 0px;
}
.files .btn span {
  display: block !important;
}
.table_files #delete_button {
  margin-top: 20px;
  margin-left: -5px;
}
#profile-preferences-form .controls {
  margin-bottom: 20px;
}
/*profile custom fields*/
form#customfields-form-frontend .control-group {
  display: inline-block;
  width: 33%;
}
form#customfields-form-frontend input[type=checkbox],
form#customfields-form-frontend input[type=radio] {
  top: auto;
  bottom: 3px;
}
form#customfields-form-frontend .checkbox-label-text {
  display: inline-block;
}
form#customfields-form-frontend input[type="submit"] {
  margin-top: 10px;
  display: block;
}
/*my desctop -> my courses*/
.vr_sp_course_wrap {
  width: 100%;
  height: 455px;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  float: left;
}
.vr_sp_course_wrap h3 {
  margin: 0 0 0 10px;
  font-size: 17px;
  font-weight: normal;
}
/*my desctop -> news*/
.vr_sp_news_wrap {
  height: 211px;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 10px;
  /* for slimscroll */
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  position: relative;
  overflow: hidden;
}
#news_row.smooth-scroll {
  /* this padding is used for all smooth-scrols */
  padding-right: 10px;
}
.news_row_content {
  padding-right: 10px;
}
.vr_sp_news_wrap h3 {
  padding-bottom: 18px;
  cursor: pointer;
  margin: 0;
}
.vr_sp_news_wrap #news_row a {
  text-decoration: underline;
}
.news_popup.default {
  height: 555px;
  overflow: auto;
}
.news_popup.default hr {
  margin-left: 0px;
  margin-right: 0px;
}
.news_popup.default .news_popup_wrap {
  padding-right: 0px;
}
.news_popup.default .wrapper_news_row_class .news_row_text {
  padding-left: 15px;
  padding-right: 15px;
}
.news_popup.default .wrapper_news_row_class h3 {
  font-size: 13px;
  margin-bottom: 10px;
}
.news_popup.default .wrapper_news_row_class p {
  font-size: 13px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
}
.news_popup.default .wrapper_news_row_class table {
  width: 100% !important;
}
.news_popup.default .wrapper_news_row_class a,
.news_popup.default .wrapper_news_row_class a:link {
  font-size: 13px;
}
/*my desktop -> poll*/
.vr_sp_vote_wrap {
  width: 30%;
  height: 211px;
  /* Educated guess. 5 pages of measurements FOR THIS SPECIFIC ELEMENT and this is still unclear! */
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 20px;
  margin: 0 0 0 12px;
  float: right;
  position: relative;
}
.poll_row_content {
  padding-right: 10px;
}
.vr_sp_vote_wrap h3 {
  padding-bottom: 18px;
  margin: 0;
}
#vote-form h1 {
  padding-top: 10px;
  font-weight: bold;
  color: #333333;
  font-family: Arial;
}
#vote-form hr {
  display: none;
}
.vote-question {
  font-size: 13px;
}
.form-actions {
  background-color: transparent;
  border: 0 solid #e5e5e5;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/*vote pop up*/
#vote-form h1 {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  font-family: Arial;
  margin: 0;
}
#vote-form .vote-answers input[type="radio"] {
  display: inline-block;
  height: 11px;
  top: -4px;
}
#vote-form .vote-answers label {
  font-size: 13px;
  margin-bottom: 12px;
  line-height: 11px;
  display: inline;
  vertical-align: top;
}
#vote-form.form-horizontal .controls {
  margin-left: 0px;
}
#vote-form .radiobuttonlist-container > div {
  margin-bottom: 10px;
}
.vote-question {
  padding-bottom: 15px;
}
#save_vote {
  margin-top: 15px;
}
/*right-column -> coach*/
.vr_coach_container,
.vr_filter_container {
  width: 27%;
  height: 678px;
  max-width: 27%;
  min-width: 180px;
  box-sizing: border-box;
  float: right;
  padding-left: 12px;
  position: relative;
}
.vr_coach_container .close,
.vr_filter_container .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
/*sp-coach*/
.vr_sp_coach_wrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 30px;
  padding-right: 0px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  overflow: hidden;
}
.coach_message h3 {
  padding-bottom: 10px;
  margin: 5px 0 0 0;
}
.vr_sp_coach_wrap #coach_notification {
  height: 620px;
}
/*lg-coach*/
.vr_lg_coach_wrap_top {
  box-sizing: border-box;
  float: right;
  height: 465px;
  margin: 0;
  padding: 15px 0 0 10px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.vr_lg_coach_wrap_top #coach_notification {
  height: 438px;
}
.vr_lg_coach_wrap_bottom {
  box-sizing: border-box;
  float: right;
  height: 200px;
  margin: 13px 0 10px 5px;
  padding: 19px 7px 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.coach_message_text p {
  margin-bottom: 2px;
}
/*seminarrom*/
.vr_lg_course_wrap {
  width: 100%;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  background-color: transparent;
}
.vr_lg_course_wrap.vr_lg_vruler {
  height: 540px;
  box-sizing: border-box;
  background-repeat: repeat-y;
  background-position: 40px top;
}
.vr_lg_course_wrap .row_block {
  padding-left: 100px;
}
.vr_lg_course_wrap .category_row .row_block {
  padding-left: 30px;
}
.vr_lg_box_wrap {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 0%, #ffffff 20%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(0%, #f5f5f5), color-stop(20%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 0%, #ffffff 20%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 0%, #ffffff 20%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 0%, #ffffff 20%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 0%, #ffffff 20%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  border: 1px solid #cccccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  float: left;
}
.vr_sp_news_wrap .list-view {
  padding-top: 0;
  height: 130px;
}
.vr_sp_course_wrap h3 {
  line-height: 21px;
}
.vr_lr_cont #search_field,
.vr_lr_search #lr_search {
  margin-right: 30px;
}
/*Seminar room table*/
.vr_sem_table_cell_id,
.vr_sem_table_cell_title,
.vr_sem_table_cell_lg {
  padding-left: 10px;
}
.vr_sem_table_cell_title {
  width: 50%;
}
.vr_sem_table_cell_lg {
  width: 120px;
}
.vr_sem_table_cell_title,
.vr_sem_table_cell_lg {
  padding-left: 10px;
  text-align: left;
  box-sizing: border-box;
}
.vr_sem_table_cell_id {
  width: 150px;
  text-align: left;
  margin-right: auto;
  color: #aaaaaa;
  background-color: transparent;
}
.vr_sem_table_cell_bullet {
  border: 0px;
  text-align: center;
  min-width: 40px;
  width: 5%;
}
.bullet.yellow::before {
  content: ' ';
  width: 13px;
  height: 13px;
  background-color: #ffcc00;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border: 1px solid #ffac00;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.bullet.green::before {
  content: ' ';
  width: 13px;
  height: 13px;
  background-color: #66cc33;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border: 1px solid #5AA929;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.bullet.red::before {
  content: ' ';
  width: 13px;
  height: 13px;
  background-color: #ff0000;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border: 1px solid #CA3838;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}
.bullet_m.yellow::before {
  content: ' \25CF';
  /*status_yellow.png*/
  font-size: 24px;
  line-height: 11px;
  color: #ffcc00;
}
.bullet_m.green::before {
  content: ' \25CF';
  font-size: 24px;
  line-height: 11px;
  color: #66cc33;
}
.bullet_m.red::before {
  content: ' \25CF';
  font-size: 24px;
  line-height: 11px;
  color: #ff0000;
}
.design-participants .vr_part_table_row .vr_part_table_cell_bullet .bullet:before {
  margin-top: 0px;
}
.video-frame {
  width: 1024px;
  height: 772px;
  overflow: hidden;
}
/*lp-activity-f2f*/
.design-f2f p {
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 0;
}
.design-classroomtraining p {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  min-width: 230px;
}
.design-classroomtraining h3 {
  margin-bottom: 15px;
}
/* Video Settings */
.vr_video_header img {
  display: none;
}
.vr_video_body {
  width: 1024px;
  height: auto;
  margin: auto;
}
.btn-picture:hover {
  text-decoration: none;
}
/*lp_virtual*/
.design-virtual p {
  display: inline-block;
  margin-right: 50px;
}
/**/
.lp_header {
  height: 35px;
  margin-bottom: 7px;
}
.lp_content {
  padding: 0 20px 5px 0;
}
.vr_sp_cont_wrap .vr_sp_course_wrap .vr_sr_table_wrap {
  height: 340px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0px 10px;
}
.vr_sp_course_wrap .vr_sem_table {
  margin-top: 0;
}
.vr_sp_course_wrap #los_list {
  margin-top: 30px;
  height: 365px;
}
.vr_sp_course_wrap #los_list .vr_sr_table_wrap {
  height: 371px;
}
.vr_lr_cont.design-border .vr_sr_table_wrap {
  height: 540px;
}
.vr_sp_cont_wrap .vr_sr_table_wrap.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -5px;
}
/*qualitest sequence*/
.vr_lr_cont.qualitest-sequence .vr_sr_table_wrap {
  max-height: 500px;
}
.vr_lr_cont.qualitest-sequence .vr_lg_vruler {
  max-height: 595px;
}
/*seminarroom - categorie*/
.category_row {
  padding-left: 70px !important;
  padding-right: 0px !important;
  height: auto !important;
  background: rgba(0, 0, 0, 0) repeat-y scroll 40px top;
  position: relative;
  border: none;
}
.vr_course_materials_attached_files .category_row {
  padding-left: 0px !important;
}
.ui-icon {
  height: 11px;
  width: 11px;
}
.ui-state-default .ui-icon {
  left: auto !important;
  right: 10px;
  background-position: -68px -119px;
}
.ui-state-default:hover .ui-icon {
  background-position: -38px -119px;
}
.ui-state-default.ui-state-active .ui-icon {
  background-position: -55px -119px;
}
.ui-state-default.ui-state-active:hover .ui-icon {
  background-position: -55px -119px;
}
.vr_course_materials_assigned_files {
  margin-bottom: 17px;
}
.vr_course_materials_assigned_files .attached-file,
.vr_course_materials_attached_files .attached-file {
  display: block;
  margin-bottom: 5px;
}
.vr_course_materials_assigned_files h6 {
  font-weight: bold;
  font-size: inherit;
  margin: 0px;
  margin-bottom: 10px;
}
.vr_lga_course_wrap .vr_course_materials_assigned_files hr {
  margin-right: 10px;
}
/*chat*/
.vr_bl_edit_comment,
.vr_bl_comment_wrap,
.vr_blog_wrap {
  margin-bottom: 20px;
}
/*slider*/
span#prev,
span#next {
  position: absolute;
  top: 50%;
  height: 31px;
  width: 20px;
  display: block;
  z-index: 100;
  cursor: pointer;
  background-repeat: no-repeat;
}
span#prev {
  left: 19px;
  background-position: 0px 0px;
}
span#next {
  right: 19px;
  background-position: 0px -33px;
}
/* Profile */
.vr_pr_menu_wrap {
  width: 130px;
  background-color: transparent;
  margin-top: 0px;
  margin-right: 25px;
  float: left;
}
.vr_pr_menu {
  height: 359px;
  width: 228px;
  background-color: green;
  top: 16px;
  position: relative;
}
#businesscard-form select {
  margin-right: 50px;
  width: 195px;
  margin-bottom: 0px;
}
#businesscard-form input[type='text'] {
  width: 195px;
  margin-right: 50px;
}
.vr_pr_cont {
  float: left;
  width: 810px;
  position: relative;
  background-color: transparent;
}
.vr_profile_wrap .vr_pr_cont {
  float: left;
  width: 82%;
  max-width: 810px;
}
.vr_pr_cont .btn_data_request {
  margin-top: 28px;
}
.vr_pr_cont select {
  margin-right: 15px;
}
.vr_pr_cont #businesscard-form #Businesscard_ADDRESS {
  margin-right: 0;
  width: 685px;
}
.vr_pr_cont #save_businesscard {
  margin-top: 15px;
}
.vr_pr_businesscard_wrap #Businesscard_ADDRESS {
  width: 794px;
  box-sizing: border-box;
}
.vr_pr_businesscard_wrap textarea {
  width: 685px;
  box-sizing: border-box;
}
.vr_pr_cont label {
  margin-top: 10px;
}
.vr_pr_businesscard_wrap input[type="button"],
.vr_pr_businesscard_wrap input[type="reset"],
.vr_pr_businesscard_wrap input[type="submit"] {
  margin-top: 10px;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
}
.vr_pr_top_left_wrap {
  width: 100%;
}
.vr_pr_top_left_wrap input[type="text"] {
  width: 351px;
}
.vr_pr_businesscard_wrap input[type="text"] {
  width: 351px;
}
/*password-form*/
#profile-form .hint .control-hint {
  left: 0px;
}
.design-form-new-user .hint .control-hint {
  left: 180px;
}
.update_user_info .hint .control-hint {
  left: 160px;
}
/*vr_nav_tab sub profile_nav nav nav-tabs*/
#businesscard-form .field {
  float: left;
}
.vr_sp_cont_wrap.tab-pane.fade b {
  line-height: 22px;
  margin-bottom: 20px;
}
#profile-form .vr_pr_table {
  margin-bottom: 15px;
  width: 420px;
}
#user_photo_upload span.btn {
  padding: 5px 1px;
  width: 114px;
}
.bullet {
  position: relative;
}
.vr_part_table_cell_bullet .bullet.red,
.vr_part_table_cell_bullet .bullet.green {
  width: 40px;
}
/**/
.vr_pr_profile {
  margin-top: 32px;
  position: relative;
}
.vr_pr_profile .btn {
  padding: 8px;
  /* align nicely with the image above */
}
.vr_pr_profile_wrapper {
  display: block;
  height: 164px;
  width: 112px;
  border: 1px solid #cccccc;
}
.img_profile {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vr_pr_menu_option {
  height: 89px;
  border-bottom: 1px solid #cccccc;
  width: 123px;
  background-color: #f0f0f0;
  padding-left: 105px;
  vertical-align: middle;
  line-height: 89px;
  color: #333333;
}
.vr_pr_menu_option.active {
  background-color: #ffffff;
}
.pr_opt1 {
  background-position: 57px center;
  background-repeat: no-repeat;
}
.pr_opt2 {
  background-position: 57px center;
  background-repeat: no-repeat;
}
.pr_opt3 {
  background-position: 57px center;
  background-repeat: no-repeat;
}
.pr_opt4 {
  background-position: 57px center;
  background-repeat: no-repeat;
}
.vr_pr_head {
  float: left;
  max-width: 84%;
  min-width: 200px;
  width: 84%;
  position: relative;
  background-color: transparent;
  margin-top: 30px;
  font-weight: normal;
  font-family: Arial;
  height: auto;
}
#social-media-form .control-group {
  margin-bottom: 0!important;
}
/*btn for  profile photo*/
#user_photo_upload span.btn {
  font-size: 11px;
  padding: 0px 3px;
  width: 114px;
}
#img_profile_reset_icon:hover {
  border: none;
}
#img_profile_reset_icon {
  position: absolute;
  left: 93px;
  top: 0px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  visibility: hidden;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
}
#img_profile_reset_icon:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.vr_pr_profile_wrapper:hover #img_profile_reset_icon {
  visibility: visible;
}
.vr_pr_profile table {
  margin-bottom: 0px;
}
/*Seminarroomm*/
/*seminar room box*/
.vr_lg_box {
  border: 0px;
  padding: 2px;
  text-align: left;
  line-height: 13px;
  float: right;
  width: 170px;
  height: 98px;
  position: relative;
}
.vr_lg_box_wrap .vr_lg_box span.bold {
  display: inline-block;
  width: 125px;
  overflow: hidden;
  max-height: 98px;
  line-height: 16px;
  white-space: normal;
}
.vr_lg_box_wrap .vr_lg_box.vr_lg_box_tutor span.bold {
  display: inline-block;
  width: 125px;
  overflow: hidden;
  max-height: 81px;
  line-height: 16px;
  white-space: normal;
}
.vr_lg_box a {
  white-space: normal;
}
.vr_lg_marker {
  background-repeat: no-repeat;
  margin-left: 0px;
  left: 10px;
  height: 29px;
  width: 600px;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
}
#pin-form input#pin {
  margin-right: 10px;
}
.pin_status_info {
  color: #c40000;
  font-size: 14px;
  margin-bottom: 15px;
}
/*forum*/
.vr_icon_forum {
  height: 19px;
  width: 19px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 15px;
}
.vr_forum_wrap {
  min-height: 540px;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 10px;
  border: none;
  box-sizing: border-box;
}
#forum_posts_list div {
  box-sizing: border-box;
}
#forum_posts_list div.priority {
  width: 18px;
  height: 18px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#forum_posts_list div.priority.high {
  background-position: -97px -118px;
}
#forum_posts_list div.priority.basic {
  background-position: -120px -115px;
}
.vr_forum_left_header {
  overflow: hidden;
}
.vr_forum_right_content {
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 15px;
  overflow: hidden;
}
.vr_forum_vbar {
  width: 12px;
  float: left;
  background-color: #00cc00;
  height: 540px;
  display: none;
}
.vr_forum_profile_text {
  height: 355px;
  overflow: auto;
}
.vr_forum_profile_text p {
  margin-bottom: 0px;
}
.vr_forum_table {
  padding: 0px 10px;
  width: 100%;
  box-sizing: border-box;
}
.vr_forum_table_row {
  width: 100%;
  display: table;
}
#forum_posts_header {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
}
#forum_posts_header .items {
  box-sizing: border-box;
  width: 100%;
  display: table;
}
.vr_forum_table_cell_subject_title,
.vr_forum_table_cell_author_title,
.vr_forum_table_cell_attach_title,
.vr_forum_table_cell_priority_title {
  display: table-cell;
  border: 0px;
  box-sizing: border-box;
  padding: 7px 5px;
}
#forum_posts_header div.vr_forum_table_cell_subject_title {
  width: 55%;
  padding-left: 17px;
  font-weight: bold;
}
#forum_posts_header div.vr_forum_table_cell_author_title {
  width: 25%;
  font-weight: bold;
}
#forum_posts_header div.vr_forum_table_cell_attach_title {
  width: 10%;
  font-weight: bold;
}
#forum_posts_header div.vr_forum_table_cell_priority_title {
  width: 10%;
  font-weight: bold;
}
.vr_forum_table_items {
  height: 430px;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.vr_forum_table_cell_subject,
.vr_forum_table_cell_author,
.vr_forum_table_cell_attach,
.vr_forum_table_cell_priority {
  display: table-cell;
  cursor: pointer;
  border: 0px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #cccccc;
}
.vr_forum_table_cell_subject {
  width: 52%;
  padding-left: 17px;
}
.vr_forum_table_cell_author {
  width: 25%;
}
.vr_forum_table_cell_attach {
  width: 10%;
}
.vr_forum_table_cell_priority {
  width: 10%;
  padding-left: 12px !important;
}
.vr_forum_table_row div {
  color: #000000;
  opacity: 1;
  padding: 5px 5px;
  display: table-cell;
}
.vr_forum_table_row div p {
  margin: 0px;
  max-height: 30px;
  overflow: hidden;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.vr_forum_post .btn_sm,
.vr_forum_post .btn_sm:hover {
  margin-right: 0px;
  width: 145px;
}
.vr_forum_table_cell_subject img {
  margin-left: -17px;
  padding-right: 11px;
  display: table-cell;
  display: inline-block;
  vertical-align: middle;
}
.vr_forum_select,
.vr_forum_post {
  float: right;
}
.vr_forum_select select {
  width: 147px;
}
.vr_forum_post input {
  width: 134px;
}
.vr_forum_search {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 10px;
}
.vr_forum_search .lr_search {
  margin-left: 16px;
  margin-right: 16px;
}
.vr_forum_search input[type="text"] {
  width: 140px;
}
.vr_forum_collapse {
  padding-top: 10px;
  color: #ff0000;
}
.vr_forum_info {
  height: 227px;
  position: relative;
}
.vr_forum_info .vr_forum_options .btn_sm {
  min-width: 95px;
  margin-bottom: 5px;
}
.vr_forum_profile_img {
  margin-top: 12px;
  float: left;
  position: absolute;
}
.vr_forum_profile {
  margin-top: 12px;
  padding-left: 127px;
}
.vr_forum_assigned_files hr {
  margin-left: 3px;
}
.vr_forum_profile_table {
  display: table;
}
.vr_forum_profile_table_row {
  display: table-row;
}
.vr_forum_profile_table_cell_title {
  display: table-cell;
  font-weight: bold;
  width: 49px;
}
.vr_forum_profile_table_cell {
  display: table-cell;
}
.vr_forum_options {
  position: absolute;
  top: 110px;
}
.expand-posts-button {
  display: inline-block;
  margin-left: -15px;
  margin-right: 2px;
  line-height: 20px;
  width: 10px;
  height: 6px;
  background-position: -435px -96px;
}
.vr_forum_profile_text_cont {
  padding-right: 15px;
}
.vr_forum_table_row.collapsed .expand-posts-button {
  background-position: -412px -96px;
}
.default.vr_sp_cont_wrap_forum {
  min-width: 500px;
}
#forum_posts_list .vr_forum_table_wrap {
  border: 1px solid #CCC;
  box-sizing: border-box;
}
#forum_posts_list .vr_forum_table_wrap {
  height: 380px;
  padding-top: 50px;
}
#forum_posts_list.list-view {
  width: 100%;
  position: relative;
}
/*forum pop-up*/
.forum-post-edit-wrap {
  overflow-y: auto;
  height: 650px;
}
.forum-post-edit-wrap .progress {
  margin-bottom: 0;
}
.forum-post-edit-cont {
  padding-right: 15px;
  box-sizing: border-box;
}
#ForumPost-form .icon-white,
#post_file_upload .btn > i {
  display: none !important;
}
.forum-post-edit #ForumPost_SUBJECT {
  width: 410px;
}
.forum-post-edit hr {
  display: none;
}
.forum-post-edit .redactor_box {
  margin-left: -180px;
  width: 598px;
  height: 240px;
}
#forum-post-form input.btn[type="submit"] {
  margin-bottom: 10px;
  margin-top: 10px;
}
/*pop-up*/
.vr_sp_cont_wrap.vr_sp_cont_wrap_forum {
  margin: 0 auto;
  width: 100%;
  padding-top: 0px;
}
/*seminarroom/learningpath-side-activity-popup*/
.design-side-activity {
  height: 370px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 0px 10px 3px;
}
.design-side-activity-wrap {
  padding: 0px 10px;
  box-sizing: border-box;
}
.design-side-activity-item {
  height: 43px;
  padding: 3px 3px 3px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  box-sizing: border-box;
}
.design-side-activity-item:last-child {
  border-bottom: none;
}
.design-side-activity-item:hover {
  cursor: default;
}
.design-side-activity-item span {
  display: block;
  font-weight: bold;
  height: 41px;
  line-height: 34px;
  width: 300px;
}
.design-side-activity-item a {
  display: block;
  float: right;
  width: 40px;
}
/*forum*/
.vr_forum_left {
  height: 610px;
  width: 49%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.vr_forum_right {
  width: 49%;
  height: 610px;
  float: right;
  box-sizing: border-box;
  overflow: auto;
}
/**/
.grey::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #C1C1C1;
  cursor: pointer;
  display: table-cell;
}
.blue::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  display: table-cell;
}
/* Begin - Cuz IE + Chrome */
a.blue {
  font-size: 16px;
  float: left;
  padding-right: 3px;
  padding-left: 3px;
}
a.grey {
  font-size: 16px;
  color: #cccccc;
  float: left;
  padding-right: 3px;
  padding-left: 3px;
}
/*seminar room learning block*/
.vr_lga_start {
  width: 36px;
  height: 36px;
  left: 647px;
  top: 20px;
  position: absolute;
  background-repeat: no-repeat;
}
.vr_lg_box_wrap {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  width: 190px;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 25px;
  z-index: 3;
  position: relative;
}
.vr_lg_box div[class^='vr_lg_btn_'] {
  margin-top: 25px;
}
.lg_box_yellow {
  border-bottom: 2px solid;
  border-bottom-color: #ffcc00;
}
.lg_box_green {
  border-bottom: 2px solid;
  border-bottom-color: #66cc33;
}
.lg_box_red {
  border-bottom: 2px solid;
  border-bottom-color: #ff0000;
}
.vr_lg_box_before {
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
  font-family: serif;
  font-size: 16px;
  height: 101px;
  width: 10px;
  padding-left: 3px;
  display: block;
  float: left;
  margin-top: -1px;
  line-height: 101px;
  cursor: pointer;
}
.activity-info-content {
  padding-right: 10px;
}
.activity-info-wrap {
  height: 370px;
  overflow-y: auto;
}
/* Lehrgang */
.l_mar_5 {
  margin-left: 5px;
}
.r_mar_5 {
  margin-right: 5px;
}
.vr_lga_course_wrap {
  box-sizing: border-box;
  width: 100%;
  height: 560px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 1px;
  padding-left: 20px;
  position: relative;
  background-color: transparent;
}
.vr_lga_bot_wrap_l {
  width: 307px;
  height: 164px;
  /* Educated guess. 5 pages of measurements FOR THIS SPECIFIC ELEMENT and this is still unclear! */
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: 5px;
  margin-left: 5px;
  float: right;
}
.vr_lga_bot_wrap_r {
  width: 306px;
  height: 164px;
  /* Educated guess. 5 pages of measurements FOR THIS SPECIFIC ELEMENT and this is still unclear! */
  padding-top: 15px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: 5px;
  margin-left: 0px;
  float: right;
}
/* Table */
.vr_pr_table_row {
  display: table-row;
}
.vr_pr_table_cell {
  display: table-cell;
  padding-right: 20px;
  vertical-align: bottom;
}
.vr_pr_table_cell.bold {
  font-weight: bold;
}
#social-media-form .vrbildung_checkbox.vr_pr_table_row {
  display: none;
}
/* learningroom */
.vr_lr_course_wrap {
  width: 100%;
  height: 540px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
}
.vr_lr_course_wrap #los_list {
  padding: 0 10px;
}
.vr_lr_table_wrap {
  width: 100%;
}
.vr_lr_table,
.vr_sem_table {
  display: table;
  border: 0px solid #cccccc;
  width: 100%;
  border-bottom: 0px solid #cccccc;
  margin-top: 0px;
  color: #333333;
  padding: 0px 10px;
  box-sizing: border-box;
  border-collapse: collapse;
}
.vr_lr_course_wrap .vr_lr_table {
  display: block;
  border: 1px solid #ccc;
  padding: 0 5px;
}
.vr_lr_cont_header {
  min-height: 92px;
  width: auto;
  margin-right: 0px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  padding-right: 0px;
}
.vr_lr_cont_header:after,
.vr_lr_cont_header_wrap:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.vr_lr_cont_header .vr_sem_select {
  float: right;
  display: inline-block;
  margin-top: 0px;
}
.vr_lr_search {
  display: inline-block;
  float: left;
  margin-bottom: 30px;
}
/*certificate button position*/
.certificate_position.btn {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 0 !important;
}
/* lp materials*/
.lg_col {
  float: left;
  position: relative;
  z-index: 2;
  padding-bottom: 20px;
}
.lg_cols {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
}
.vr_lr_head_img_wrap {
  width: auto;
  height: 38px;
  float: right;
}
.vr_lr_breadcrumbs_img {
  width: 78px;
  height: 38px;
  margin-right: 10px;
  background-position: 0 0;
}
.vr_lr_logo_img {
  width: 211px;
  height: 30px;
  text-align: center;
  float: right;
  display: none;
}
.vr_lr_cont_header .next_button {
  float: right;
}
.vr_lr_cont_header .next_button:after {
  content: '';
  width: 100%;
  clear: both;
  display: block;
}
/*calendar*/
.ui-datepicker td .ui-state-hover {
  border-radius: 4px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/*administration*/
.word-wrap {
  word-wrap: break-word;
}
.design-tabs table.table tr.selected {
  color: #fff;
}
/*design form*/
.main_information_tab_container .design-form label {
  display: inline-block;
  width: 220px;
}
.main_information_tab_container .design-form .controls label.checkbox {
  margin: 8px 0 2px;
  min-height: 12px;
  height: 13px;
}
.main_information_tab_container .design-form .checkbox-label-text {
  line-height: 12px;
  vertical-align: top;
}
.main_information_tab_container .design-form .control-group {
  margin: 0px 0px 0px 220px !important;
}
.main_information_tab_container .design-form input[type="button"] {
  width: auto;
}
.main_information_tab_container .design-form .select2-choices {
  border-radius: 0px;
}
.main_information_tab_container .design-form .select2-choices {
  width: 441px;
  border: 1px solid #cccccc;
}
.design-tabs .tab-content .main_information_tab_container .help-block {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0px;
}
.design-tabs .tab-content .help-block {
  margin-bottom: 0px;
}
.radiobuttonlist-container .radiobutton-list-item {
  margin-bottom: 5px;
  display: block;
}
/*design tabs bildungsmanager*/
.design-tabs .nav {
  margin-bottom: 0px;
}
.design-tabs .vr_pr_cont {
  float: none;
  width: auto;
  margin-bottom: 0px;
  position: static;
}
.activation_sets_tab_container input[type="checkbox"],
.activation_sets_tab_container input[type="radio"] {
  top: 0px;
}
.design-tabs .form-horizontal .controls {
  margin-left: 0px;
}
.design-tabs .vr_pr_cont select {
  margin-right: 0px;
}
/*multiactivation_table*/
.design-tabs input[type="text"],
.design-tabs input[type="password"] {
  padding: 0px 5px;
  width: 228px;
}
.design-tabs select {
  width: 228px;
}
.design-tabs .select-step4 {
  width: 228px;
}
.bootstrap-timepicker-widget input[type="text"] {
  font-size: 12px;
  width: 40px;
  height: 21px;
}
.bootstrap-timepicker-widget table td a {
  padding: 6px 0;
}
.design-multi-table {
  width: 948px;
}
.design-multi-table .design-left-column,
.design-multi-table .design-right-column {
  width: 48%;
  padding: 0;
  vertical-align: top;
}
.design-multi-table .design-central-column {
  width: 35px;
  vertical-align: top;
  padding-top: 180px;
}
.design-multi-table.multiactivation_table input[type="text"] {
  width: 155px;
}
.design-multi-table.multiactivation_table select {
  width: 156px;
  height: 25px !important;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.design-multi-table .design-table-compress td {
  padding: 3px;
}
.design-multi-table .design-table-compress table {
  width: 100%;
}
.design-tabs .grid-view table tfoot div {
  padding-top: 20px;
}
.design-tabs .grid-view tfoot div button:first-child {
  margin-left: 0;
}
.design-multi-table.multiactivation_table input[type="text"] {
  width: 155px;
}
.design-multi-table.multiactivation_table select {
  width: 156px;
  height: 25px !important;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.licenses_tab_container .control-group {
  margin-bottom: 0px;
}
.licenses_tab_container .control-group .control-label {
  margin-right: 0px;
}
#License_IS_VALID {
  margin-right: 0px;
  margin-left: 0px;
}
/*design-dateTime-form*/
.design-dateTime-form {
  min-width: 730px;
}
.design-dateTime-form .form-actions {
  padding-left: 9px;
  top: 0px;
}
.design-dateTime-form .checkbox-field {
  margin-left: 180px;
}
.design-multi-table .controls input {
  height: 23px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: inline-block;
  line-height: 12px;
  margin-bottom: 0;
  padding: 4px 6px 5px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  vertical-align: middle;
}
.design-dateTime-form .control-group input.hasDatepicker {
  width: 90px !important;
}
.design-multi-table .span7,
.design-multi-table .span5 {
  width: 400px;
}
.design-dateTime-form .control-group label.checkbox input[type='checkbox'] {
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: 3px;
}
.design-dateTime-form .control-group label.checkbox .checkbox-label-text {
  line-height: 12px;
}
.design-dateTime-form .form-horizontal .controls {
  margin-left: 180px;
  vertical-align: middle;
}
.design-dateTime-form .form-horizontal .controls #multi_activation_duration,
.design-dateTime-form .form-horizontal .controls input[type="number"] {
  padding: 0px 0px 0px 6px;
}
.design-dateTime-form label {
  display: inline-block;
  width: 220px;
}
.design-dateTime-form .controls label.checkbox {
  margin: 8px 0 2px;
  min-height: 12px;
  width: 400px;
}
.design-dateTime-form .control-group input[type="checkbox"] {
  margin: 0px 10px 0px 0px;
}
.design-tabs .design-dateTime-form label {
  width: 160px;
  text-align: left;
  padding-left: 20px;
}
/* Activation Popup */
.backend.detail.activations.frontend-popup {
  position: fixed;
  width: 100%;
  padding: 8px 0px;
  box-sizing: border-box;
  border: none;
  background: none;
}
#activations-form input[type="checkbox"] {
  margin-left: 0px;
}
#activations-form input[type="radio"] {
  margin-left: 0px;
}
#activations-form .control-group .bootstrap-timepicker-widget input[type='text'] {
  width: 35px;
}
#activations-form.form-horizontal .control-label {
  float: left;
  padding-top: 5px;
  padding-left: 0;
  text-align: left;
  width: 180px;
  margin-bottom: 0px;
}
#activations-form .form-actions {
  background-color: transparent;
  border: 0 solid #e5e5e5;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.backend.detail.multi-activations #activations-form input#save_activation,
.backend.detail.activations input#save_activation {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
/**/
/*activity-form frontend popup*/
#activity-form .control-group.skeditor label {
  float: none;
  margin-bottom: 7px;
  display: block;
}
.form-horizontal .control-group.skeditor .controls {
  margin-left: 0px;
}
.frontend #activity-form #face2face_lo input#f2f_address {
  width: 420px;
}
.frontend.activities.smooth-scroll {
  height: 500px;
}
#activity-form.form-horizontal .control-group {
  margin-bottom: 6px !important;
}
#activity-form.form-horizontal .control-label {
  float: left;
  padding-top: 5px;
  text-align: left;
  width: 160px;
  margin-bottom: 0;
}
#activity-form .form-actions {
  background-color: transparent;
  border: 0 solid #e5e5e5;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/*activity-form*/
#activity-form input[type="text"],
#activity-form textarea {
  width: 420px;
  box-sizing: border-box;
  height: 25px;
}
#activity-form textarea {
  height: 57px !important;
}
#activity-form #face2face_lo input[type="text"] {
  width: 139px;
}
#virtual_classroom .select2-container {
  width: 420px !important;
}
#virtual_classroom .control-group .controls .control-group {
  margin-bottom: 0px !important;
}
#activity-form #face2face_lo input#f2f_address {
  width: 586px;
}
#activity-form label {
  float: left;
}
.bootstrap-timepicker-widget table td input {
  width: 30px !important;
}
/**/
/*questionaire*/
.question-status .checkbox input[type="checkbox"] {
  margin-top: 3px;
}
.question_pref_block input#text_QUESTION_TEXT {
  width: 360px;
}
.question-container {
  margin-bottom: 15px;
}
.question-container input[type="text"] {
  width: 360px;
}
.question-container textarea {
  width: 360px;
}
.quest_cont_wrap {
  height: 520px;
  overflo: hidden;
}
.quest_cont {
  padding-right: 10px;
}
.vr_quest_cont_wrap .question_pref_block input#text_QUESTION_TEXT,
.vr_quest_cont_wrap .question-container input[type="text"],
.vr_quest_cont_wrap .question-container textarea {
  width: 100%;
  box-sizing: border-box;
}
.question-field textarea {
  min-height: 90px;
}
.vr_quest_cont_wrap .question-container textarea {
  min-height: 45px;
}
.question-container label {
  display: inline;
  height: 12px;
  line-height: 12px;
}
.question-container .controls {
  display: inline-block;
}
.question-container .checkbox-control-group.control-group {
  margin-bottom: 2px !important;
}
.question-container-title {
  margin-bottom: 7px;
}
.question-container-title label {
  font-size: 13px;
  line-height: 16px;
  max-width: 500px;
}
.vr_quest_cont_wrap .question-table {
  width: 100%;
}
.vr_quest_cont_wrap .question-table,
.vr_quest_cont_wrap .question-table td,
.vr_quest_cont_wrap .question-table th {
  border: 1px solid #cccccc;
  font-weight: normal;
}
.vr_quest_cont_wrap .question-table th {
  background-color: #eeeeee;
  height: 20px;
}
.vr_quest_cont_wrap .question-table td input[type="radio"] {
  width: 100%;
}
.chartyw-holder .chartyw-item {
  display: inline-block;
  max-width: 400px;
  min-width: 0px;
}
.chartyw-holder .barchart-title,
.chartyw-holder .diagram-title {
  padding: 0px 35px;
  text-align: center;
}
.question-container .question-answers input {
  margin-bottom: 5px;
}
.question-container input[type="radio"] {
  display: inline-block;
  height: 11px;
  top: -4px;
}
.question-container .question-table td {
  min-width: 16px;
}
.question-container .question-table td input[type="radio"] {
  top: 0px;
}
.question-container input[type="checkbox"] {
  display: inline-block;
  height: 11px;
  top: 0px;
}
.question-container .question-answers label {
  display: inline;
  font-size: 13px;
  line-height: 11px;
  margin-bottom: 12px;
  vertical-align: top;
}
.controls.question-field input,
.controls.question-field textarea {
  width: 370px;
  margin-right: 5px;
}
.controls.question-field textarea {
  height: 90px;
}
#question-form.form-horizontal .control-label {
  width: 150px;
  display: inline-block;
}
#question-form.form-horizontal .controls {
  margin-left: 0px;
}
#prestart_message p {
  padding-left: 0px;
  font-size: 13px;
}
#questionnaire-send {
  margin-top: 20px;
}
/**/
/*pin*/
.info-pin {
  width: 100%;
}
.info-pin a {
  color: #004f9f;
}
.info-pin a:hover {
  color: #006fb4;
}
.info-pin.table-strip tbody > tr:nth-child(even) > td,
.info-pin.table-strip tbody > tr:nth-child(even) > th {
  background-color: #f0f0f0;
}
/**/
.design-tabs .design-dateTime-form .controls label.checkbox {
  padding-left: 0;
}
.design-dateTime-form .control-group {
  margin-bottom: 6px !important;
  max-height: 25px;
}
.design-dateTime-form .control-group label {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/**/
.design-multi-table .design-central-column a.btn {
  height: 24px !important;
  margin-bottom: 3px;
  margin-right: 0px;
  width: 100%;
}
.frontend-popup #activations-form .bootstrap-timepicker span.add-on {
  height: 25px;
  padding: 1px 3px 1px 3px;
}
.bootstrap-timepicker input.no-user-select {
  width: 50px !important;
}
.design-table-compress #activation_los_not_selected table td,
.design-table-compress #activation_los_not_selected table th {
  text-align: left;
  vertical-align: middle;
}
.design-table-compress #activation_los_not_selected table th,
.design-table-compress #activation_los_not_selected table td {
  max-width: 90px;
  min-width: 57px;
}
.design-table-compress #activation_los_not_selected table td > input[type='checkbox'] {
  top: 0px;
  margin-top: 0px;
}
/*create user .design-form-new-user*/
.design-form-new-user h6 {
  margin: 0px;
}
.design-form-new-user label {
  display: inline-block;
  width: 180px;
}
.design-form-new-user .controls label {
  line-height: 17px;
}
.design-form-new-user table td {
  width: 50%;
}
.design-form-new-user table td select {
  margin-right: 0px;
}
.design-form-new-user .control-group textarea {
  margin-left: 0px;
}
.design-form-new-user span#create_user_sending_prefs_opts {
  display: block;
  margin-left: 0px;
}
.design-form-new-user .design-control-group {
  width: auto;
}
.design-form-new-user .design-control-group label {
  width: auto;
}
.design-form-new-user .design-control-group strong {
  display: block;
  margin-bottom: 5px;
}
.design-form-new-user .design-control-group textarea {
  width: 394px;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.design-form-new-user span#create_user_sending_prefs_opts label {
  width: 250px;
  margin-top: 10px;
}
.design-form-new-user span#create_user_sending_prefs_opts input[type="radio"] {
  margin-top: 0px;
  top: -1px;
}
.design-form-new-user .design-last-group label {
  margin-bottom: 10px;
  width: 350px;
}
.design-form-new-user input[type="radio"] {
  padding: 0px;
}
.design-form-new-user table td.email-prefs {
  padding-top: 20px;
}
/*report*/
.design-tabs .reports_fields_filter_container {
  margin-bottom: 10px;
}
.design-tabs .reports_filter_container {
  margin-bottom: 30px;
}
.design-tabs .reports_fields_filter_container label {
  display: inline-block;
  margin: 10px 0px 5px 0px;
  width: 205px;
}
.design-tabs .reports_fields_filter_container #report_template_filter {
  width: 228px;
}
.design-tabs .reports_fields_filter_container #report_template_description_filter {
  width: 443px;
}
.design-tabs .reports_tab_container .report_list .items > div {
  padding: 10px;
}
.design-tabs .reports_tab_container .report_list .items .even {
  padding: 10px;
  background-color: #f5f5f5;
}
/*tabs-height*/
.design-tabs #yw30_tab_1,
.design-tabs #yw30_tab_2,
.design-tabs #yw30_tab_8 {
  height: auto;
}
/*singleactivation*/
.design-tabs table {
  width: 100%;
  margin-bottom: 20px;
}
.design-tabs table.table {
  border-radius: 0px;
  color: #000000;
}
.design-tabs .grid-view table td,
.design-tabs .grid-view table th {
  font-size: 13px;
}
.design-tabs .grid-view table.items th a {
  color: #000;
  opacity: 0.5;
  font-size: 13px;
}
.design-tabs .grid-view table.items th a:hover {
  opacity: 1;
}
.design-tabs .filter_table {
  margin-bottom: 10px !important;
}
.design-tabs table.table th {
  background-color: #cccccc;
}
.design-tabs .table-bordered thead:first-child tr:first-child > th:first-child,
.design-tabs .table-bordered tbody:first-child tr:first-child > td:first-child,
.design-tabs .table-bordered tbody:first-child tr:first-child > th:first-child,
.design-tabs .table-bordered thead:first-child tr:first-child > th:last-child,
.design-tabs .table-bordered tbody:first-child tr:first-child > td:last-child,
.design-tabs .table-bordered tbody:first-child tr:first-child > th:last-child,
.design-tabs .table-bordered thead:last-child tr:last-child > th:first-child,
.design-tabs .table-bordered tbody:last-child tr:last-child > td:first-child,
.design-tabs .table-bordered tbody:last-child tr:last-child > th:first-child,
.design-tabs .table-bordered tfoot:last-child tr:last-child > td:first-child,
.design-tabs .table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-radius: 0px;
}
.design-tabs table.table tr {
  border: 2px solid transparent;
}
.design-tabs #licenses_list_tab table.table tr {
  cursor: default;
}
.design-tabs #expand_ativations_list_tab table.table tr {
  cursor: default;
}
.design-tabs table.table {
  border-collapse: separate;
}
.design-tabs .form-actions {
  background: none;
  border: none;
}
.design-tabs .singleactivation_tab_container div.grid-view {
  margin-bottom: 0px;
}
.design-tabs .singleactivation_tab_container .pagination {
  margin: 0px;
  overflow: hidden;
}
.design-tabs .singleactivation_tab_container .controls .checkbox input[type="checkbox"] {
  border: none;
}
.design-tabs .singleactivation_tab_container .help-block {
  margin-left: 111px;
}
.design-tabs .singleactivation_tab_container table #activation_los_selection_c5 {
  width: 100px;
}
.design-tabs .singleactivation_tab_container table td input#is_licensed {
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 2px;
}
.design-tabs .singleactivation_tab_container table.filter_table span#LmsLos_license label {
  float: none;
}
.singleactivation_tab_container legend {
  margin-left: 20px;
  margin-bottom: 15px;
  width: auto;
}
.design-side-activity {
  width: 100%;
  box-sizing: border-box;
}
/*frontend administration popup*/
.frontend-popup {
  background: none;
}
#activations-form .control-group input[type="text"] {
  width: 154px;
}
#activations-form .control-group {
  margin-bottom: 5px !important;
}
#Activation_ACT_STATUS {
  width: 154px;
}
#activations-form .control-group input.hasDatepicker {
  width: 78px !important;
}
#activations-form .bootstrap-timepicker-widget input[type="text"] {
  box-sizing: content-box;
}
#activations-form .control-group input[type="checkbox"] {
  margin-right: 10px;
  top: 3px;
}
#activations-form .control-group label.checkbox {
  display: inline;
}
.input-append .add-on i {
  vertical-align: top;
}
.frontend-popup #activations-form .input-append .add-on i {
  margin-top: 3px;
}
#activations-form .bootstrap-timepicker span.add-on {
  height: 25px;
  box-sizing: border-box;
}
/* Bildungsmanager Reports */
.report_title a {
  color: #333333;
  font-weight: bold;
  cursor: pointer;
}
/* Bildungsmanager user import */
form#group-form .design-control-group textarea {
  width: 394px;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}
form#group-form h6 {
  margin: 0px;
}
form#group-form #import_users_sending_prefs_opts label {
  display: inline-block;
  width: auto;
}
form#group-form .controls label {
  line-height: 13px;
  margin-bottom: 0px;
}
form#group-form input.wide-input {
  width: 443px;
}
form#group-form .control-group input[type="checkbox"] {
  margin: 0px 10px 0px 0px;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
#yw30_tab_3 form#group-form .control-group label {
  margin-bottom: 0px;
  margin-top: 0px;
}
form#group-form .control-group textarea {
  margin-left: 0px;
}
form#group-form span#create_user_sending_prefs_opts {
  display: block;
  margin-left: 0px;
}
form#group-form .design-control-group {
  width: auto;
  margin-bottom: 6px !important;
}
form#group-form .design-control-group strong {
  display: block;
  margin-bottom: 10px;
}
form#group-form .design-control-group textarea {
  width: 394px;
  height: 95px;
  margin-top: 2px;
  margin-bottom: 2px;
}
form#group-form span#create_user_sending_prefs_opts label {
  width: auto;
  margin-top: 7px;
}
form#group-form span#create_user_sending_prefs_opts input[type="radio"] {
  margin-top: 0px;
  top: -1px;
}
form#group-form input[type="radio"] {
  padding: 0px;
  margin-top: 0px;
  top: -1px;
}
label[for=import_userstemporary_password],
label[for=import_userswith_custom_text],
label[for=import_usersnotify_user] {
  display: inline-block;
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
label[for=import_users_sending_prefs_opts_0],
label[for=import_users_sending_prefs_opts_1],
label[for=import_users_sending_prefs_opts_2] {
  margin-bottom: 0px;
  margin-top: 7px;
}
a.btn-picture {
  cursor: pointer;
}
.design-tabs td.without-padding hr {
  margin-top: 0px;
}
.design-tabs td.without-padding {
  padding: 0px;
}
.import_user_tab_container hr.hidden {
  visibility: hidden;
}
.import_user_tab_container hr.wide,
.edit_user_tab_container hr.wide {
  margin-left: 0px;
  width: 100%;
}
.edit_user_tab_container .control-group {
  margin-bottom: 0px;
}
.import_user_tab_container #import_users_grid_container {
  min-height: 90px;
}
/* Change user */
.edit_user_tab_container form#group-form .controls label {
  display: inline-block;
}
label[for=edit_sending_prefs_opts_0],
label[for=edit_sending_prefs_opts_1],
label[for=edit_sending_prefs_opts_2] {
  margin-bottom: 0px;
  margin-top: 10px;
}
#edit_sending_prefs_opts_0,
#edit_sending_prefs_opts_1,
#edit_sending_prefs_opts_2 {
  margin-right: 10px;
}
.edit_user_tab_container #users_selection_grid tr {
  cursor: pointer;
}
/* Activation History */
.optional_expand_container input[type="button"],
.required_expand_container input[type="button"] {
  margin-right: 10px;
}
.activation_tab_container .optional_expand_container input[type="number"],
.activation_tab_container .required_expand_container input[type="number"] {
  height: 25px;
  line-height: 22px;
  box-sizing: border-box;
  width: 100px;
}
.optional_expand_container {
  float: left;
  margin-right: 25px;
}
.required_expand_container {
  float: right;
}
.design-multi-table .form-vertical {
  height: auto;
  min-height: 160px;
}
.design-tabs .singleactivation_tab_container form#activations-form {
  padding: 0px;
}
.multiactivation_table.design-multi-table {
  margin-bottom: 20px;
}
#activation_user_not_selected, #qualitest_set_users_not_selected {
  position: relative;
}
.disign-bottom-button {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.design-tabs .form-actions {
  padding: 0px;
  margin: 0px 3px 0px 21px;
}
.design-tabs .form-actions input {
  float: left;
}
.optional_expand_container input[type="number"] {
  margin-right: 10px;
}
.ui-button-icon-only .ui-icon {
  margin-left: 0px;
}
.design-tabs input[type='radio'] {
  margin-right: 10px !important;
  top: 4px;
}
.design-tabs #user_edit_area {
  margin-bottom: 20px;
}
#import_users_grid_container .grid-view {
  padding-top: 0px;
}
.inner-backend.table {
  margin-bottom: 0;
}
/**/
.design-content-activation .control-group label {
  padding-top: 0px;
}
.design-content-activation {
  padding: 0;
  overflow: hidden;
}
.design-content-activation .control-group,
.design-content-activation .control-group .controls span {
  margin-bottom: 0px !important;
}
.design-content-activation table.filter_table .control-group label.radio,
.licenses_tab_container table.filter_table .control-group label.radio {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
.design-content-activation table.filter_table .control-group label.radio input,
.licenses_tab_container table.filter_table .control-group label.radio input {
  margin: 0px 5px 0px 0px !important;
  top: 3px;
}
.design-content-activation table .control-group,
.licenses_tab_container .filter_table .control-group {
  margin-bottom: 0px !important;
}
.design-content-activation table .checkbox-column input {
  margin-top: 0px;
  top: 0px;
}
.design-content-activation table td {
  vertical-align: middle;
}
.dropdown-menu {
  top: -121px;
  height: 112px;
}
.design-tabs .singleactivation_tab_container .bootstrap-timepicker-widget table {
  margin-bottom: 0px;
}
/*bildungsmanager_tabs*/
.design-tabs .tab-content h6 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.design-tabs .tab-content table label,
.catalog_approv_wrap .activations_filter_container table label {
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}
.form-horizontal .control-label {
  padding: 0;
}
table.three-columns td {
  width: 30%;
  padding: 5px 0;
  box-sizing: border-box;
}
table.three-columns td.td-separator {
  width: 5%;
  box-sizing: border-box;
}
table.three-columns td label {
  float: left;
}
table.three-columns td label,
table.three-columns td label.control-label,
.design-tabs .tab-content table.three-columns td input,
.design-tabs .tab-content table.three-columns td select,
.catalog_approv_wrap .activations_filter_container table.three-columns td input,
.catalog_approv_wrap .activations_filter_container table.three-columns td select {
  width: 50%;
  box-sizing: border-box;
}
.catalog_approv_wrap table.three-columns .control-group.popup_select .select2-container.select2-container-multi {
  width: 80% !important;
  min-width: 120px;
}
table.three-columns td .control-group .controls input,
table.three-columns td .control-group .controls select {
  width: 100%;
  box-sizing: border-box;
}
table.three-columns td .control-group .controls {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
}
table.three-columns td .control-group .popup_select .controls:not(#project_select .controls) {
  width: 100%
}
.design-tabs .tab-content .multiactivation_table .multiactivation_table_legend {
  padding: 0;
}
/*multiactivation_tab_container*/
.design-tabs .tab-content .design-multi-table table.three-columns td label {
  float: none;
}
.design-tabs .tab-content .design-multi-table table.three-columns td label,
.design-tabs .tab-content .design-multi-table table.three-columns td input,
.design-tabs .tab-content .design-multi-table table.three-columns td select {
  width: 100%;
  box-sizing: border-box;
}
/*table with 2 column*/
.design-tabs .tab-content table.two-columns td {
  width: 50%;
  padding: 5px 0;
  box-sizing: border-box;
  vertical-align: top;
}
/**/
.design-tabs .tab-content .create_user_tab_container .email-prefs {
  margin-bottom: 20px;
}
.design-tabs .popup_select .select2-choices {
  height: auto !important;
  max-height: max-content !important;
}
.design-tabs .select2-choices {
  max-height: 23px !important;
  min-height: 23px !important;
  height: 23px !important;
  overflow: hidden;
  border-radius: 0px;
  border: 1px #cccccc solid;
}
.design-tabs .select2-choices .select2-search-choice {
  margin-bottom: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 2px;
  margin-top: 2px;
}
/*table-arrow-sort*/
.grid-view table.items th a {
  display: inline;
  position: relative;
}
.grid-view table.items th:hover a:after {
  left: 100%;
  right: auto;
  top: unset;
  bottom: 0px;
}
.grid-view input[type="checkbox"],
.grid-view input[type="radio"] {
  top: 0px;
  margin-top: 0px;
}
/*maindmailer*/
.vr_pr_cont.details.maindmailer #activations-form label.control-label {
  margin-top: 0px;
  text-align: left;
  width: 130px;
}
.vr_pr_cont.details.maindmailer #activations-form .controls {
  margin-left: 130px;
}
.vr_pr_cont.details.maindmailer #activations-form input[type="number"] {
  width: 75px;
  height: 23px;
  padding: 0px 0px 0px 5px;
}
.vr_pr_cont.details.maindmailer #activations-form .mindmailer_days {
  padding-left: 80px;
}
.vr_pr_cont.details.maindmailer #activations-form span#mindmailer_days label {
  display: inline-block;
  margin: 0px 10px 10px 0px ;
  vertical-align: middle;
  width: auto;
}
.vr_pr_cont.details.maindmailer #activations-form span#mindmailer_days input {
  padding: 0px;
  margin: 0px 10px 10px 0px ;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.vr_pr_cont.details.maindmailer #activations-form .mindmailer_days .control-label {
  padding: 0px;
}
/**/
/*bootstrap-timepicker-widget*/
.bootstrap-timepicker {
  width: auto;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-top-style: solid;
  border-top-width: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: none;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: 116px;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-top-color: #fff;
  border-top-style: solid;
  border-top-width: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 116px;
}
.image-btn-disabled {
  opacity: 0.35;
  cursor: default;
}
.vr_lr_table .empty {
  margin-left: 12px;
}
/**/
.design-multi-table .pagination ul {
  margin-bottom: 7px;
}
#expand_ativations_list_tab table.table .control-group {
  margin-bottom: 0px !important;
}
/*vr_lr_cont tutored-courses-content*/
.vr_lr_cont.tutored-courses-content .vr_lg_vruler,
.vr_lr_cont.tutored-courses-content .vr_lg_marker {
  background-image: none;
}
.vr_part_table_cell_bullet .vr_lg_btn {
  margin-right: 10px;
}
.design-activity-results .vr_part_table_cell_bullet {
  min-width: 120px;
  max-width: 120px;
}
.design-activity-results .vr_part_table_cell_social {
  min-width: 200px;
  max-width: 200px;
  word-wrap: break-word;
}
.design-activity-results .vr_part_table_cell_info1,
.design-activity-results .vr_part_table_cell_social,
.design-activity-results .vr_part_table_cell_bullet {
  vertical-align: middle;
}
/*list-view participants*/
.design-participants .vr_part_table_wrap .vr_part_table_row p,
.design-activity-results .vr_part_table_wrap .vr_part_table_row p {
  margin-bottom: 3px;
}
.design-participants .vr_part_table_cell_photo,
.design-activity-results .vr_part_table_cell_photo {
  min-width: 70px;
}
/*blog*/
.vr_blog_table {
  display: table;
}
.vr_blog_info,
.vr_blog_comment,
.vr_blog_more {
  display: table-cell;
}
#BlogComment_COMMENT_TEXT {
  margin-bottom: 10px;
}
.vr_bl_cont_wrap {
  margin: 0px auto;
  height: auto;
  position: relative;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.vr_bl_cont_wrap .list-view {
  margin-top: 20px;
}
.vr_blog_wrap {
  height: auto;
  padding: 10px 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
}
.vr_blog_text {
  width: 70%;
}
.vr_bl_btn {
  float: right;
}
.vr_bl_btn .btn_sm {
  min-width: 60px;
}
.vr_blog_text.short_text {
  max-height: 150px;
  overflow: hidden;
  margin-bottom: 10px;
}
.vr_blog_text .bold {
  padding-bottom: 18px;
  display: block;
}
.vr_blog_text p {
  margin-bottom: 2px;
}
.vr_blog_wrap_top {
  max-width: 910px;
  height: 261px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  background-color: transparent;
}
.vr_blog_wrap_bot {
  max-width: 910px;
  height: 261px;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  background-color: transparent;
}
.vr_rating {
  height: 22px;
  padding: 0px;
  position: absolute;
  top: 13px;
  right: 10px;
}
.vr_blog_table {
  color: #cccccc;
  width: 100%;
}
.vr_blog_more {
  color: #cccccc;
  width: auto;
  text-align: right;
  vertical-align: bottom;
  padding: 0;
}
.vr_blog_more .btn_sm {
  min-width: 60px;
}
.vr_blog_comment {
  color: #8e8e8e;
  vertical-align: bottom;
  padding: 0;
}
.vr_blog_comment table {
  padding: 0;
}
.vr_blog_comment_table {
  color: #8e8e8e;
  padding: 0;
}
.vr_blog_comment_table td {
  color: #8e8e8e;
  padding: 0;
}
.vr_blog_comment_table th {
  color: #8e8e8e;
  padding: 0;
}
.vr_blog_info {
  color: #8e8e8e;
  max-width: 351px;
  padding: 0;
  width: 40%;
}
.vr_bl_edit_comment,
.vr_bl_comment_wrap {
  padding: 10px 20px 10px;
  background-color: rgba(255, 255, 255, 0.9);
}
.vr_blog_options {
  position: absolute;
  top: 0px;
  right: 0px;
}
.star_bl {
  float: left;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  padding-left: 10px;
  cursor: pointer;
}
.star_gr {
  float: left;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  padding-left: 10px;
  cursor: pointer;
}
.vr_blog_breadcrum {
  max-width: 650px;
  width: 70%;
  line-height: 20px;
  font-size: 16px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  top: 80px;
}
.vr_icon_blog {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 15px;
}
.vr_bl_edit_comment textarea {
  box-sizing: border-box;
  height: 60px;
  width: 100%;
}
.vr_bl_edit_comment .new_comment_actions {
  text-align: right;
}
#create-link {
  width: 95% !important;
}
.btn.last-button,
.btn.last-button:hover,
.btn_sm.last-button,
.btn_sm.last-button:hover,
.new_comment_actions #save_blog_comment,
.vr_blog_options .create-permalink,
.vr_blog_options .create-permalink:hover,
.new_comment_actions #save_blog_comment:hover {
  margin-right: 0px;
}
.BlogPost_POST_TEXT.cke_editable {
  padding: 4px;
}
/*blog popup*/
.blog-post-edit #BlogPost_POST_TITLE {
  width: 420px;
}
#blog-post-form .control-group:nth-child(2) .controls {
  margin-left: 0;
}
.blog-post-edit input.btn[type="submit"] {
  width: 296px;
}
.blog-post-edit .redactor_editor,
.blog-post-edit .redactor_editor * {
  font-size: 11px;
  line-height: normal;
}
#blog-comment-form.form-horizontal .controls textarea {
  margin-bottom: 7px;
  min-height: 80px;
  width: 275px;
}
#blog-comment-form.form-horizontal .control-label {
  width: 110px;
  float: left;
}
#blog-comment-form.form-horizontal .controls {
  margin-left: 110px;
}
.frontend.default #blog-comment-form #save_blog_comment {
  margin-right: 17px;
}
#blog-post-form.form-horizontal .control-label,
#forum-post-form.form-horizontal .control-label {
  float: left;
  padding-top: 5px;
  text-align: left;
  width: 180px;
}
#blog-post-form.form-horizontal .control-group,
#forum-post-form.form-horizontal .control-group {
  margin-bottom: 6px !important;
}
#forum-post-form.form-horizontal .control-group select {
  width: 150px;
}
/**/
#import_users_grid_container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 120px;
}
/*questionnaire-wrapper*/
#questionnaire-wrapper {
  padding: 25px;
}
/*grid_possible_pages*/
.grid_possible_pages {
  padding: 0px 10px;
  border: 1px solid #dddddd;
  height: 28px;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.grid_possible_pages a {
  border-right: 1px solid #dddddd;
  margin-left: -3px;
  display: inline-block;
  min-width: 30px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.grid_possible_pages a div {
  background-color: #f5f5f5;
  display: inline-block;
  line-height: 13px;
  min-width: 30px;
  text-align: center;
  line-height: 28px;
}
.grid_possible_pages a:first-child {
  border-left: 1px solid #dddddd;
  margin-left: 5px;
}
.grid_possible_pages a:last-child {
  margin-right: 5px;
}
.grid_possible_pages a:hover {
  background-color: #F5F5F5;
  text-decoration: none;
}
/*.pagination*/
.pagination {
  overflow: hidden;
  min-height: 34px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pagination ul {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top: 0px;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.pagination ul > li > a {
  min-width: 19px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 5px;
  padding-top: 4px;
  text-align: center;
}
.pagination ul > li.next > a,
.pagination ul > li.previous > a {
  min-width: 19px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 5px;
  padding-top: 3px;
  text-align: center;
}
/**/
/*fancybox*/
.fancybox-opened .fancybox-skin,
.fancybox-skin {
  background-color: #f7f5f0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
}
/**/
/*recognition-pages*/
/*tabs*/
#recognition-pages {
  padding: 5px 20px;
}
#recognition-pages.ui-widget-content {
  background: transparent;
}
#recognition-pages .ui-tabs-panel {
  padding: 0 3px;
}
#recognition-pages .ui-tabs-nav {
  border: none;
  margin-bottom: 20px;
}
#recognition-pages .ui-tabs-nav li {
  border: none;
}
#recognition-pages textarea#recognition_user_response {
  width: 100%;
  min-height: 130px;
  margin-bottom: 10px;
}
/*change-password*/
.vr_pr_cont.password.change-password {
  float: none;
  padding-top: 25px;
  padding-left: 142px;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vr_pr_cont.password.change-password > b {
  margin-bottom: 20px;
  display: inline-block;
}
.change-password .form-horizontal .control-label {
  text-align: left;
  padding-top: 0px;
}
/*first-login-page*/
.first-login-page {
  width: 100%;
  padding: 50px 70px;
  min-height: 720px;
  box-sizing: border-box;
}
#first-login-form .control-label {
  width: 270px;
  text-align: left;
  padding-top: 5px;
}
#first-login-form .controls {
  margin-left: 270px;
}
.first-login-page span.required {
  display: none;
}
#first-login-form label[for="policy"] a::after {
  content: none !important;
}
/**/
/*fancybox*/
.fancybox-skin {
  border-radius: 0px  !important;
}
.fancybox-close {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 10000;
}
.fancybox-title {
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 5px;
  padding-right: 20px;
}
#fancybox-loading {
  background: none;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 10px;
  background: none;
  zoom: 1;
}
.ui-dialog {
  padding: 0;
}
.ui-widget-content {
  color: #333333;
}
.ui-widget-header {
  border: 0px solid #cccccc;
}
.ui-dialog .ui-dialog-title {
  color: #333333;
  margin: 0px;
  padding: 0px;
}
.ui-dialog-titlebar {
  padding: 10px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 10px;
  border: 0px solid #cccccc;
}
.grid-view .summary {
  padding-left: 830px;
  text-align: left;
}
.design-tabs .grid-view .btn {
  display: block;
}
.design-tabs .tab-content .grid-view .summary {
  padding-left: 0px;
  text-align: right;
  font-weight: bold;
}
/* for dialog window styles */
/* Style for the select2 popup window, that is used to select items from a foreign table */
.dialog {
  width: 80%;
  /*min-height: 300px; min-width: 400px;*/
  /* min-width, min-height moved to js file /js/common.js*/
}
.dialogContainer {
  padding: 0 ;
  overflow: hidden ;
  width: 100%;
  height: 100%;
}
.frameElem {
  height: 100%;
  width: 100%;
  border: none;
}
.btnContainer {
  height: 30px;
  width: 100%;
  position: absolute;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 15px;
  right: 0px;
  bottom: 0px;
  background: white;
}
.dialogBtn {
  float: right;
}
/* end dialog window styles*/
table td {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.form-horizontal .form-actions {
  padding-left: 0px;
}
/*certificate properties*/
.certificate-actions {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.certificate-actions .left {
  float: left;
  width: 55%;
  word-wrap: break-word;
}
.certificate-actions .right {
  float: right;
  width: 45%;
  text-align: right;
}
.certificate-actions .right .btn {
  width:90%;
  color: #2175d9;
  background-color: #F7F5F0;
  border-color: #2175d9;
}
.certificate-actions .right .btn:hover {
  color: #0f1941;
  border-color: #0f1941;
}
/*coach*/
.mobile #poll-form.form-horizontal .controls textarea {
  width: 139px;
  min-height: 100px;
}
#poll-form.form-horizontal .control-label {
  width: 180px;
  text-align: left;
}
#poll-form.form-horizontal .controls {
  margin-left: 180px;
}
/*bildungsmanager wizard*/
.wizard .steps {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.wizard > .actions {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
}
.wizard > .content {
  background: transparent;
  margin: 0;
  position: relative;
  height: auto;
  min-height: 505px;
}
.wizard > .content > .body {
  padding: 0 0 20px 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0px;
  position: relative;
  min-height: 505px;
}
.wizard > .content > .body > div {
  min-height: 560px;
}
.wizard .steps > ul > li {
  padding-right: 5px;
  box-sizing: border-box;
}
.wizard .steps > ul > li:last-child {
  padding-right: 0px;
}
.wizard > .content > .body .pagination ul {
  list-style: outside none none !important;
}
.wizard .pagination ul > li {
  display: inline !important;
}
.wizard > .steps .number {
  font-size: 13px;
}
.wizard .steps > ul > li a,
.wizard .steps > ul > li a:hover {
  margin-left: 0;
}
.wizard .table {
  margin-bottom: 0px;
}
.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: 5px;
  float: left;
}
.wizard > .content > .body #wizard-form label {
  width: 150px;
}
.wizard > .content > .body .control-group label {
  line-height: 25px;
  margin-bottom: 0px;
}
.wizard > .content > .body h3 {
  margin-bottom: 40px;
  margin-top: 20px;
  line-height: 21px;
}
.wizard > .actions {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;
}
.wizard > .actions > ul > li {
  margin: 0 5px 0 0;
}
.wizard > .content > .body .activations_wizzard_settings input[type='text'] {
  width: 500px;
}
.wizard > .content > .body .multiactivation_table_legend {
  padding-left: 0px;
  padding-top: 0;
}
.wizard > .content > .body .design-multi-table .multi_users_list,
.wizard > .content > .body .design-multi-table .multi_los_list {
  padding-left: 0px;
  width: 48%;
}
.wizard > .content > .body .activations_wizzard_save .btn {
  min-width: 170px;
}
.frontend-wizard.exam-wizard .activations_wizzard_save .btn {
  margin-top: 20px;
}
.frontend-wizard.exam-wizard .activations_wizzard_save > p {
  font-weight: bold;
}
.frontend-wizard.exam-wizard .activations_wizzard_save > p span {
  font-weight: normal;
}
.activations_wizzard_los .control-group {
  margin-bottom: 0px !important;
}
.wizard .design-multi-table .multi_assigned_los_list,
.wizard .design-multi-table .multi_assigned_users_list {
  padding-right: 0;
  position: relative;
}
.wizard .design-multi-table .multi_assigned_users_list input.btn {
  position: absolute;
  bottom: 0;
}
.wizard > .content > .body #select-template {
  margin-bottom: 25px;
}
.wizard-report {
  height: 480px;
}
.wizard-report-content {
  padding-right: 10px;
}
/*bildungsmanager wizard - popup default_prefs*/
.wizard-preferences {
  padding-top: 20px;
}
#default_prefs {
  padding-top: 20px;
}
#activations-form select,
#default_prefs input [type="text"],
#default_prefs select,
#lo-prefs-form input [type="text"],
#lo-prefs-form select {
  width: 154px;
}
#default_prefs .control-label,
#lo-prefs-form .control-label {
  float: left;
  padding-top: 5px;
  text-align: left;
  width: 180px;
  margin-bottom: 0px;
  margin-right: 0px;
}
#default_prefs .control-group input[type="checkbox"],
#lo-prefs-form .control-group input[type="checkbox"] {
  margin-right: 10px;
  margin-left: 0px;
  top: 3px;
}
#default_prefs .control-group input.hasDatepicker,
#lo-prefs-form .control-group input.hasDatepicker {
  width: 78px !important;
}
#default_prefs .control-group input[type="text"],
#lo-prefs-form .control-group input[type="text"] {
  width: 154px;
}
#default_prefs .control-group input.hasDatepicker,
#lo-prefs-form .control-group input.hasDatepicker {
  width: 78px !important;
}
#default_prefs .bootstrap-timepicker span.add-on,
#lo-prefs-form .bootstrap-timepicker span.add-on {
  padding: 1px 3px;
  box-sizing: border-box;
  height: 25px;
}
#default_prefs .input-append,
#lo-prefs-form .input-append {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
#default_prefs .input-append .add-on i,
#lo-prefs-form .input-append .add-on i {
  margin-top: 3px;
}
#default_prefs .controls,
#lo-prefs-form .controls {
  margin-left: 180px;
}
#default_prefs .controls label.checkbox,
#lo-prefs-form .controls label.checkbox {
  padding-left: 0px;
}
#default_prefs .control-group,
#lo-prefs-form .control-group {
  margin-bottom: 5px !important;
}
#default_prefs .control-group label.checkbox,
#lo-prefs-form .control-group label.checkbox {
  display: inline;
}
.activations.frontend-popup .form-horizontal .controls {
  margin-left: 180px;
}
.grid-view table.items th a {
  display: inline;
  position: relative;
  font-size: 13px;
}
table.items th,
table.items td {
  font-size: 13px;
}
.wizard > .content > .body .default-settings {
  padding: 190px 0 0 0;
}
.wizard > .content > .body .multiactivation_table.design-multi-table {
  margin-bottom: 0px;
}
.activation_set_templates {
  height: 470px;
  overflow: hidden;
  margin-bottom: 0px;
}
.activation_set_templates table tfoot td {
  padding-top: 20px;
  padding-left: 0px;
  text-align: left;
}
.activation_set_templates table tfoot td .btn {
  float: left;
}
.activation_set_templates_content {
  padding-right: 10px;
}
.activation_set_templates_content .grid-view {
  padding-top: 0px;
}
.activation_set_templates_content table {
  width: 100%;
}
#task-popup {
  font-size: 13px;
}
#task-popup p {
  font-size: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
#task-popup textarea {
  box-sizing: border-box;
  width: 85%;
  min-height: 100px;
}
#assigned_users_upload .btn {
  width: 48%;
}
#assigned_users_upload .progress {
  margin-bottom: 0px;
}
/*bootstrap-timepicker-widget*/
.open-down .bootstrap-timepicker-widget.dropdown-menu:before,
.open-down .bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 0px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
  bottom: auto;
}
.open-down .bootstrap-timepicker-widget.dropdown-menu:after,
.open-down .bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 0px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
  bottom: auto;
}
.open-down .dropdown-menu,
.open-down .dropdown-menu {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 160px;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
.open-down .bootstrap-timepicker-widget.dropdown-menu.open,
.open-down .bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
/*catalog multi-detail-book*/
.multi-detail-book-for-other {
  height: 590px;
  overflow: hidden;
}
.multi-detail-book-for-other .multi-detail-book-content {
  padding-right: 15px;
}
.multi-detail-book-for-other .multi-activations-split-table {
  width: 100%;
}
.multi-detail-book-for-other .multi-activations-split-table td {
  padding-left: 0px;
}
.multi-detail-book {
  height: 590px;
  overflow: hidden;
}
.multi-detail-book-for-other .multi-activations-split-table .multi-activations-row > td {
  vertical-align: top;
}
.multi-detail-book-for-other .filter_table input[type="text"] {
  width: 155px;
}
.multi-detail-book-for-other .form-horizontal .controls {
  margin-left: 0px;
}
.multi-detail-book-for-other .form-horizontal .control-label {
  float: none;
  padding-top: 5px;
  text-align: left;
  width: 155px;
}
.cust-fields-row td select.all_users,
.cust-fields-row td select.assigned_users {
  width: 155px;
}
.multi-detail-book-for-other .available.users #users_filter_all_users .btn_customfield_filter {
  margin-top: 10px;
}
.multi-detail-book-for-other .multi-activations-split-table .include-exclude {
  padding-top: 233px;
}
.multi-detail-book-for-other .table {
  margin-bottom: 0px;
}
.multi-detail-book-for-other .control-group {
  margin-bottom: 0px !important;
}
.multi-detail-book-for-other .include-exclude {
  width: 40px;
}
.multi-detail-book-for-other .include-exclude a {
  height: 24px !important;
  margin-bottom: 3px;
  margin-right: 0;
  width: 100%;
}
.multi-detail-book-for-other .grid_possible_pages {
  float: left;
  margin-bottom: 0;
  position: static;
}
.multi-detail-book-for-other .pagination ul {
  margin-bottom: 7px;
  box-shadow: none;
}
.multi-detail-book-for-other .multi-activations-row .available.users,
.multi-detail-book-for-other .multi-activations-row .assigned.users {
  width: 48%;
  min-width: 300px;
}
.multi-detail-book-for-other .multi-activations-row .available.users .filter_table td:first-child,
.multi-detail-book-for-other .multi-activations-row .assigned.users .filter_table td:first-child {
  padding-right: 50px;
}
.multi-detail-book h6.book-content-title {
  font-size: 13px;
  font-weight: bold;
  margin: 20px 0 0 0;
}
#users_filter_assigned_users .reset_filter_btn,
#users_filter_all_users .reset_filter_btn {
  margin-top: 15px;
}
/*Custom field filters button settings*/
.available.users .table_users_selection,
#activation_set_users_not_selected,
.employee_group_assign_userlist #all_users {
  position: relative;
}
.include-exclude_inner {
  position: absolute;
  top: 20px;
  right: -7%;
  max-width: 36px;
}
.include-exclude_inner a {
  width: 100%;
}
.include-exclude_inner a {
  margin-bottom: 5px;
}
.table_users_selection .include-exclude_inner,
#activation_set_users_not_selected .include-exclude_inner {
  position: absolute;
  top: 20px;
  right: -42px;
  max-width: 38px;
}
.table_users_selection .include-exclude_inner a,
#activation_set_users_not_selected .include-exclude_inner a {
  width: 100%;
}
#activation_set_users_not_selected .include-exclude_inner a {
  margin-bottom: 5px;
}
/*header menu*/
.vr_lg_btn_box_custom #navbar-toggle {
  display: none;
}
/*custom navigation*/
.vr_lg_header .vr_lg_btn_box {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
}
.vr_lg_btn_box_custom {
  float: right;
  margin-top: 22px;
}
.vr_lg_btn_box_custom ul {
  list-style: none;
  margin: 0;
  float: none;
}
.vr_lg_btn_box_custom ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
}
.vr_lg_btn_box_custom ul li a {
  display: block;
}
/*footer custom nav*/
.footer-custom-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vr_lg_footer_top {
  height: auto;
}
/*Export activity results*/
.unswers-users {
  height: 590px;
}
.unswers-users-content {
  padding-right: 15px;
}
.unswers-users .grid-view .summary {
  font-weight: bold;
}
/*static-popup*/
:root .static-popup {
  height: 90vh;
}
@media (max-width: 500px) {
  :root .static-popup {
    height: 99vh;
  }
  .static-popup table {
    table-layout: fixed;
    width: 100% !important;
  }
  .static-popup table th, .static-popup table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}
.static-popup a,
.static-popup a:link,
.static-popup a:visited {
  font-size: inherit;
}
.static-popup a:hover {
  font-size: inherit;
}
/**/
.unswers-users-content .grid-view .summary {
  padding-left: 0px;
  text-align: right;
}
.static-page .static-page-content {
  box-sizing: border-box;
}
table .pagination li {
  margin-left: 0px;
}
input[disabled],
input[readonly] {
  background-color: #eeeeee !important;
}
/*cookie disclaimer*/
#cookie-disclaimer {
  display: none;
}
.cookie-background {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#cookie-disclaimer .imprint a {
  text-decoration: underline;
  color: #2175D9;
}
.cookie-container {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 999;
  max-height: 90%;
  background-color: #F7F5F0;
  box-shadow: 0px 2px 10px -3px #999;
  -moz-box-shadow: 0px 2px 10px -3px #999;
  -webkit-box-shadow: 0px 2px 10px -3px #999;
}
.cookie-disclaimer-content {
  margin: 0 auto;
  min-width: 300px;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
}
.cookie-title {
  width: 70%;
  color: #696969;
}
.cookie-title h1 {
  font-weight: bold;
  line-height: 30px;
}
a.cookie-disclaimer-btn-agree {
  min-width: auto;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 3px;
  background-color: #f7f5f0;
  color: #2175d9 !important;
  border: 1px solid;
  border-color: #2175d9;
}
a.cookie-disclaimer-btn-agree:hover {
  padding: 10px 30px;
  color: #0f1941 !important;
  font-size: 14px;
  border: 1px solid;
  border-color: #0f1941;
}
/*new course*/
.vr_md_search {
  padding-left: 4px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.vr_sm_course_wrap {
  height: 555px;
  overflow: hidden;
  overflow-y: auto;
}
.vr_sem_table_cell_info {
  display: table-cell;
  padding: 15px 10px 10px 20px;
  vertical-align: top;
}
.vr_sem_table_cell_info .title {
  font-weight: bold;
  max-height: 36px;
  line-height: 18px;
  width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 10px;
}
.vr_sem_table_cell_info .description {
  max-height: 55px;
  width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vr_sem_table_row .vr_sem_table_cell_priorities {
  display: table-cell;
  padding: 10px 5px 10px;
  width: 30px;
}
.vr_sem_table_row .vr_sem_table_cell_priorities .sign {
  background-repeat: no-repeat;
  width: 30px;
  height: 32px;
}
.vr_sem_table_row .vr_sem_table_cell_priorities .sign.sign_screamer {
  background-position: 0 0;
}
.vr_sem_table_row .vr_sem_table_cell_priorities .sign.sign_medal {
  background-position: -30px 0;
}
.vr_sem_table_row .vr_sem_table_cell_priorities .sign.sign_star {
  background-position: -60px 0;
}
.vr_sem_table_row:hover .vr_sem_table_cell_priorities .sign.sign_screamer {
  background-position: 0 -30px;
}
.vr_sem_table_row:hover .vr_sem_table_cell_priorities .sign.sign_medal {
  background-position: -30px -30px;
}
.vr_sem_table_row:hover .vr_sem_table_cell_priorities .sign.sign_star {
  background-position: -60px -30px;
}
.popup_info {
  position: absolute;
  display: none;
  width: 160px;
  height: 126px;
  box-sizing: border-box;
  padding: 0px 0px;
  border: 1px solid #ccc;
  background: #97bf4c;
  top: 0px;
  left: 0;
}
.popup_info table td {
  padding: 2px 4px 2px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
}
.popup_info table .title td {
  font-weight: bold;
}
.vr_sm_course {
  position: relative;
}
/**/
/*profile send message*/
.vr_pr_message_profile {
  /* min-width:700px;*/
}
.new_message_form {
  padding-top: 20px;
}
.vr_messages_cont_block .vr_profile_wrap .tab-content {
  min-height: 400px;
}
.priority_value div.priority.high {
  background-position: -97px -118px;
}
.priority_value div.priority.low {
  background-position: -120px -115px;
}
.message_detail_wrapper {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.message_detail_content hr {
  margin-top: 15px;
}
.message_detail_content .table-cell {
  padding: 3px;
}
.message_detail_content .term,
.message_detail_content .term label {
  width: 150px;
  font-weight: bold;
  margin: 0;
}
.message_detail_content .subject-time {
  width: 100%;
}
.message_detail_content .subject-time .definition.message-time {
  font-weight: bold;
  float: right;
  width: 110px;
  padding: 3px;
  text-align: right;
}
.message_detail_content .subject-time .term {
  width: auto;
  float: left;
  padding: 3px;
}
.message_detail_content .message-body {
  margin-bottom: 40px;
}
/**/
.attachment_column .attached,
th.attached {
  height: 18px;
  width: 18px;
  background-position: center;
  background-repeat: no-repeat;
}
tr.not-read td {
  font-weight: bold;
}
.vr_messages_cont_block .vr_pr_cont_new_message .message_ckeditor {
  margin-bottom: 20px !important;
}
.vr_messages_cont_block .vr_pr_cont_new_message #new-message-form .control-label {
  width: 130px;
  float: left;
}
.vr_messages_cont_block .vr_pr_cont_new_message #new-message-form .select2-choices {
  height: 60px !important;
}
.vr_messages_cont_block .vr_pr_cont_new_message #new-message-form .filter_field {
  width: 155px;
  box-sizing: border-box;
}
.vr_messages_cont_block .vr_pr_cont_new_message #new-message-form #message_subject {
  width: 534px;
  box-sizing: border-box;
}
.vr_messages_cont_block .grid-view table tfoot td {
  padding-top: 20px;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}
.priority_value div.priority.high {
  background-position: -97px -118px;
}
.priority_value div.priority.low {
  background-position: -120px -115px;
}
.attachment_column .attached {
  width: 100%;
}
.priority_value div.priority {
  display: inline-block;
  height: 18px;
  padding: 0;
  vertical-align: middle;
  width: 18px;
}
/**/
.select2-container-multi .select2-choices {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 1px;
  cursor: default;
  min-height: 0px !important;
}
.select2-container-multi .select2-choices-grayed {
  background-color: #EEEEEE !important;
}
.close-messages {
  cursor: pointer;
}
/*select-popup-content*/
.select-popup-content {
  padding-bottom: 0px;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
  height: 465px;
  box-sizing: border-box;
  padding: 15px 10px 15px 20px;
  margin-bottom: 0px;
}
.select-popup-content table {
  margin-bottom: 0px;
}
.select-popup-content table td,
.select-popup-content table th {
  height: 17px;
  font-size: 12px !important;
}
.select-popup-content .grid-view {
  margin-bottom: 5px;
  padding-top: 20px;
}
.select-popup-content .grid-view .checkbox-column {
  min-width: 5px;
  width: 5px;
}
.select-popup-content .select-popup-padding {
  padding: 10px;
}
.select-popup-content .design-popup-content {
  padding-right: 10px;
  box-sizing: border-box;
}
.select-popup-content .control-group {
  margin-bottom: 5px !important;
}
.select-popup-content .control-group .controls {
  margin-left: 130px;
}
.select-popup-content .control-group label {
  width: 130px;
  text-align: left;
  font-size: 12px !important;
}
.select-popup-content table tfoot td {
  padding-right: 0;
  padding-left: 0;
}
.select-popup-content table tfoot .btn {
  margin: 20px 0 10px;
}
.select-popup-content .pagination {
  margin: 5px 0px 5px 0px;
}
.select-popup-content table th {
  height: 17px;
}
.select-popup-content .form-filter {
  margin-bottom: 8px;
}
.select-popup-content form .control-group select,
.select-popup-content form .control-group input {
  width: 150px;
  margin-right: 60px;
  height: 23px !important;
  box-sizing: border-box;
}
.fancybox-outer .modal-footer {
  padding-left: 0;
  text-align: left;
}
.fancybox-outer .modal-footer .btn,
.fancybox-outer .modal-footer .btn:hover,
.fancybox-outer .modal-footer .btn:focus,
.fancybox-outer .modal-footer .btn:active {
  margin-right: 0px;
}
.select-popup-content.design-popup-profile {
  height: 420px;
  overflow: hidden;
}
.select-popup-content.design-popup-profile .design-popup-content {
  padding: 10px;
  box-sizing: border-box;
}
/**/
/*new course*/
.vr_sp_course_wrapper {
  padding: 8px 0 5px 10px;
  height: 455px;
  box-sizing: border-box;
  margin-bottom: 7px;
}
.vr_sp_course_wrapper .vr_md_search {
  float: left;
}
.vr_sp_course_wrapper .vr_sem_select {
  float: right;
  margin: 15px 15px 0 0;
}
.vr_sm_course .list-view {
  padding: 0 10px;
}
/*lpgroup*/
.vr_sp_course_holder {
  height: 370px;
}
.vr_sp_course_holder hr {
  margin: 15px 15px 15px 4px;
}
.lpgroups_list_wrap {
  width: 100%;
}
.lpgroups_list_wrap .lpgroups_list_item {
  width: 32%;
  float: left;
  padding: 4px;
  margin: 7px 4px 7px 4px;
  box-sizing: border-box;
  position: relative;
}
.lpgroups_list_wrap .lpgroups_list_item:hover {
  cursor: pointer;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_icon {
  float: left;
  max-width: 100px;
  max-height: 65px;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_description {
  color: #fff;
  border-radius: 5px;
  padding: 1px 5px;
  background-color: #5c779a;
  margin-left: 110px;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_description table {
  width: 100%;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_description table td {
  padding: 1px;
  font-size: 11px;
  line-height: 14px;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_description table td.title {
  width: 90%;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_description table td.count {
  text-align: right;
  width: 10%;
}
.lpgroups_list_wrap .lpgroups_list_item .lpgroups_title {
  color: #5c779a;
  padding-left: 5px;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin: 0px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lpgroups_list_item img.winner {
  position: absolute;
  top: 3px;
  left: 73px;
}
.sm_lpgroups_icon {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  height: 57px;
}
.sm_lpgroups_title {
  color: #333;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  padding-top: 15px;
  margin: 0;
}
.sm_vr_lr_search {
  margin-bottom: 10px;
}
.sm_vr_lr_search #search_field {
  margin: 0;
}
.vr_sm_course_index_wrap {
  height: 548px;
}
.vr_sm_course_index_wrap .vr_sem_table_row {
  height: 127px;
  box-sizing: border-box;
}
.vr_sm_lr_cont_header {
  height: 68px;
  box-sizing: border-box;
  position: relative;
}
.vr_sm_lr_cont_header .sm_lpgroups_winner {
  position: absolute;
  top: 8px;
  right: 8px;
}
/*new-employee-groups-form*/
#new-employee-groups-form {
  width: 100%;
}
#new-employee-groups-form label {
  font-size: 13px !important;
}
#new-employee-groups-form input[type="text"] {
  width: 100%;
}
#new-employee-groups-form .help-inline {
  padding-left: 0;
}
/**/
#customfield-form label.control-label {
  display: inline-block;
  width: 150px;
  float: left;
  line-height: 10px;
}
#customfield-form input[type="text"] {
  width: 200px;
}
#customfield-form input[type="checkbox"] {
  width: auto;
  margin-right: 5px;
  margin-top: 0px;
  top: -1px;
  margin-left: 150px;
}
#customfield-form #save_customfields {
  margin-top: 10px;
}
/*new catalog */
.catalog_lp_wrap .vr_lr_cont_header {
  height: 107px;
}
.catalog_lp_list {
  width: auto;
  height: 541px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  background-color: transparent;
}
.catalog_lp_list .list-view {
  padding: 0 10px;
}
.catalog_lp_row {
  display: table-row;
}
.catalog_lp_cont .vr_lr_table .vr_cat_table_row:not(last-child) {
  border-bottom: 1px solid #ccc;
}
.catalog_lp_cont .catalog_lp_row .booking_counter_block {
  float: right;
  margin: 5px 10px 0 0;
  clear: both;
}
/*new catalog*/
.catalog_lp_cont.vr_border {
  height: 590px;
}
.vr_filter_container #lpcatalog-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
}
.vr_filter_container .vr_sp_coach_wrap .form-horizontal .controls {
  margin-left: 0;
}
.vr_filter_container #lpcatalog-filter input[type=text],
.vr_filter_container #lpcatalog-filter select {
  width: 100%;
}
.vr_filter_container #lpcatalog-filter .datapicker-half-width {
  width: 48%;
}
.vr_filter_container #lpcatalog-filter .datapicker-half-width input[type=text] {
  width: 100%;
}
.vr_filter_container span#Learningpath_SEARCH_ACTIVITY_FILTER {
  width: 100%;
  display: block;
  margin: 15px 0 15px 0;
  overflow: hidden;
}
.vr_filter_container span#Learningpath_SEARCH_ACTIVITY_FILTER input[type=radio] {
  float: left;
  margin-right: 10px;
  margin-top: 1px;
  margin-bottom: 8px;
  margin-left: 2px;
}
.vr_filter_container span#Learningpath_SEARCH_ACTIVITY_FILTER label {
  line-height: 16px;
  margin: 0 0 10px 0;
}
/*approvements*/
.catalog_approv_wrap {
  padding: 0 19px 19px;
  min-height: 658px;
}
.catalog_approv_wrap .vr_lr_cont_header {
  min-height: 60px;
}
.catalog_approv_wrap .activations_filter_container table {
  width: 100%;
  margin-bottom: 10px;
}
/**/
.catalog_lp_list .vr_cat_table_row .vr_cat_table_cell_img {
  padding: 15px 0;
}
.catalog_lp_list .vr_cat_table_row .vr_cat_table_cell_info {
  padding-bottom: 15px;
}
.catalog_lp_list .vr_cat_table_row .vr_cat_table_cell_info .info {
  float: none;
  height: 36px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog_lp_list .vr_cat_table_row .vr_cat_table_cell_info .description {
  height: 54px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog_lp_wrap.catalog_lp_detail .catalog_lp_cont.vr_border {
  height: 590px;
}
.catalog_lp_list_detail .vr_cat_table_cell_info_btn {
  padding-right: 20px;
}
.catalog_lp_detail .vr_cat_btn_book,
.catalog_lp_detail .vr_cat_btn_booked,
.catalog_lp_detail .vr_lg_btn_course {
  margin-right: 10px;
}
.catalog_lp_wrap .vr_lr_cont_header {
  height: 60px;
  min-height: 60px;
}
.catalog_lp_list_detail,
.catalog_lp_list {
  height: 590px;
}
.catalog_lp_list_detail .catalog_lp_list_detail_cont {
  padding-right: 10px;
}
.catalog_lp_list_detail .vr_lr_table {
  margin-bottom: 30px;
}
#approve_button,
#deny_button {
  float: left;
}
#approvements-grid table tfoot td {
  padding-top: 20px;
}
/*progress-success*/
.activations_tab_container .disign-bottom-button #cancel_button {
  margin-right: 25px;
}
.activations_tab_container .disign-bottom-button .progress {
  width: 250px !important;
  display: inline-block;
  background: #e0e0e0;
  margin-bottom: 0px !important;
  vertical-align: middle;
}
/*frontend table reports*/
.frontend.table.reports .vr_report_table_wrap .vr_report_table_cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}
.frontend.table.reports .vr_report_table_wrap .vr_report_table_cell:first-child {
  padding-right: 30px;
}
.vr_report_popup_content {
  height: 645px;
}
.vr_report_popup_content .form-horizontal .control-label {
  text-align: left;
}
.vr_report_popup_content input[type='text'],
.vr_report_popup_content select {
  width: 175px;
  box-sizing: border-box;
}
.vr_report_popup_content .control-group {
  margin-bottom: 6px !important;
}
.vr_report_popup_content .control-group .control-group {
  margin-bottom: 0 !important;
}
.vr_report_popup_content input[type='text'].datePicker {
  width: 94px;
}
.vr_report_popup_content .input-append .add-on,
.vr_report_popup_content .input-prepend .add-on {
  height: 15px;
}
.vr_report_popup_content .select2-container-multi {
  width: 175px !important;
}
.vr_report_popup_content .control-group .controls input[type="number"] {
  width: 94px;
}
.vr_report_popup_content .control-group .controls + .controls {
  margin-top: 6px;
}
.vr_report_popup_content .control-group .controls .control-group + .control-group {
  margin-bottom: 0 !important;
  margin-top: 6px;
}
/**/
.ui-spinner {
  padding: 0 !important;
}
.input-number {
  border: none !important;
  box-shadow: none !important;
  height: 23px !important;
  line-height: 23px !important;
  padding: 0 !important;
  width: 48px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/*reminder-approver-holder*/
.reminder-approver-holder .form-horizontal .control-label {
  float: left;
  width: 180px;
  padding-top: 5px;
  text-align: left;
}
.reminder-approver-holder .control-group input[type="checkbox"],
.reminder-approver-holder .control-group input[type="radio"] {
  position: relative;
  top: -2px;
  right: -1px;
  width: auto;
  margin: 0 10px 0 0;
}
.design-tabs .design-dateTime-form .reminder-approver-holder label,
.reminder-approver-holder label {
  display: inline;
  padding-left: 0px;
  padding-top: 5px;
  vertical-align: middle;
}
.reminder-approver-holder .checkbox-label-text {
  float: left;
}
.reminder-approver-holder .form-horizontal .controls {
  margin-left: 180px;
  min-width: 160px;
}
.reminder-approver-holder .form-horizontal .controls {
  margin-left: 180px;
  min-width: 160px;
}
.reminder-approver-holder .ui-spinner {
  margin-left: 7px;
  margin-right: 7px;
}
.design-dateTime-form .reminder-approver-holder .control-group label.checkbox .checkbox-label-text,
.reminder-approver-holder .control-group label.checkbox .checkbox-label-text {
  line-height: 20px;
}
.reminder-approver-holder .checkbox-field:last-child {
  margin-top: 10px;
}
/**/
.design-tabs .controls span.ui-spinner {
  display: inline-block;
}
/*lang scroll*/
.bfh-selectbox .bfh-selectbox-options ul {
  overflow: hidden;
  overflow-y: auto;
  height: 204px;
  width: 40px;
  margin: 0;
}
.bfh-selectbox .bfh-selectbox-options ul li > a {
  width: 17px;
}
#front-language-wrap {
  margin-left: 10px;
  margin-right: 25px;
}
/*message form*/
.vr_messages_wrap {
  padding: 20px 0;
  min-height: 650px;
}
.tab-content {
  overflow: hidden;
  min-height: 600px;
  padding-top: 10px;
}
#inbox-messages-grid,
#outbox-messages-grid {
  padding-top: 0;
}
#inbox-messages-grid table th,
#inbox-messages-grid table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#inbox-messages-grid_c0,
#outbox-messages-grid_c0 {
  width: 21px;
  max-width: 21px;
  vertical-align: middle;
}
#inbox-messages-grid_c1,
#outbox-messages-grid_c1 {
  width: 56px;
  max-width: 56px;
}
#inbox-messages-grid_c2,
#outbox-messages-grid_c2 {
  width: 156px;
  max-width: 156px;
}
#inbox-messages-grid_c4,
#outbox-messages-grid_c4 {
  width: 106px;
  max-width: 106px;
}
#inbox-messages-grid_c5,
#outbox-messages-grid_c5 {
  width: 90px;
  max-width: 90px;
}
#inbox-messages-grid_c6,
#outbox-messages-grid_c6 {
  width: 36px;
  max-width: 36px;
}
/**/
/* Jurets: ticket 0035292 */
.bullet.white::before,
.bullet.grey::before {
  content: ' ';
  width: 13px;
  height: 13px;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  top: 50%;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.bullet.white::before {
  background-color: white;
  border: 1px solid #8A8C89;
}
.bullet.grey::before {
  background-color: #b2b6b1;
  border: 1px solid #b2b6b1;
}
/*Learningpath categories - titles cut off*/
.ellipsis-end-content,
.ui-accordion-header {
  overflow: hidden;
  padding-right: 20px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**/
/*ui-spinner-button icon position*/
.ui-spinner-button.ui-state-default .ui-icon.ui-icon-triangle-1-n,
.ui-spinner-button.ui-state-default .ui-icon.ui-icon-triangle-1-s,
.ui-spinner-button.ui-state-default:hover .ui-icon.ui-icon-triangle-1-n,
.ui-spinner-button.ui-state-default:hover .ui-icon.ui-icon-triangle-1-s {
  right: auto;
}
.ui-spinner-button.ui-state-default .ui-icon.ui-icon-triangle-1-n,
.ui-spinner-button.ui-state-default:hover .ui-icon.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-spinner-button.ui-state-default .ui-icon.ui-icon-triangle-1-s,
.ui-spinner-button.ui-state-default:hover .ui-icon.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
/**/
/*=======tutored wizard style========*/
.frontend-wizard {
  min-height: 600px;
  padding: 20px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.frontend-wizard input {
  display: inline-block !important;
  vertical-align: top;
}
.frontend-wizard input#Learningpath_LP_TITLE,
.frontend-wizard input#Learningpath_LP_INFORMATION {
  width: 420px;
}
.frontend-wizard .control-group label {
  width: 200px;
}
.select2-choices .select2-search-field input.select2-input {
  border: none;
}
.highField#tutor-user-browser .select2-container-multi .select2-choices {
  height: 54px !important;
}
.frontend-wizard .control-group .select2-container-multi .select2-choices {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  background-color: #ffffff !important;
}
.frontend-wizard .design-multi-table {
  width: 100%;
}
.frontend-wizard table.three-columns td label,
.frontend-wizard table.three-columns td label.control-label,
.frontend-wizard table.three-columns td .control-group .controls {
  width: 100%;
  text-align: left;
}
.frontend-wizard .form-horizontal .control-label {
  text-align: left;
}
.frontend-wizard table.three-columns td .control-group .controls {
  margin-left: 0px;
}
.frontend-wizard .design-multi-table .design-central-column {
  padding-top: 200px;
}
.frontend-wizard .bootstrap-timepicker.input-append .add-on {
  height: 25px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.frontend-wizard .form-horizontal .controls {
  margin-left: 200px;
}
.frontend-wizard .control-group .controls .checkbox {
  overflow: hidden;
}
.frontend-wizard .control-group .controls .checkbox input {
  margin-left: 0;
  margin-right: 10px;
}
.frontend-wizard .wizard > .actions {
  left: auto;
}
/*========tutored examadministration style===========*/
#examadministration-grid a#create_button,
#examadministration-grid button#cancel_button {
  margin: 15px 0 0;
}
#examadministration-grid table tfoot tr td {
  padding: 0;
}
/*=======style for custom navigation global search=======*/
.gs-tabs-wrap,
.gs-results-wrap {
  display: none;
}
#global-search-overlay {
  background-color: rgba(255, 255, 255, 0.97);
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.gs-wrap {
  min-height: 240px;
  text-align: center;
}
.global-search-button {
  width: 36px;
  height: 36px;
  background-position: -2px -82px;
  margin-left: 16px;
  margin-right: -4px;
  cursor: pointer;
  float: right;
}
.global-search-button.global-search-button-center {
  margin-right: 10px;
  margin-top: 0;
}
.gs-close {
  position: absolute;
  width: 36px;
  height: 36px;
  right: 35px;
  top: 35px;
  cursor: pointer;
  background-position: -162px 38px;
}
.gs-header {
  padding-top: 100px;
}
.gs-search-input {
  width: 500px;
  height: 40px;
  margin: 0 auto;
  position: relative;
}
.gs-search-input form {
  height: 100%;
}
#gs-input {
  height: 100%;
  width: 100%;
  float: left;
  padding: 0 25px 0 10px;
  border: transparent;
  background: transparent;
  box-shadow: none;
  border-bottom: 2px solid #999;
}
#gs-reset-search {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  outline: none;
  box-shadow: none;
  background: 0 0;
  color: #999;
  font-size: 20px;
  line-height: 1;
}
.global-search-button-center {
  float: right;
}
.gs-search-input .global-search-button {
  display: none;
}
.gs-content {
  display: inline-block;
  margin: 0 auto;
  padding: 70px 0 40px;
  width: 70%;
}
.gs-tab {
  float: left;
  height: 40px;
  width: 170px;
  cursor: pointer;
  text-align: center;
  background-color: #a00000;
  margin-right: 5px;
  line-height: 40px;
  border: 2px solid transparent;
  color: #fff;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
  transition: 0.6s;
}
.gs-results-wrap {
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 20px !important;
}
.gs-results {
  display: none;
  padding-right: 10px;
  text-align: justify;
}
.gs-results.active {
  display: block;
}
.gs-found-row {
  max-width: 1200px;
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.gs-found-row span {
  float: left;
  padding: 5px;
  width: 80%;
}
.gs-to-seminarr,
.gs-to-lp-item,
.gs-to-lp,
.gs-to-categ {
  padding: 5px;
  text-align: center;
  cursor: pointer;
  float: right;
  background-color: #a00000;
  border: 2px solid transparent;
  color: #fff;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.gs-to-seminarr,
.gs-to-lp-item {
  margin-left: 20px;
}
.gs-tab.active,
.gs-tab:active,
.gs-tab:focus,
.gs-tab:hover,
.gs-to-seminarr:hover,
.gs-to-seminarr:active,
.gs-to-lp-item:hover,
.gs-to-lp-item:active,
.gs-to-lp:hover,
.gs-to-lp:active,
.gs-to-categ:hover,
.gs-to-categ:active {
  background-color: #fff;
  border: 2px solid #a00000;
  color: #a00000;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
}
/*=======style for global search end=======*/
/*=======qualitest-menu========*/
.qualitest_settings > .control-group {
  margin-bottom: 20px;
}
.qualitest_settings .control-label,
._qualitest_form_users .control-label {
  margin-top: 3px;
  text-align: left;
  line-height: normal !important;
  width: 130px;
}
.min-width-130 {
  margin-right: 10px;
  min-width: 130px;
}
.qualitest-sequence-description {
  padding-left: 10px;
}
/*assigned buttons*/
#qualitest-list .design-multi-table .design-central-column {
  padding-top: 117px;
}
/*assigned table*/
.qualitest_settings table .control-group.popup_select {
  margin-bottom: 0;
}
.qualitest_settings table td.word-wrap {
  word-break: break-all;
}
/*reset-qualitest*/
.reset-qualitest .control-group .control-label {
  text-align: left;
}
.reset-qualitest .reset-log-info-message {
  margin-bottom: 20px;
}
/*qualitest evaluations*/
.history_activations table td,
.history_activations table th {
  overflow: hidden;
  text-overflow: ellipsis;
}
.history_activations table th {
  width: 70px;
  max-width: 100px;
}
.note-info {
  margin-top: 1rem;
}
.note-info a {
  color: #1155cc;
}
.note-info a:link {
  color: #1155cc;
}
.note-info a:visited {
  color: #1155cc;
}
.list_row {
  max-width: 600px;
}
.list_row_data {
  max-width: 330px;
}
.list_row_data_select {
  background-color: white !important;
  width: 700px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.list_row_data_select option {
  color: black !important ;
}
.d-none {
  display: none !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}
.d-block {
  display: block !important;
}
@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}
.d-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .d-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-flex {
    display: flex !important;
  }
}
.flex-column {
  flex-direction: column !important;
}
@media (min-width: 576px) {
  .flex-sm-column {
    flex-direction: column !important;
  }
}
@media (min-width: 768px) {
  .flex-md-column {
    flex-direction: column !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-column {
    flex-direction: column !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-column {
    flex-direction: column !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
@media (min-width: 576px) {
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
}
.justify-content-start {
  justify-content: start;
}
@media (min-width: 576px) {
  .justify-content-sm-start {
    justify-content: start;
  }
}
@media (min-width: 768px) {
  .justify-content-md-start {
    justify-content: start;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-start {
    justify-content: start;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-start {
    justify-content: start;
  }
}
.justify-content-center {
  justify-content: center;
}
@media (min-width: 576px) {
  .justify-content-sm-center {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .justify-content-md-center {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-center {
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-center {
    justify-content: center;
  }
}
.justify-content-end {
  justify-content: end;
}
@media (min-width: 576px) {
  .justify-content-sm-end {
    justify-content: end;
  }
}
@media (min-width: 768px) {
  .justify-content-md-end {
    justify-content: end;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-end {
    justify-content: end;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-end {
    justify-content: end;
  }
}
.justify-content-between {
  justify-content: space-between;
}
@media (min-width: 576px) {
  .justify-content-sm-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .justify-content-md-between {
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-between {
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-between {
    justify-content: space-between;
  }
}
.justify-content-evenly {
  justify-content: space-evenly;
}
@media (min-width: 576px) {
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 768px) {
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
}
.justify-content-around {
  justify-content: space-around;
}
@media (min-width: 576px) {
  .justify-content-sm-around {
    justify-content: space-around;
  }
}
@media (min-width: 768px) {
  .justify-content-md-around {
    justify-content: space-around;
  }
}
@media (min-width: 992px) {
  .justify-content-lg-around {
    justify-content: space-around;
  }
}
@media (min-width: 1200px) {
  .justify-content-xl-around {
    justify-content: space-around;
  }
}
.p-1 {
  padding: 0 !important;
}
@media (min-width: 576px) {
  .p-sm-1 {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .p-md-1 {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .p-lg-1 {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-1 {
    padding: 0 !important;
  }
}
.ps-1 {
  padding-left: 0 !important;
}
@media (min-width: 576px) {
  .ps-sm-1 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ps-md-1 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-1 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-1 {
    padding-left: 0 !important;
  }
}
.pe-1 {
  padding-right: 0 !important;
}
@media (min-width: 576px) {
  .pe-sm-1 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .pe-md-1 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-1 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-1 {
    padding-right: 0 !important;
  }
}
.px-1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 576px) {
  .px-sm-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .px-md-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .px-lg-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.py-1 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 576px) {
  .py-sm-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .py-md-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .py-lg-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.p-2 {
  padding: 0.25rem !important;
}
@media (min-width: 576px) {
  .p-sm-2 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-2 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-2 {
    padding: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-2 {
    padding: 0.25rem !important;
  }
}
.ps-2 {
  padding-left: 0.25rem !important;
}
@media (min-width: 576px) {
  .ps-sm-2 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ps-md-2 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-2 {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-2 {
    padding-left: 0.25rem !important;
  }
}
.pe-2 {
  padding-right: 0.25rem !important;
}
@media (min-width: 576px) {
  .pe-sm-2 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .pe-md-2 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-2 {
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-2 {
    padding-right: 0.25rem !important;
  }
}
.px-2 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
@media (min-width: 576px) {
  .px-sm-2 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-2 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-2 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-2 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.py-2 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
@media (min-width: 576px) {
  .py-sm-2 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-2 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-2 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-2 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.p-3 {
  padding: 0.5rem !important;
}
@media (min-width: 576px) {
  .p-sm-3 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-3 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-3 {
    padding: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-3 {
    padding: 0.5rem !important;
  }
}
.ps-3 {
  padding-left: 0.5rem !important;
}
@media (min-width: 576px) {
  .ps-sm-3 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ps-md-3 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-3 {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-3 {
    padding-left: 0.5rem !important;
  }
}
.pe-3 {
  padding-right: 0.5rem !important;
}
@media (min-width: 576px) {
  .pe-sm-3 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .pe-md-3 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-3 {
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-3 {
    padding-right: 0.5rem !important;
  }
}
.px-3 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
@media (min-width: 576px) {
  .px-sm-3 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-3 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-3 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-3 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
.py-3 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media (min-width: 576px) {
  .py-sm-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
.p-4 {
  padding: 1rem !important;
}
@media (min-width: 576px) {
  .p-sm-4 {
    padding: 1rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-4 {
    padding: 1rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-4 {
    padding: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-4 {
    padding: 1rem !important;
  }
}
.ps-4 {
  padding-left: 1rem !important;
}
@media (min-width: 576px) {
  .ps-sm-4 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ps-md-4 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-4 {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-4 {
    padding-left: 1rem !important;
  }
}
.pe-4 {
  padding-right: 1rem !important;
}
@media (min-width: 576px) {
  .pe-sm-4 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .pe-md-4 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-4 {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-4 {
    padding-right: 1rem !important;
  }
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 576px) {
  .px-sm-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media (min-width: 576px) {
  .py-sm-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
.p-5 {
  padding: 1 !important;
}
@media (min-width: 576px) {
  .p-sm-5 {
    padding: 1 !important;
  }
}
@media (min-width: 768px) {
  .p-md-5 {
    padding: 1 !important;
  }
}
@media (min-width: 992px) {
  .p-lg-5 {
    padding: 1 !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-5 {
    padding: 1 !important;
  }
}
.ps-5 {
  padding-left: 1 !important;
}
@media (min-width: 576px) {
  .ps-sm-5 {
    padding-left: 1 !important;
  }
}
@media (min-width: 768px) {
  .ps-md-5 {
    padding-left: 1 !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-5 {
    padding-left: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-5 {
    padding-left: 1 !important;
  }
}
.pe-5 {
  padding-right: 1 !important;
}
@media (min-width: 576px) {
  .pe-sm-5 {
    padding-right: 1 !important;
  }
}
@media (min-width: 768px) {
  .pe-md-5 {
    padding-right: 1 !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-5 {
    padding-right: 1 !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-5 {
    padding-right: 1 !important;
  }
}
.px-5 {
  padding-left: 1 !important;
  padding-right: 1 !important;
}
@media (min-width: 576px) {
  .px-sm-5 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}
@media (min-width: 768px) {
  .px-md-5 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}
@media (min-width: 992px) {
  .px-lg-5 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-5 {
    padding-left: 1 !important;
    padding-right: 1 !important;
  }
}
.py-5 {
  padding-top: 1 !important;
  padding-bottom: 1 !important;
}
@media (min-width: 576px) {
  .py-sm-5 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}
@media (min-width: 768px) {
  .py-md-5 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}
@media (min-width: 992px) {
  .py-lg-5 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-5 {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
  }
}
.p-6 {
  padding: 3rem !important;
}
@media (min-width: 576px) {
  .p-sm-6 {
    padding: 3rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-6 {
    padding: 3rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-6 {
    padding: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-6 {
    padding: 3rem !important;
  }
}
.ps-6 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .ps-sm-6 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .ps-md-6 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .ps-lg-6 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .ps-xl-6 {
    padding-left: 3rem !important;
  }
}
.pe-6 {
  padding-right: 3rem !important;
}
@media (min-width: 576px) {
  .pe-sm-6 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .pe-md-6 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .pe-lg-6 {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .pe-xl-6 {
    padding-right: 3rem !important;
  }
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media (min-width: 576px) {
  .px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (min-width: 576px) {
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
.m-1 {
  margin: 0 !important;
}
@media (min-width: 576px) {
  .m-sm-1 {
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  .m-md-1 {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .m-lg-1 {
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-1 {
    margin: 0 !important;
  }
}
.ms-1 {
  margin-left: 0 !important;
}
@media (min-width: 576px) {
  .ms-sm-1 {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ms-md-1 {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ms-lg-1 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ms-xl-1 {
    margin-left: 0 !important;
  }
}
.me-1 {
  margin-right: 0 !important;
}
@media (min-width: 576px) {
  .me-sm-1 {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .me-md-1 {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .me-lg-1 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .me-xl-1 {
    margin-right: 0 !important;
  }
}
.mt-1 {
  margin-top: 0 !important;
}
@media (min-width: 576px) {
  .mt-sm-1 {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .mt-md-1 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-1 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-1 {
    margin-top: 0 !important;
  }
}
.mb-1 {
  margin-bottom: 0 !important;
}
@media (min-width: 576px) {
  .mb-sm-1 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .mb-md-1 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-1 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-1 {
    margin-bottom: 0 !important;
  }
}
.mx-1 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (min-width: 576px) {
  .mx-sm-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .mx-md-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.my-1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 576px) {
  .my-sm-1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .my-md-1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .my-lg-1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.m-2 {
  margin: 0.25rem !important;
}
@media (min-width: 576px) {
  .m-sm-2 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-2 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-2 {
    margin: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-2 {
    margin: 0.25rem !important;
  }
}
.ms-2 {
  margin-left: 0.25rem !important;
}
@media (min-width: 576px) {
  .ms-sm-2 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .ms-md-2 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .ms-lg-2 {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .ms-xl-2 {
    margin-left: 0.25rem !important;
  }
}
.me-2 {
  margin-right: 0.25rem !important;
}
@media (min-width: 576px) {
  .me-sm-2 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .me-md-2 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .me-lg-2 {
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .me-xl-2 {
    margin-right: 0.25rem !important;
  }
}
.mt-2 {
  margin-top: 0.25rem !important;
}
@media (min-width: 576px) {
  .mt-sm-2 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-2 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-2 {
    margin-top: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-2 {
    margin-top: 0.25rem !important;
  }
}
.mb-2 {
  margin-bottom: 0.25rem !important;
}
@media (min-width: 576px) {
  .mb-sm-2 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-2 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-2 {
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-2 {
    margin-bottom: 0.25rem !important;
  }
}
.mx-2 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
@media (min-width: 576px) {
  .mx-sm-2 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-2 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-2 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-2 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
.my-2 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
@media (min-width: 576px) {
  .my-sm-2 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-2 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-2 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-2 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
.m-3 {
  margin: 0.5rem !important;
}
@media (min-width: 576px) {
  .m-sm-3 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-3 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-3 {
    margin: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-3 {
    margin: 0.5rem !important;
  }
}
.ms-3 {
  margin-left: 0.5rem !important;
}
@media (min-width: 576px) {
  .ms-sm-3 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .ms-md-3 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .ms-lg-3 {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .ms-xl-3 {
    margin-left: 0.5rem !important;
  }
}
.me-3 {
  margin-right: 0.5rem !important;
}
@media (min-width: 576px) {
  .me-sm-3 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .me-md-3 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .me-lg-3 {
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .me-xl-3 {
    margin-right: 0.5rem !important;
  }
}
.mt-3 {
  margin-top: 0.5rem !important;
}
@media (min-width: 576px) {
  .mt-sm-3 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-3 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-3 {
    margin-top: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-3 {
    margin-top: 0.5rem !important;
  }
}
.mb-3 {
  margin-bottom: 0.5rem !important;
}
@media (min-width: 576px) {
  .mb-sm-3 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-3 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-3 {
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-3 {
    margin-bottom: 0.5rem !important;
  }
}
.mx-3 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
@media (min-width: 576px) {
  .mx-sm-3 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-3 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-3 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-3 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
.my-3 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
@media (min-width: 576px) {
  .my-sm-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
.m-4 {
  margin: 1rem !important;
}
@media (min-width: 576px) {
  .m-sm-4 {
    margin: 1rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-4 {
    margin: 1rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-4 {
    margin: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-4 {
    margin: 1rem !important;
  }
}
.ms-4 {
  margin-left: 1rem !important;
}
@media (min-width: 576px) {
  .ms-sm-4 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .ms-md-4 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .ms-lg-4 {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .ms-xl-4 {
    margin-left: 1rem !important;
  }
}
.me-4 {
  margin-right: 1rem !important;
}
@media (min-width: 576px) {
  .me-sm-4 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .me-md-4 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .me-lg-4 {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .me-xl-4 {
    margin-right: 1rem !important;
  }
}
.mt-4 {
  margin-top: 1rem !important;
}
@media (min-width: 576px) {
  .mt-sm-4 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-4 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-4 {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-4 {
    margin-top: 1rem !important;
  }
}
.mb-4 {
  margin-bottom: 1rem !important;
}
@media (min-width: 576px) {
  .mb-sm-4 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-4 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-4 {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-4 {
    margin-bottom: 1rem !important;
  }
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
@media (min-width: 576px) {
  .mx-sm-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media (min-width: 576px) {
  .my-sm-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
.m-5 {
  margin: 3rem !important;
}
@media (min-width: 576px) {
  .m-sm-5 {
    margin: 3rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-5 {
    margin: 3rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-5 {
    margin: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-5 {
    margin: 3rem !important;
  }
}
.ms-5 {
  margin-left: 3rem !important;
}
@media (min-width: 576px) {
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .ms-md-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
}
.me-5 {
  margin-right: 3rem !important;
}
@media (min-width: 576px) {
  .me-sm-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .me-md-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .me-lg-5 {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .me-xl-5 {
    margin-right: 3rem !important;
  }
}
.mt-5 {
  margin-top: 3rem !important;
}
@media (min-width: 576px) {
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
}
.mb-5 {
  margin-bottom: 3rem !important;
}
@media (min-width: 576px) {
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media (min-width: 576px) {
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 576px) {
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
.w-auto {
  width: auto !important;
}
.w-0 {
  width: 0% !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-0 {
  height: 0% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.border-none {
  border: none;
}
.border-none:hover {
  border: none;
}
.box-shadow-none {
  box-shadow: none;
}
.overview-auto {
  overflow: auto;
}
.overview-y-auto {
  overflow-y: auto;
}
.overview-x-auto {
  overflow-x: auto;
}
.fw-bold {
  font-weight: bold;
}
.fw-normal {
  font-weight: normal;
}
.fw-light {
  font-weight: 100;
}
.bg-white {
  background-color: #fff;
}
.cursor-none {
  cursor: none !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.courses-child-list {
  font-size: 11px;
}
select.TestSelectionForm_dropDown {
  width: 288px;
}
.select2-container .select2-choice .select2-arrow {
  border-left: none;
  background: #ffffff;
}
.select2-container .select2-choice {
  background: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  line-height: 21px;
  color: #555555;
  display: inline-block;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0px 0px 0px 5px;
  font-size: 13px;
  width: 100%;
}
.select-box-tooltip {
  border: none;
  box-shadow: 0px 0px 1px 2px #aaaa;
}
.select-box-tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 13px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  bottom: -13px;
  left: 8px;
  z-index: 0;
  filter: drop-shadow(0px 1px 1px #aaaaaa);
}