@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i);
@font-face {
  font-family: my-icons-font;
  src: url(../webicons/my-icons-font-ZqMWdCs3.eot);
  src: url(../webicons/my-icons-font-ZqMWdCs3.eot?#iefix) format('eot'),
    url(../webicons/my-icons-font-ZqMWdCs3.woff) format('woff'),
    url(../webicons/my-icons-font-ZqMWdCs3.ttf) format('truetype'),
    url(../webicons/my-icons-font-ZqMWdCs3.svg#my-icons-font-ZqMWdCs3) format('svg');
}
.icon {
  line-height: 1;
}
.icon:before {
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  speak: none;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
}
.icon-bulb:before {
  content: '\E001';
}
.icon-cart:before {
  content: '\E002';
}
.icon-check:before {
  content: '\E003';
}
.icon-cross:before {
  content: '\E004';
}
.icon-doc:before {
  content: '\E005';
}
.icon-download:before {
  content: '\E006';
}
.icon-edit:before {
  content: '\E007';
}
.icon-gear:before {
  content: '\E008';
}
.icon-help:before {
  content: '\E009';
}
.icon-lock:before {
  content: '\E00A';
}
.icon-login:before {
  content: '\E00B';
}
.icon-logo:before {
  content: '\E00C';
}
.icon-mail:before {
  content: '\E00D';
}
.icon-microscope:before {
  content: '\E00E';
}
.icon-plus:before {
  content: '\E00F';
}
.icon-search:before {
  content: '\E010';
}
.icon-sended:before {
  content: '\E011';
}
.icon-triangle-down:before {
  content: '\E012';
}
.icon-user:before {
  content: '\E013';
}
.icon-warning:before {
  content: '\E014';
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: visible;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.xdsoft_datetimepicker {
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 2px 8px 8px 0;
  position: absolute;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: 0 0;
  border: 0;
}
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: 0 0;
}
.xdsoft_noselect::-moz-selection {
  background: 0 0;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: 'alpha(opacity=50)';
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
  opacity: 1;
  -ms-filter: 'alpha(opacity=100)';
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: 'alpha(opacity=50)';
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: 'alpha(opacity=20)';
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: museo-sans, 'Book Antiqua', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
}
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:focus span,
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:hover span {
  color: #454551;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #fff));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%);
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: 0 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: 0 0;
}
label {
  font-size: 14px;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
[hidden] {
  display: none;
}
html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  height: 100%;
}
img {
  border: 0;
  vertical-align: middle;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
select {
  text-transform: none;
}
input,
select,
textarea {
  outline: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background: #fff;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
}
input[type='checkbox'] {
  -webkit-appearance: checkbox;
}
input[type='radio'] {
  -webkit-appearance: radio;
}
:focus {
  outline: 0;
}
::-moz-focus-inner {
  border: 0;
}
select {
  text-indent: 0;
  -o-text-overflow: '';
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select:active {
  -moz-outline: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
b,
strong {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
a,
a:active,
a:link,
a:visited {
  text-decoration: none;
  outline: 0;
  color: #008ea7;
}
a:hover {
  color: #00bde3;
}
.grid-system {
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  line-height: 1;
  overflow-wrap: break-word;
}
.grid-system:after,
.grid-system:before {
  content: ' ';
  display: table;
}
.grid-system:after {
  clear: both;
}
.grid-system > .col {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.5;
  padding: 0;
}
.grid-system > .col-va-c {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.grid-system > .col-va-t {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.grid-system > .col-va-b {
  display: inline-block;
  float: none;
  vertical-align: bottom;
}
.grid-system > .col-pad-l {
  padding-left: 10px;
}
.grid-system > .col-pad-r {
  padding-right: 10px;
}
.grid-system > .col-pad {
  padding-left: 10px;
  padding-right: 10px;
}
.grid-system > .d12 {
  width: 100%;
}
.grid-system > .d11 {
  width: 91.6667%;
}
.grid-system > .d10 {
  width: 83.3333%;
}
.grid-system > .d9 {
  width: 75%;
}
.grid-system > .d8 {
  width: 66.6667%;
}
.grid-system > .d7 {
  width: 58.3333%;
}
.grid-system > .d6 {
  width: 50%;
}
.grid-system > .d5 {
  width: 41.6667%;
}
.grid-system > .d4 {
  width: 30%;
}
.grid-system > .d3 {
  width: 25%;
}
.grid-system > .d2 {
  width: 16.6667%;
}
.grid-system > .d1 {
  width: 8.3333%;
}
.grid-system > .md12 {
  margin-left: 100%;
}
.grid-system > .md11 {
  margin-left: 91.6667%;
}
.grid-system > .md10 {
  margin-left: 83.3333%;
}
.grid-system > .md9 {
  margin-left: 75%;
}
.grid-system > .md8 {
  margin-left: 66.6667%;
}
.grid-system > .md7 {
  margin-left: 58.3333%;
}
.grid-system > .md6 {
  margin-left: 50%;
}
.grid-system > .md5 {
  margin-left: 41.6667%;
}
.grid-system > .md4 {
  margin-left: 33.3333%;
}
.grid-system > .md3 {
  margin-left: 25%;
}
.grid-system > .md2 {
  margin-left: 16.6667%;
}
.grid-system > .md1 {
  margin-left: 8.3333%;
}
.grid-system > .md0 {
  margin-left: 0;
}
@media only screen and (max-width: 1149.9px) {
  .grid-system > .col-sd-pad-l {
    padding-left: 10px;
  }
  .grid-system > .col-sd-pad-r {
    padding-right: 10px;
  }
  .grid-system > .col-sd-pad {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-system > .col-sd-no-pad-l {
    padding-left: 0;
  }
  .grid-system > .col-sd-no-pad-r {
    padding-right: 0;
  }
  .grid-system > .col-sd-no-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-system > .sd12 {
    width: 100%;
  }
  .grid-system > .sd11 {
    width: 91.6667%;
  }
  .grid-system > .sd10 {
    width: 83.3333%;
  }
  .grid-system > .sd9 {
    width: 75%;
  }
  .grid-system > .sd8 {
    width: 66.6667%;
  }
  .grid-system > .sd7 {
    width: 58.3333%;
  }
  .grid-system > .sd6 {
    width: 50%;
  }
  .grid-system > .sd5 {
    width: 41.6667%;
  }
  .grid-system > .sd4 {
    width: 33.3333%;
  }
  .grid-system > .sd3 {
    width: 25%;
  }
  .grid-system > .sd2 {
    width: 16.6667%;
  }
  .grid-system > .sd1 {
    width: 8.3333%;
  }
  .grid-system > .msd12 {
    margin-left: 100%;
  }
  .grid-system > .msd11 {
    margin-left: 91.6667%;
  }
  .grid-system > .msd10 {
    margin-left: 83.3333%;
  }
  .grid-system > .msd9 {
    margin-left: 75%;
  }
  .grid-system > .msd8 {
    margin-left: 66.6667%;
  }
  .grid-system > .msd7 {
    margin-left: 58.3333%;
  }
  .grid-system > .msd6 {
    margin-left: 50%;
  }
  .grid-system > .msd5 {
    margin-left: 41.6667%;
  }
  .grid-system > .msd4 {
    margin-left: 33.3333%;
  }
  .grid-system > .msd3 {
    margin-left: 25%;
  }
  .grid-system > .msd2 {
    margin-left: 16.6667%;
  }
  .grid-system > .msd1 {
    margin-left: 8.3333%;
  }
  .grid-system > .msd0 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023.9px) {
  .grid-system > .col-t-pad-l {
    padding-left: 10px;
  }
  .grid-system > .col-t-pad-r {
    padding-right: 10px;
  }
  .grid-system > .col-t-pad {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-system > .col-t-no-pad-l {
    padding-left: 0;
  }
  .grid-system > .col-t-no-pad-r {
    padding-right: 0;
  }
  .grid-system > .col-t-no-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-system > .t12 {
    width: 100%;
  }
  .grid-system > .t11 {
    width: 91.6667%;
  }
  .grid-system > .t10 {
    width: 83.3333%;
  }
  .grid-system > .t9 {
    width: 75%;
  }
  .grid-system > .t8 {
    width: 66.6667%;
  }
  .grid-system > .t7 {
    width: 58.3333%;
  }
  .grid-system > .t6 {
    width: 50%;
  }
  .grid-system > .t5 {
    width: 41.6667%;
  }
  .grid-system > .t4 {
    width: 33.3333%;
  }
  .grid-system > .t3 {
    width: 25%;
  }
  .grid-system > .t2 {
    width: 16.6667%;
  }
  .grid-system > .t1 {
    width: 8.3333%;
  }
  .grid-system > .mt12 {
    margin-left: 100%;
  }
  .grid-system > .mt11 {
    margin-left: 91.6667%;
  }
  .grid-system > .mt10 {
    margin-left: 83.3333%;
  }
  .grid-system > .mt9 {
    margin-left: 75%;
  }
  .grid-system > .mt8 {
    margin-left: 66.6667%;
  }
  .grid-system > .mt7 {
    margin-left: 58.3333%;
  }
  .grid-system > .mt6 {
    margin-left: 50%;
  }
  .grid-system > .mt5 {
    margin-left: 41.6667%;
  }
  .grid-system > .mt4 {
    margin-left: 33.3333%;
  }
  .grid-system > .mt3 {
    margin-left: 25%;
  }
  .grid-system > .mt2 {
    margin-left: 16.6667%;
  }
  .grid-system > .mt1 {
    margin-left: 8.3333%;
  }
  .grid-system > .mt0 {
    margin-left: 0;
  }
}
.grid-system-no-pad {
  margin-left: auto;
  margin-right: auto;
}
.grid-system-rtl {
  direction: rtl;
}
.grid-system-rtl > .col {
  float: right;
  direction: ltr;
}
.grid-system-rtl > .col-va-b,
.grid-system-rtl > .col-va-c,
.grid-system-rtl > .col-va-t {
  float: none;
}
.layout {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.center-layout {
  max-width: 1000px;
}
.table-v-center {
  display: table;
  width: 100%;
  height: 100%;
}
.table-v-center > .cell {
  display: table-cell;
  vertical-align: middle;
}
.table-v-center > .cell > .box {
  display: inline-block;
  width: 100%;
}
.big-title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #088ea7;
  text-indent: -2px;
}
@media only screen and (max-width: 767.9px) {
  .grid-system > .col-ml-pad-l {
    padding-left: 10px;
  }
  .grid-system > .col-ml-pad-r {
    padding-right: 10px;
  }
  .grid-system > .col-ml-pad {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-system > .col-ml-no-pad-l {
    padding-left: 0;
  }
  .grid-system > .col-ml-no-pad-r {
    padding-right: 0;
  }
  .grid-system > .col-ml-no-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-system > .ml12 {
    width: 100%;
  }
  .grid-system > .ml11 {
    width: 91.6667%;
  }
  .grid-system > .ml10 {
    width: 83.3333%;
  }
  .grid-system > .ml9 {
    width: 75%;
  }
  .grid-system > .ml8 {
    width: 66.6667%;
  }
  .grid-system > .ml7 {
    width: 58.3333%;
  }
  .grid-system > .ml6 {
    width: 50%;
  }
  .grid-system > .ml5 {
    width: 41.6667%;
  }
  .grid-system > .ml4 {
    width: 30%;
  }
  .grid-system > .ml3 {
    width: 25%;
  }
  .grid-system > .ml2 {
    width: 16.6667%;
  }
  .grid-system > .ml1 {
    width: 8.3333%;
  }
  .grid-system > .mml12 {
    margin-left: 100%;
  }
  .grid-system > .mml11 {
    margin-left: 91.6667%;
  }
  .grid-system > .mml10 {
    margin-left: 83.3333%;
  }
  .grid-system > .mml9 {
    margin-left: 75%;
  }
  .grid-system > .mml8 {
    margin-left: 66.6667%;
  }
  .grid-system > .mml7 {
    margin-left: 58.3333%;
  }
  .grid-system > .mml6 {
    margin-left: 50%;
  }
  .grid-system > .mml5 {
    margin-left: 41.6667%;
  }
  .grid-system > .mml4 {
    margin-left: 33.3333%;
  }
  .grid-system > .mml3 {
    margin-left: 25%;
  }
  .grid-system > .mml2 {
    margin-left: 16.6667%;
  }
  .grid-system > .mml1 {
    margin-left: 8.3333%;
  }
  .grid-system > .mml0 {
    margin-left: 0;
  }
  .big-title {
    font-size: 32px;
    text-indent: -1px;
  }
}
@media only screen and (max-width: 479.9px) {
  .grid-system > .col-mp-pad-l {
    padding-left: 10px;
  }
  .grid-system > .col-mp-pad-r {
    padding-right: 10px;
  }
  .grid-system > .col-mp-pad {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-system > .col-mp-no-pad-l {
    padding-left: 0;
  }
  .grid-system > .col-mp-no-pad-r {
    padding-right: 0;
  }
  .grid-system > .col-mp-no-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-system > .mp12 {
    width: 100%;
  }
  .grid-system > .mp11 {
    width: 91.6667%;
  }
  .grid-system > .mp10 {
    width: 83.3333%;
  }
  .grid-system > .mp9 {
    width: 75%;
  }
  .grid-system > .mp8 {
    width: 66.6667%;
  }
  .grid-system > .mp7 {
    width: 58.3333%;
  }
  .grid-system > .mp6 {
    width: 50%;
  }
  .grid-system > .mp5 {
    width: 41.6667%;
  }
  .grid-system > .mp4 {
    width: 33.3333%;
  }
  .grid-system > .mp3 {
    width: 25%;
  }
  .grid-system > .mp2 {
    width: 16.6667%;
  }
  .grid-system > .mp1 {
    width: 8.3333%;
  }
  .grid-system > .mmp12 {
    margin-left: 100%;
  }
  .grid-system > .mmp11 {
    margin-left: 91.6667%;
  }
  .grid-system > .mmp10 {
    margin-left: 83.3333%;
  }
  .grid-system > .mmp9 {
    margin-left: 75%;
  }
  .grid-system > .mmp8 {
    margin-left: 66.6667%;
  }
  .grid-system > .mmp7 {
    margin-left: 58.3333%;
  }
  .grid-system > .mmp6 {
    margin-left: 50%;
  }
  .grid-system > .mmp5 {
    margin-left: 41.6667%;
  }
  .grid-system > .mmp4 {
    margin-left: 33.3333%;
  }
  .grid-system > .mmp3 {
    margin-left: 25%;
  }
  .grid-system > .mmp2 {
    margin-left: 16.6667%;
  }
  .grid-system > .mmp1 {
    margin-left: 8.3333%;
  }
  .grid-system > .mmp0 {
    margin-left: 0;
  }
  .big-title {
    font-size: 30px;
  }
}
.medium-title {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  color: #008ea7;
}
.big-title-icon {
  padding-left: 42px;
  position: relative;
}
.big-title-icon > .icon {
  display: block;
  width: 32px;
  height: 32px;
  background: #088ea7;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  border-radius: 50%;
  overflow: hidden;
}
.big-title-icon > .icon:before {
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
}
.small-title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #088ea7;
}
.warning-message {
  background: #fffbbc;
  font-size: 18px;
  line-height: 1.4;
  color: #383838;
  padding: 20px 20px 20px 72px;
  position: relative;
}
.warning-message .icon {
  left: 20px;
  top: 50%;
  color: red;
  display: block;
  font-size: 32px;
  height: 32px;
  margin-top: -3px;
  float: left;
  margin-right: 5px;
}
.lang-header {
  float: right;
  text-align: right;
}
hr.std-sep {
  border-top: 4px solid #088ea7;
}
@media only screen and (max-width: 1023.9px) {
  hr.std-sep {
    margin-left: 0;
    margin-right: 0;
  }
}
hr.std-sep-cyan {
  border-top-color: #008ea7;
}
body,
button,
input,
select,
textarea {
  color: #000;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga' on;
}
body {
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
  background: #f5f5f6;
}
#master {
  background: #fff;
}
.support-link {
  margin-top: 120px;
  color: #008ea7;
}
.support-link > .std-sep {
  margin-top: 0;
}
.support-link .help {
  position: relative;
  padding-left: 50px;
}
.support-link .help > .icon {
  display: block;
  width: 40px;
  height: 40px;
  background: #008ea7;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  border-radius: 50%;
  overflow: hidden;
}
.support-link .help > .icon:before {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}
.support-link .help a {
  font-weight: 700;
  text-decoration: underline;
}
.form-input #register-form-birth-country,
#register-form-country,
#profile-form-country {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cacaca;
  height: 30px;
  padding: 0 8px;
  color: #a7a9ac;
}

/* waiting */
.waiting_validation {
  background: url('../img/waiting-grey.gif') no-repeat right center;
  background-color: #e0e0e0;
}

form .form-input input.text.ajaxerror {
  border-color: red !important;
  color: red;
}

#test-step-2-form-prod-code.ajaxerror {
  border-color: red !important;
  color: red;
}

#header .logo {
  cursor: pointer;
  float: left;
}

#formStep1 .spinner-border {
  width: 1rem;
  height: 1rem;
}

.spinner-container {
  display: none;
  max-width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  color: #088ea7;
  text-align: center;
}

#header {
  background: #088ea7;
  color: #fff;
  padding: 10px 0;
  z-index: 10;
}
#header .logo > .icon {
  display: block;
  font-size: 70px;
  height: 70px;
}
#header .back-to-login {
  text-align: right;
}
#header .back-to-login > a {
  display: inline-block;
  line-height: 20px;
  padding-right: 24px;
  position: relative;
  color: #fff;
}
#header .back-to-login > a > .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  display: block;
}
#header .back-to-login > a:hover {
  color: #f5f5f6;
}
#header .account-settings {
  -webkit-box-sizing: border-box;
  display: inline-flex;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
#header .settings-container {
  float: right;
}
#header .menu-container > div {
  padding-top: 20px;
  padding-bottom: 20px;
}
#header .account-settings .account-toggle {
  display: block;
  font-size: 16px;
  line-height: 28px;
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #fff;
  background: 0 0;
  padding: 0 0 0 24px;
  position: relative;
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#header .account-settings .account-toggle > .icon {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 16px;
  height: 16px;
  display: block;
  width: 16px;
  margin-top: -8px;
}
#header .account-settings .account-toggle:hover {
  color: #f5f5f6;
}
#header .account-settings .menu {
  position: absolute;
  right: 0;
  top: 33px;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 10ms linear 0.5s, -webkit-transform 0.5s ease, opacity 0.5s ease;
  -o-transition: width 10ms linear 0.5s, -o-transform 0.5s ease, opacity 0.5s ease;
  transition: width 10ms linear 0.5s, -webkit-transform 0.5s ease, transform 0.5s ease, opacity 0.5s ease;
}
#header .account-settings .menu > ul {
  margin-top: 14px;
  position: relative;
  background: #f0f0f0;
  border-bottom: 1px solid #e1e2e4;
  white-space: nowrap;
  float: right;
}
#header .account-settings .menu > ul:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 0;
  border-bottom-color: #f0f0f0;
  position: absolute;
  top: -14px;
  right: 15px;
}
#header .account-settings .menu > ul > li {
  display: block;
  border-bottom: 1px solid #e1e2e4;
}
#header .account-settings .menu > ul a {
  color: #878889;
  display: block;
  padding: 8px 12px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#header .account-settings .menu > ul a:hover {
  color: #000;
}
#header .account-settings-open .menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  width: 500px;
  -webkit-transition: width 10ms linear, -webkit-transform 0.5s ease 10ms, opacity 0.5s ease 10ms;
  -o-transition: width 10ms linear, -o-transform 0.5s ease 10ms, opacity 0.5s ease 10ms;
  transition: width 10ms linear, -webkit-transform 0.5s ease 10ms, transform 0.5s ease 10ms, opacity 0.5s ease 10ms;
}
#header .shop {
  float: right;
  border-right: 2px solid #fff;
  max-width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-right: 8px;
  z-index: 1;
}
#header .shop .shop-link {
  line-height: 35px;
  display: block;
  height: 35px;
  color: #fff;
  font-weight: 700;
  padding: 0 0 0 50px;
  position: relative;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
#header .shop .shop-link > .icon {
  display: block;
  width: 40px;
  height: 40px;
  background: padding-box #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  overflow: hidden;
  color: #008ea7;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#header .shop .shop-link > .icon:before {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  text-indent: -1px;
}
#header .shop .shop-link > .text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#header .shop .shop-link:hover {
  color: #f5f5f6;
}
#header .shop .shop-link:hover > .icon {
  background: #f5f5f6;
}
@media only screen and (max-width: 767.9px) {
  .small-title {
    font-size: 18px;
  }
  .warning-message {
    font-size: 15px;
  }
  .support-link {
    margin-top: 60px;
  }
  #header .logo > .icon {
    font-size: 50px;
    height: 50px;
  }
  #header .d12 > .logo {
    text-align: center;
  }
  #header .account-settings {
    clear: right;
    padding-left: 0;
    max-width: 100%;
  }
  #header .shop {
    clear: right;
    padding-right: 0;
    border-right: 0;
    border-top: 1px solid #fff;
    max-width: 100%;
    padding-top: 5px;
  }
  #header .shop .shop-link {
    font-size: 11px;
    line-height: 1.2;
    height: auto;
    width: 90px;
    padding: 0 0 0 24px;
    text-align: right;
  }
  #header .shop .shop-link > .icon {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  #header .shop .shop-link > .icon:before {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
  }
  #header .shop .shop-link > .text {
    white-space: normal;
    overflow: visible;
  }
}

.img-expired {
  max-width: 300px;
}

#footer {
  padding: 30px 0 60px;
  text-align: center;
  color: #ffffff;
  background: #929497;
}
#footer ul,
#footer li {
  display: inline-block;
}
#footer .help img {
  margin-top: -20px;
}
#footer .shop.help a {
  line-height: 35px;
}
#footer .logo {
  background: url(../img/logo-footer.png) 50% 50%/100% 100% no-repeat;
  width: 248px;
  height: 50px;
  display: block;
  margin: 0 auto 30px;
}
#footer .copyright {
  font-size: 12px;
}
#footer p {
  margin: 20px 0 0;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #008ea7;
}
form label {
  display: block;
  /* cursor: pointer; */
  font-weight: 700;
}
form label.green {
  color: #088ea7;
}
form label .small {
  font-size: 11px;
  font-weight: 400;
}
form .form-input {
  text-align: left;
}
form .form-input label {
  padding: 0 0 6px;
}
form .form-input input.text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cacaca;
  height: 30px;
  padding: 0 8px;
  color: #000;
}
form .form-input input.text::-webkit-input-placeholder {
  color: #a7a9ac;
  font-weight: 400;
}
form .form-input input.text:-moz-placeholder {
  color: #a7a9ac;
  font-weight: 400;
  opacity: 1;
}
form .form-input input.text::-moz-placeholder {
  color: #a7a9ac;
  font-weight: 400;
  opacity: 1;
}
form .form-input input.text:-ms-input-placeholder {
  color: #a7a9ac;
  font-weight: 400;
}
form .form-input input.text::-ms-input-placeholder {
  color: #a7a9ac;
  font-weight: 400;
}
form .form-input input.text.error {
  border-color: red !important;
  color: red;
}
form .form-input input.text[disabled] {
  border-color: #cacaca !important;
  color: #a7a9ac !important;
  background: #f5f5f6 !important;
}
form .form-input .select {
  position: relative;
}
form .form-input .select > select {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cacaca;
  height: 30px;
  padding: 0 0 0 5px;
  color: black;
}
form .form-input .select > select option {
  color: #a7a9ac;
}
form .form-input .select > select.error {
  border-color: red !important;
}
form .form-input .datepicker {
  position: relative;
}
form .form-input .datepicker > input {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
form .form-input .datepicker:after,
form .form-input .select:after {
  content: ' ';
  display: block;
  width: 28px;
  height: 28px;
  background: #cacaca;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 2;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  pointer-events: none;
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  content: '\E012';
  color: #878889;
}
form .form-input em.error {
  display: none !important;
}
form .form-input-white input.text {
  border-color: #fff;
}
form .radio-button {
  display: block;
  position: relative;
}
form .radio-button > input {
  position: absolute;
  left: 2px;
  top: 0;
  width: 1px;
}
form .radio-button > .label {
  display: block;
  padding-left: 30px;
  font-weight: 400;
  position: relative;
}
form .radio-button > .label:before {
  content: ' ';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #cacaca;
  background: padding-box #fff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
}
form .radio-button > .label:after {
  content: ' ';
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: rgba(56, 56, 56, 0);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -5px;
  z-index: 2;
}
form .radio-button > input:checked + .label:after {
  background: #383838;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
form .radio-button > input.error + .label:before {
  border-color: red;
}
form .radio-button em.error {
  display: none !important;
}
form .radio-button.inline {
  display: inline-block;
}
form .radio-button-left > .label {
  padding-right: 0;
  padding-left: 30px;
}
form .radio-button-left > .label:before {
  right: auto;
  left: 0;
}
form .radio-button-left > .label:after {
  right: auto;
  left: 6px;
}
form .checkbox-button {
  display: block;
  position: relative;
  padding-bottom: 0 !important;
}
form .checkbox-button > input {
  position: absolute;
  left: -5000px;
  top: 0;
}
form .checkbox-button > .label {
  display: block;
  padding-left: 30px;
  font-weight: 400;
  position: relative;
}
form .checkbox-button > .label:before {
  content: ' ';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #cacaca;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
}
form .checkbox-button > .label:after {
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  content: '\E003';
  display: block;
  width: 20px;
  height: 20px;
  color: #088ea7;
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  z-index: 2;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
form .checkbox-button > input:checked + .label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
form .checkbox-button > input.error + .label:before {
  border-color: red;
}
form .checkbox-button em.error {
  display: none !important;
}
form .checkbox-button.inline {
  display: inline-block;
  max-width: 100%;
}
form .checkbox-button > input[disabled] + .label {
  color: #cacaca;
}
form .checkbox-button > input[disabled] + .label:before {
  border-color: #f5f5f6;
  background: #f5f5f6;
}
form .checkbox-button-left > .label {
  padding-right: 0;
  padding-left: 30px;
}
form .checkbox-button-left > .label:after,
form .checkbox-button-left > .label:before {
  right: auto;
  left: 0;
  top: 2px;
  margin-top: auto;
}
form .grouped-radio-checkbox .checkbox-button,
form .grouped-radio-checkbox .radio-button {
  margin: 15px 15px 0 0;
}
form .gray-box {
  margin: 0 -20px;
  padding: 20px;
}
form a.info {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: padding-box #a7a9ac;
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  font-family: serif;
  font-weight: 700;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
}
form a.info:hover {
  background: #088ea7;
}
/*------------------------------------------------------------------
[ Modal / .modal ]
*/
.modal {
  border: none;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.img-home-pro-icons.note-icon {
  width: 40px;
  height: auto;
}

.modal-header {
  padding: 5px 20px;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#088ea7), to(#088ea7));
  background-image: -webkit-linear-gradient(top, #088ea7, 0%, #088ea7, 100%);
  background-image: -moz-linear-gradient(top, #088ea7 0%, #088ea7 100%);
  background-image: linear-gradient(to bottom, #088ea7 0%, #088ea7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff2d2d2d', GradientType=0);
  border: 1px solid #088ea7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.modal-header .close {
  color: #ffffff;
  opacity: 100;
  filter: alpha(opacity=10000);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.button,
a.button {
  border: 0;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 20px;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  background: padding-box #878889;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
}
.button > .icon,
a.button > .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.button:hover,
a.button:hover {
  background: #6e6f6f;
}
button.button[disabled] {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.6);
  background: #878889 !important;
}
.button-cyan,
a.button-cyan {
  background: #008ea7;
}
.button-cyan:hover,
a.button-cyan:hover {
  background: #00bde3;
}
.button-green,
a.button-green {
  background: #088ea7;
}
.button-green:hover,
a.button-green:hover {
  background: #008ea7;
  color: white;
}
.button-border-green,
a.button-border-green {
  border: 2px solid #088ea7;
  color: #088ea7;
  background: #fff;
}
.button-border-green:hover,
a.button-border-green:hover {
  background: #088ea7;
  color: #fff;
}
.button-border-orange,
a.button-border-orange {
  padding: 10px 18px;
  border: 2px solid #f09e29;
  color: #f09e29;
  background: #fff;
}
.button-border-orange:hover,
a.button-border-orange:hover {
  background: #f09e29;
  color: #fff;
}
.button-border-violet,
a.button-border-violet {
  padding: 10px 18px;
  border: 2px solid #984ab5;
  color: #984ab5;
  background: #fff;
}
.button-border-violet:hover,
a.button-border-violet:hover {
  background: #984ab5;
  color: #fff;
}
.button-block,
a.button-block {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
button.button-blank-arrow {
  background: 0 0;
  border: 0;
  padding: 0 30px 0 0;
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
button.button-blank-arrow > span {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  height: 20px;
  width: 24px;
  display: block;
  background: #878889;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
button.button-blank-arrow:hover > span {
  background: #6e6f6f;
}
button.button-blank-arrow[disabled] {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.6);
}
button.button-blank-arrow[disabled] > span {
  background: #878889 !important;
}
.my-mfp-zoom-in .mfp-figure,
.my-mfp-zoom-in .mfp-iframe-scaler,
.my-mfp-zoom-in .zoom-anim-dialog {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .mfp-figure,
.my-mfp-zoom-in.mfp-ready .mfp-iframe-scaler,
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .mfp-figure,
.my-mfp-zoom-in.mfp-removing .mfp-iframe-scaler,
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-bg {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s opacity ease-out;
  -o-transition: 0.3s opacity ease-out;
  transition: 0.3s opacity ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  zoom: 1;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  zoom: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.mfp-wrap {
  -webkit-overflow-scrolling: touch;
}
.mfp-container {
  padding: 0;
}
.info-popup {
  background: #fff;
  padding: 30px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 400px;
  margin: 0 auto;
  font-size: 12px;
}
.info-popup .small-title,
.info-popup p {
  margin: 12px 0;
}
.info-popup > :first-child {
  margin-top: 0;
}
.info-popup > :last-child {
  margin-bottom: 0;
}
.login-context {
  padding-top: 10rem;
  padding-bottom: 15rem;
}
.login-context .boxs-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.padding-context {
  padding-top: 10rem;
  padding-bottom: 15rem;
}

.text-expired {
  padding-left: 40px;
  padding-right: 40px;
}

.expired-box {
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 3px 3px 6px 1px rgb(136 136 136 / 30%);
  -webkit-box-shadow: 3px 3px 6px 1px rgb(136 136 136 / 30%);
  -moz-box-shadow: 3px 3px 6px 1px rgba(136, 136, 136, 0.3);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.icon-expired {
  width: 40px;
}

.title-expired {
  color: #088ea7;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 27px;
}

.login-context .login-form {
  background: #088ea7;
  padding: 20px;
  text-align: center;
  color: #fff;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.login-context.login-container .login-form {
  min-height: 100%;
}

.login-context .login-form .title {
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.login-context .title {
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.login-context .login-form .title > .icon {
  display: block;
  height: 54px;
  width: 54px;
  margin: 0 auto 10px;
  background: padding-box #fff;
  color: #088ea7;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
}
.login-context .login-form .title > .icon:before {
  display: block;
  font-size: 30px;
  line-height: 54px;
}
.login-context .login-form .intro {
  margin-bottom: 10px;
}
.login-context .login-form .form-input {
  padding: 10px 0;
}
.login-context .login-form .submit {
  padding-top: 34px;
  padding-bottom: 20px;
}
.login-context .login-form a {
  color: #fff;
}
.login-context .login-form .alert a {
  color: #008ea7;
}
.login-context .login-form a:hover {
  text-decoration: underline;
}
.login-context .login-form .forgot-password {
  line-height: 20px;
}
.login-context .register-form-small {
  background: #ffffff;
  color: #088ea7;
}
.login-context .register-form-small .title > .icon {
  color: #008ea7;
}
.login-context .register-form-small .submit {
  padding-top: 10px;
  padding-bottom: 0;
  text-align: right;
}
.login-context .password-form {
  background: #f5f5f6 !important;
  cursor: auto;
  color: #000;
  max-width: 520px;
  margin: 0 auto;
}
.login-context form label {
  font-size: 14px;
}
.login-context p {
  line-height: 1.2;
}
.login-context .password-form .title {
  color: #088ea7;
  margin: -70px 0 15px;
}
.login-context .password-form .title > .icon {
  height: 86px;
  width: 86px;
  background: #088ea7;
  color: #fff;
}
.login-context .password-form .title > .icon:before {
  font-size: 60px;
  line-height: 86px;
}
.login-context .password-form .title > .icon-check:before {
  font-size: 48px;
}
.login-context .password-form .intro {
  font-size: 16px;
}
.login-context .password-form .wrapper {
  max-width: 270px;
  margin: 0 auto;
}
.login-context .password-form .submit {
  padding-top: 20px;
}
.login-context .password-form-confirm {
  max-width: 860px;
}
.login-context .password-form-confirm .intro {
  margin-bottom: 15px;
}
.login-context .password-form-confirm .button {
  display: block;
  max-width: 270px;
  margin: 8px auto 0;
}
@media only screen and (max-width: 1023.9px) {
  .login-context {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media only screen and (max-width: 767.9px) {
  .login-context .login-form {
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    cursor: pointer;
  }
  .login-context .login-form.open {
    cursor: auto;
    background: #088ea7 !important;
  }
  .login-context .login-form.open .fields {
    max-height: 260px;
  }
  .login-context .boxs-grid {
    margin: 0 -20px;
    height: auto !important;
    display: block;
  }
  .login-context .boxs-grid .login-form label {
    text-align: center;
  }
  .login-context .register-form-small:hover {
    background: #008ea7;
  }
  .login-context .register-form-small .submit {
    text-align: center;
  }
  .login-context .register-form-small.open {
    background: #008ea7 !important;
  }
  .login-context .password-form {
    margin: 0 -20px;
    max-width: none;
  }
  .login-context .password-form .title {
    margin-top: -52px;
  }
  .login-context .password-form .title > .icon {
    height: 64px;
    width: 64px;
  }
  .login-context .password-form .title > .icon:before {
    font-size: 44px;
    line-height: 64px;
  }
  .login-context .password-form .title > .icon-check:before {
    font-size: 32px;
  }
}
.registration-context {
  padding-top: 10rem;
  padding-bottom: 120px;
}
.registration-context .big-title {
  margin-bottom: 20px;
}
.registration-context .account-box {
  margin-top: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.registration-context .user-info {
  padding-top: 30px;
}
.registration-context .id-kit-box {
  margin-top: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.registration-context .id-kit-box button {
  max-width: 220px;
  margin: 0 auto;
}

.registration-context .id-kit-box .btn-container-kit {
  display: flex;
  align-items: center;
}
.registration-context .kit-box-valid {
  background: #c7f0e3;
  border-color: #c7f0e3;
}
.registration-context .kit-box-valid .input-wrapper {
  padding-right: 35px;
  position: relative;
}
.registration-context .kit-box-valid .input-wrapper:after {
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  content: '\E003';
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  color: #088ea7;
}
.registration-context .kit-box-error {
  background: #fdc7c7;
  border-color: #fdc7c7;
}
.registration-context .kit-box-error label {
  color: red;
}
.registration-context .kit-box-error .input-wrapper {
  padding-right: 35px;
  position: relative;
}
.registration-context .kit-box-error .input-wrapper:after {
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  content: '\E004';
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: red;
}
.registration-context .radio-buttons-sex {
  padding-top: 32px;
}
.registration-context .radio-buttons-sex .radio-button .label {
  text-align: right;
}
.registration-context .radio-buttons-sex .radio-button.f {
  float: left;
}
.registration-context .birth-grid {
  margin: 0 -5px;
}
.registration-context .birth-grid > .col {
  padding: 0 5px;
}
.registration-context .privacy {
  border: 1px solid #cacaca;
  font-size: 12px;
  height: 100px;
  overflow: auto;
  margin-bottom: 20px;
}
.registration-context .privacy > .wrapper {
  padding: 10px 18px;
}
.registration-context .sep {
  border-top: 1px dashed rgba(3, 182, 124, 0.4);
  margin: 20px 0;
}
.registration-context .form-row > .col {
  padding-top: 13px;
  padding-bottom: 13px;
}
.registration-context .warning-message {
  margin: 30px -20px 0;
}

.container-full-width {
  margin-top: 120px;
}
.title-step {
  text-transform: uppercase;
  color: #088ea7;
  font-weight: bold;
  font-size: 24px;
}
.line-step {
  border-top: 2px solid #088ea7;
}

@media only screen and (max-width: 767.9px) {
  .registration-context {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .registration-context .radio-buttons-sex {
    padding-top: 0;
  }
}
.edit-profile-context .user-email {
  padding-top: 10px;
}
.edit-profile-context .form-row-submit {
  padding-top: 20px;
}
.edit-profile-context form .form-input input.text[disabled] {
  border-color: #f5f5f6 !important;
}
.profile-context {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.profile-context .big-title {
  margin-bottom: 20px;
}
.profile-context .add-test {
  margin-top: 20px;
  position: relative;
}
.profile-context .add-test > .add-test-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.profile-context .add-test .add-test-box {
  width: 300px;
}
.profile-context .add-test .add-test-box > .container {
  margin-top: 10px;
  background: #f5f5f6;
  position: relative;
  padding: 15px 20px 10px;
}
.profile-context .add-test .add-test-box > .container:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-top: 0;
  border-bottom-color: #f5f5f6;
  position: absolute;
  top: -10px;
  left: 100px;
  margin-left: -5px;
}
.profile-context .add-test .add-test-box > .container .close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
  border: 0;
  background: padding-box #fff;
  color: #088ea7;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  width: 16px;
  height: 16px;
  font-size: 6px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}
.profile-context .add-test .add-test-box > .container .close-button:hover {
  background: #088ea7;
  color: #fff;
}
.profile-context .add-test .add-test-box > .container .grid-system {
  position: relative;
  z-index: 1;
}
.profile-context .add-test .add-test-box > .container .grid-system > .col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.profile-context .add-test .add-test-box > .container .button {
  max-width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.profile-context .add-test-open .add-test-box {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  width: 100%;
  max-height: 600px;
  -webkit-transition: width 10ms linear, max-height 0.5s ease-in 10ms, -webkit-transform 0.5s ease 10ms,
    opacity 0.5s ease 10ms;
  -o-transition: width 10ms linear, max-height 0.5s ease-in 10ms, -o-transform 0.5s ease 10ms, opacity 0.5s ease 10ms;
  transition: width 10ms linear, max-height 0.5s ease-in 10ms, -webkit-transform 0.5s ease 10ms,
    transform 0.5s ease 10ms, opacity 0.5s ease 10ms;
}
.profile-context .single-test-box {
  margin-top: 30px;
}
.profile-context .single-test-box .title {
  font-weight: 400;
  position: relative;
  padding-right: 60px;
  margin-bottom: 5px;
  font-size: 16px;
}
.profile-context .single-test-box .title b {
  color: #088ea7;
}
.info-step-1 {
  background-color: #d1eaef;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}
.bold-blu {
  color: #088ea7;
  font-weight: 800;
}
.profile-context .single-test-box .title .info {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  font-size: 10px;
  line-height: 16px;
  height: 16px;
  margin-top: -8px;
  background: #e1e2e4;
  color: #878889;
  text-transform: lowercase;
  font-weight: 700;
  width: 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-context .single-test-box .title .info:hover {
  background: #088ea7;
  color: #fff;
}
.profile-context .single-test-box .container {
  background: #e1e2e4;
  padding: 20px;
  overflow: hidden;
}
.profile-context .single-test-box .container > .grid-system {
  margin: 0 -5px;
}
.profile-context .single-test-box .container > .grid-system > .col {
  padding: 0 5px;
}
.profile-context .single-test-box .container .bar {
  height: 30px;
  background: #fff;
}
.profile-context .single-test-box .container .bar > .value {
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzYjY3YyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#088ea7), to(#88b42f));
  background-image: -webkit-linear-gradient(left, #088ea7 0, #88b42f 100%);
  background-image: -o-linear-gradient(left, #088ea7 0, #88b42f 100%);
  background-image: linear-gradient(90deg, #088ea7 0, #88b42f 100%);
  font-size: 14px;
  line-height: 30px;
  text-align: right;
  font-weight: 600;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
.profile-context .single-test-box .container .steps {
  list-style: none;
  text-align: center;
}
.profile-context .single-test-box .container .steps > li {
  float: left;
  width: 25%;
  position: relative;
  padding: 10px 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.2;
  color: #383838;
}
.profile-context .single-test-box .container .steps > li:before {
  content: ' ';
  display: block;
  width: 2px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -10px;
}
.profile-context .single-test-box .container .steps > li:first-child:before {
  display: none;
}
.profile-context .single-test-box .container .steps > li > .icon {
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
  color: #878889;
}
.profile-context .single-test-box .container .steps > li.completed > .icon {
  color: #088ea7;
}
.profile-context .single-test-box .container .button {
  font-size: 14px;
  line-height: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: 0 0;
  color: #088ea7;
  border: 3px solid #088ea7;
}
.profile-context .single-test-box .container .button:hover {
  background: #088ea7;
  color: #fff;
}
.profile-context .single-test-box .container .button[disabled] {
  background: 0 0 !important;
  border-color: #878889 !important;
  color: #878889 !important;
}
.profile-context .single-test-box.orange .title b {
  color: #f09e29;
}
.profile-context .single-test-box.orange .title .info:hover {
  background: #f09e29;
}
.profile-context .single-test-box.orange .container .bar > .value {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwOWUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#55d4eb), to(#f09e29));
  background-image: -webkit-linear-gradient(left, #55d4eb 0, #f09e29 100%);
  background-image: -o-linear-gradient(left, #55d4eb 0, #f09e29 100%);
  background-image: linear-gradient(90deg, #55d4eb 0, #f09e29 100%);
}
.profile-context .single-test-box.orange .container .steps > li.completed > .icon {
  color: #f09e29;
}
.profile-context .single-test-box.orange .container .button {
  color: #f09e29;
  border: 3px solid #f09e29;
}
.profile-context .single-test-box.orange .container .button:hover {
  background: #f09e29;
  color: #fff;
}
.profile-context .single-test-box.violet .title b {
  color: #984ab5;
}
.profile-context .single-test-box.violet .title .info:hover {
  background: #984ab5;
}
.profile-context .single-test-box.violet .container .bar > .value {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4NGFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#55d4eb), to(#984ab5));
  background-image: -webkit-linear-gradient(left, #55d4eb 0, #984ab5 100%);
  background-image: -o-linear-gradient(left, #55d4eb 0, #984ab5 100%);
  background-image: linear-gradient(90deg, #55d4eb 0, #984ab5 100%);
}
.profile-context .single-test-box.violet .container .steps > li.completed > .icon {
  color: #984ab5;
}
.profile-context .single-test-box.violet .container .button {
  color: #984ab5;
  border: 3px solid #984ab5;
}
.profile-context .single-test-box.violet .container .button:hover {
  background: #984ab5;
  color: #fff;
}
@media only screen and (max-width: 767.9px) {
  .profile-context {
    padding-bottom: 50px;
  }
  .profile-context .single-test-box .container {
    padding: 20px 0;
  }
  .profile-context .single-test-box .container .steps > li {
    font-size: 12px;
  }
  .profile-context .single-test-box .container .steps > li:before {
    top: -10px;
  }
  .profile-context .single-test-box .container .steps > li > .icon {
    display: block;
    margin: 0 0 3px;
  }
  .profile-context .single-test-box .container .button {
    max-width: 170px;
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 479.9px) {
  .profile-context .add-test > .add-test-button {
    max-width: none;
  }
  .profile-context .add-test .add-test-box > .container:before {
    left: 50%;
  }
  .profile-context .add-test .add-test-box > .container .button {
    max-width: none;
  }
  .profile-context .single-test-box .container > .grid-system > .col {
    padding: 0 1rem;
    margin-top: 1rem;
  }
}
.test-context {
  padding-top: 120px;
  padding-bottom: 80px;
}
.test-context.step1-context {
  padding-bottom: 80px;
}
.test-context .big-title {
  margin-bottom: 20px;
}
.test-context .medium-title {
  margin-bottom: 5px;
}
.test-context .test-steps {
  height: 40px;
  background: #f5f5f6;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 30px 0 20px;
}
.test-context .test-steps .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  padding-right: 20px;
}
.test-context .test-steps .bar .w {
  position: absolute;
  left: 0;
  right: 20px;
  top: 0;
  height: 100%;
  z-index: 1;
}
.test-context .test-steps .bar .value {
  position: absolute;
  left: 0;
  top: 0;
  width: 400%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzYjY3YyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#55d4eb), to(#088ea7));
  background-image: -webkit-linear-gradient(left, #55d4eb 0, #088ea7 100%);
  background-image: -o-linear-gradient(left, #55d4eb 0, #088ea7 100%);
  background-image: linear-gradient(90deg, #55d4eb 0, #088ea7 100%);
}

.info-box ol ::marker {
  color: #088ea7;
  font-weight: 800;
}

.info-box form {
  height: 50px;
}
.info-box .custom-control {
  float: right;
}
.info-box .custom-control-label {
  color: #088ea7;
  line-height: 1.8rem;
  padding-right: 0.5rem;
}

.info-box .custom-control-label::before {
  border: #088ea7 solid 2px;
  width: 1.3rem;
  height: 1.3rem;
}
.disabled .square {
  background: rgba(125, 194, 35, 0.4) !important;
}
.info-box .custom-control-label::after {
  width: 1.3rem;
  height: 1.3rem;
  right: -1.5rem;
  left: auto;
}
.left-icon-title {
  margin-top: -5px;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.info-box .custom-checkbox .custom-control-label::before {
  border-radius: 0;
  right: -1.5rem;
  left: auto;
}

.font-primary-color {
  color: #088ea7;
  font-weight: 800;
}
.test-context .test-steps .bar:after,
.test-context .test-steps .bar:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #f5f5f6;
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 2;
}
.test-context .test-steps .bar:after {
  border-top-color: transparent;
  border-bottom-color: #f5f5f6;
  top: auto;
  bottom: 0;
}
.test-context .test-steps ul {
  display: block;
  position: relative;
  z-index: 2;
}
.test-context .test-steps li {
  float: left;
  width: 25%;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
}
.test-context .test-steps.step-1 li.step-1 {
  color: #fff;
}
.test-context .test-steps.step-2 .bar {
  width: 50%;
}
.test-context .test-steps.step-2 .bar .value {
  width: 200%;
}
.test-context .test-steps.step-2 li.step-2 {
  color: #fff;
}
.test-context .test-steps.step-3 .bar {
  width: 75%;
}
.test-context .test-steps.step-3 .bar .value {
  width: 133.33%;
}
.test-context .test-steps.step-3 li.step-3 {
  color: #fff;
}
.test-context .test-steps.step-4 .bar,
.test-context .test-steps.step-4 .bar .value {
  width: 100%;
}
.test-context .test-steps.step-4 li.step-4 {
  color: #fff;
}
.test-context .test-steps.orange .bar .value {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwOWUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#55d4eb), to(#f09e29));
  background-image: -webkit-linear-gradient(left, #55d4eb 0, #f09e29 100%);
  background-image: -o-linear-gradient(left, #55d4eb 0, #f09e29 100%);
  background-image: linear-gradient(90deg, #55d4eb 0, #f09e29 100%);
}
.test-context .test-steps.violet .bar .value {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NUQ0RUIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4NGFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, right top, from(#55d4eb), to(#984ab5));
  background-image: -webkit-linear-gradient(left, #55d4eb 0, #984ab5 100%);
  background-image: -o-linear-gradient(left, #55d4eb 0, #984ab5 100%);
  background-image: linear-gradient(90deg, #55d4eb 0, #984ab5 100%);
}
.test-context .navigation {
  padding-top: 40px;
}
.test-context .navigation .nav-link {
  color: #000;
  font-size: 14px;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  background: 0 0;
}
.test-context .navigation .nav-link > .square {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  line-height: 40px;
  padding: 0.2rem 1rem 0.2rem;
  color: #fff;
  background: #7dc223;
  font-weight: 700;
  margin-bottom: 4px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.test-context .navigation .nav-link:hover > .square {
  background: #03cf8d;
}
.test-context .navigation .nav-link > .t {
  display: block;
  clear: both;
}
.test-context .navigation .nav-link[disabled] {
  color: #878889;
  cursor: not-allowed;
}
.test-context .navigation .nav-link[disabled] > .square {
  background: #878889 !important;
}
.test-context .navigation .nav-link-prev {
  float: left;
}
.test-context .navigation .nav-link-prev > .square {
  background: #db0505;
}
.test-context .navigation .nav-link-prev:hover > .square {
  background: red;
}
.test-context .navigation .nav-link-next {
  float: right;
  text-align: right;
}
.test-context .navigation .nav-link-next > .square {
  float: right;
  clear: both;
}
.test-context .info-box {
  margin-top: 35px;
  text-align: left;
  background: #f5f5f6;
  padding: 30px 45px;
  color: #000;
}
.test-context .info-box p {
  margin-top: 10px;
}
.test-context .info-box .button-wrapper {
  text-align: center;
}
.test-context .back-to-home {
  margin-top: 50px;
}
.test-context .back-to-home .button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 230px;
  margin: 0 auto;
}
@media only screen and (max-width: 767.9px) {
  .test-context {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .test-context.mybmt-main-content {
    padding-top: 120px;
  }
  .test-context .test-steps {
    height: 30px;
    margin: 25px -20px 15px;
  }
  .test-context .test-steps .bar {
    padding-right: 15px;
  }
  .test-context .test-steps .bar .w {
    right: 15px;
  }
  .test-context .test-steps .bar:after,
  .test-context .test-steps .bar:before {
    border-width: 15px;
    right: -15px;
  }
  .test-context .test-steps li {
    font-size: 15px;
    line-height: 30px;
  }
  .test-context .navigation {
    padding-top: 25px;
  }
  .test-context .navigation .nav-link {
    font-size: 12px;
  }
  .test-context .navigation .nav-link > .square {
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
  }
  .test-context .info-box {
    margin-left: -20px;
    margin-right: -20px;
  }
  .test-context .back-to-home {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 479.9px) {
  .test-context .back-to-home .button {
    max-width: none;
  }
}
.context-step-1 {
  padding: 0 20px;
}
.context-step-1 .tutorial {
  padding-top: 20px;
  padding-bottom: 20px;
}
.context-step-1 .tutorial > .col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.info-box .tutorial-item .image {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 120px;
}
.info-box .tutorial {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin: 0 auto;
}
.context-step-1 .tutorial-item .image {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100px;
}
.context-step-1 .tutorial-item .text {
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  max-width: 260px;
  margin: 10px auto 0;
  color: #000;
}
.context-step-1 .bottom {
  text-align: center;
}
@media only screen and (max-width: 1023.9px) {
  .context-step-1 .tutorial-item .text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767.9px) {
  .context-step-1 {
    padding: 0;
  }
  .context-step-1 .tutorial-item .text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479.9px) {
  .context-step-1 {
    text-align: center;
  }
  .context-step-1 .tutorial-item .text {
    font-size: 15px;
  }
}
.context-step-2 {
  padding: 0 20px;
}
.context-step-2 .small-text {
  font-size: 12px;
}
.context-step-2 label {
  font-size: 1.125rem;
}
.context-step-2 select,
.context-step-2 .radio-button,
.context-step-2 .checkbox-button {
  font-size: 1rem;
}
.context-step-2 .radio-button .label:before {
  width: 1rem;
  height: 1rem;
  margin-top: -9px;
}
.context-step-2 .radio-button .label:after {
  left: 4px;
}
.context-step-2 .radio-button > input {
  top: 3px;
}
.context-step-2 .form-row > .col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.context-step-2 .report-remedies {
  padding-top: 9px;
  margin-bottom: -10px;
}
.context-step-2 .report-remedies > .col {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media only screen and (max-width: 767.9px) {
  .context-step-2 {
    padding: 0;
  }
  .context-step-2 .report-remedies .checkbox-button-left > .label {
    font-size: 12px;
  }
  .context-step-2 .report-remedies .checkbox-button-left > .label:after,
  .context-step-2 .report-remedies .checkbox-button-left > .label:before {
    top: 0;
  }
}
.context-step-3 {
  padding: 0 20px;
}
.context-step-3 p {
  color: #000;
}
#header .logo img {
  width: 160px;
}
.context-step-3 .form-row > .col {
  padding-top: 5px;
  padding-bottom: 5px;
}
.context-step-3 .address-box {
  background: 0 0;
  margin: 20px -20px;
  padding: 14px 19px;
  border: 1px solid transparent;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
  -o-transition: background 0.2s ease, border-color 0.2s ease;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.context-step-3 .address-box p {
  margin-bottom: 10px;
}
.context-step-3 .address-box-selected {
  background: #f5f5f6;
  border-color: #cacaca;
}
@media only screen and (max-width: 767.9px) {
  .context-step-3 {
    padding: 0;
  }
  .context-step-3 .address-box {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.context-step-4 {
  padding: 0 20px;
}
.context-step-4 .summary {
  list-style: none;
  margin-top: 15px;
  text-transform: uppercase;
}
.context-step-4 .summary > li {
  position: relative;
  padding: 5px 0 5px 30px;
}
.context-step-4 .summary > li:before {
  font-family: my-icons-font !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  display: block;
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.context-step-4 .summary > .li-success:before {
  color: #088ea7;
}
.context-step-4 .summary > .li-error:before {
  color: #ff0000;
}

@media only screen and (max-width: 767.9px) {
  .context-step-4 {
    padding: 0;
  }
}
.context-step-4-error {
  padding: 0 20px;
  color: red;
}
.context-step-4-error .medium-title {
  color: red;
  padding-left: 40px;
  position: relative;
  margin-bottom: 10px;
}
.context-step-4-error .medium-title > .icon {
  font-size: 30px;
  display: block;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.context-step-4-error p {
  padding-left: 40px;
}
@media only screen and (max-width: 767.9px) {
  .context-step-4-error {
    padding: 0;
  }
}
.hidden,
.screen-reader-text,
html.touchevents .hidden-touch {
  display: none !important;
}
@media only screen and (min-width: 1150px) {
  .hidden-d {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1149.9px) {
  .hidden-sd {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023.9px) {
  .box-help {
    padding: 3rem 0.5rem 3rem;
  }
  .hidden-t {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767.9px) {
  .hidden-ml {
    display: none !important;
  }
}
@media only screen and (max-width: 479.9px) {
  .context-step-4-error p {
    padding-left: 0;
  }
  .hidden-mp {
    display: none !important;
  }
}
.invisible {
  visibility: hidden;
}
.clear {
  clear: both;
}
.no-pointer-events {
  pointer-events: none;
}
.fix:after,
.fix:before {
  content: ' ';
  display: table;
}
.fix:after {
  clear: both;
}
.responsive-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
  background: #000;
}
.responsive-video .ph,
.responsive-video embed,
.responsive-video iframe,
.responsive-video object,
.responsive-video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.resp-img-center {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.resp-img {
  display: block;
  width: 100%;
}

/* ### INNOTEAM CSS ### */
.step4-mail-error,
.step4-errors {
  color: red;
  font-weight: bold;
  text-align: center;
}

.flip-card {
  background-color: transparent;
  perspective: 1000px;
  height: 220px;
}

.back-active-container {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.btn-primary {
  border-radius: 0;
  background-color: #088ea7;
  border-color: #088ea7;
  padding: 0.3rem 2rem;
}

.btn {
  font-size: 14px;
  line-height: 18px;
}

.login-context hr {
  border-top: 3px solid #088ea7;
}

.login-context .form .form-input label {
  font-size: 14px;
}

.login-context .login-form .forgot-password {
  font-size: 14px;
}

.box-register .title {
  color: #088ea7;
}

.box-register {
  position: relative;
}

.bg-geklab {
  background-color: #088ea7;
}

.bg-shadow {
  box-shadow: 3px 3px 6px 1px rgba(136, 136, 136, 0.3);
  -webkit-box-shadow: 3px 3px 6px 1px rgba(136, 136, 136, 0.3);
  -moz-box-shadow: 3px 3px 6px 1px rgba(136, 136, 136, 0.3);
}

.login-context .box-register {
  height: 530px;
}
.login-context .login-form {
  padding: 2rem 4rem 2rem;
}

.single-test-box .btn {
  width: 100%;
}

.faked-box .bar > .value {
  background: #088ea7;
  background-image: none !important;
}

.box-inside-register {
  padding: 1.1rem 3rem 1rem;
}

.login-context .btn-secondary {
  border-radius: 0;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #088ea7;
  padding: 0.4rem 4rem;
}
.alert {
  padding: 0.45rem 1.25rem;
}
.login-context .btn-secondary:hover {
  background-color: #88b42f;
  border-color: #88b42f;
  color: #ffffff;
}

.btn-primary:hover {
  background-color: #88b42f;
  border-color: #88b42f;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #088ea7;
  opacity: 0.8;
  border-color: #088ea7;
}

.btn-primary:focus {
  background-color: #088ea7;
  border-color: #088ea7;
  box-shadow: none;
}

a.btn-primary {
  color: #ffffff;
}

.box-help {
  text-align: center;
  padding: 1rem 1rem 1rem 1rem;
  color: #000;
  width: 330px;
  height: 270px;
}

.box-help img {
  width: 200px;
}

.box-help .title {
  color: #088ea7;
  text-transform: uppercase;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 800;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1023.9px) {
  .login-context .box-register {
    height: 650px;
  }
}

@media only screen and (max-width: 1023.9px) {
  .box-help {
    padding: 3rem 0.5rem 3rem;
    width: auto;
    height: auto;
  }
  .box-help img {
    width: 100%;
  }
}

.login-form-active input {
  border: 1px solid #cacaca;
  height: 30px;
}

header .btn-light {
  background-color: rgba(248, 249, 250, 0.5);
  border: 0;
}

.front-card {
  opacity: 0;
  position: absolute;
}

.back-card {
  opacity: 0;
  position: absolute;
}

.show-div {
  opacity: 1;
  transition: opacity 1s;
}

.back-card > div {
  display: none;
}

.show-div.back-card > div {
  display: block;
}

.login-form-active {
  padding-left: 5rem;
  padding-right: 5rem;
  color: #088ea7;
}

.login-context.login-container {
  padding-top: 8rem;
  padding-bottom: 5rem;
}

.back-card .close {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 30px;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #088ea7;
  border-color: #088ea7;
}

.user-info-hide {
  opacity: 0.5;
}

@media (max-width: 992px) {
  .login-context .login-form {
    padding: 2rem 1rem 3rem;
  }
}

@media only screen and (max-width: 576px) {
  #header .logo {
    float: none;
    margin: 0 auto;
  }
  #header .settings-container {
    float: none;
  }
  #header .menu-container > div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .btn-primary {
    padding: 0.5rem 1rem;
  }
}

@media only screen and (max-width: 375px) {
  .box-inside-register {
    padding: 1.5rem 1rem 2rem;
  }
  .box-register .imgTitle {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .login-context .box-register {
    height: 600px;
  }
  .login-context .box-register {
    margin-top: 1rem;
    height: 700px;
  }
  .login-form-active {
    padding-left: 0;
    padding-right: 0;
  }
  .login-context .login-form {
    padding: 2rem 1rem 3rem;
  }
  .box-help {
    margin-top: 1rem;
    padding: 2rem 1rem;
  }
}