.rounded {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.pointer {
  cursor: pointer;
}
.debug {
  border: 1px dashed red;
}
.hide {
  display: none;
}
.pointer {
  cursor: pointer;
}
.font-lato {
  font-family: 'lato';
}
.font-lato-medium {
  font-family: 'lato-medium';
}
.font-lato-bold {
  font-family: 'lato-bold';
}
.font-lato-black {
  font-family: 'lato-black';
}
.font-rubik {
  font-family: 'Rubik', sans-serif !important;
}
.padding {
  padding: 20px;
}
.debug {
  border: 1px dashed #ff0000;
}
.margin-bottom {
  margin-bottom: 20px !important;
}
.margin-right {
  margin-right: 20px;
}
.padding-right {
  padding-right: 0px;
}
.padding-left {
  padding-left: 20px;
}
.padding-top {
  padding-top: 80px !important;
}
.padding-top-small {
  padding-top: 80px/2;
}
.padding-bottom-small {
  padding-bottom: 80px/2;
}
.padding-bottom {
  padding-bottom: 80px;
}
.padding-100 {
  padding: 100px;
}
.g-blue {
  background-color: #1a75f1;
  background: -webkit-gradient(linear, left top, right bottom, from(#1a75f1), to(#4c1ed6));
  background: -webkit-linear-gradient(to bottom right, #1a75f1, #4c1ed6);
  background: -moz-linear-gradient(to bottom right, #1a75f1, #4c1ed6);
  background: -ms-linear-gradient(to bottom right, #1a75f1, #4c1ed6);
  background: -o-linear-gradient(to bottom right, #1a75f1, #4c1ed6);
}
.center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* 		font-family: 'Lucida Grande'; */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.scroller::-webkit-scrollbar {
  width: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));
  background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 #fff;
  background-color: #e5e5e5;
}
.scroller::-webkit-scrollbar,
.scroller::-webkit-scrollbar-thumb {
  overflow: visible;
  border-radius: 4px;
  border: solid 1px #a6a6a6;
}
.scroller::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 233, 233, 0.05)), color-stop(100%, rgba(221, 221, 221, 0.05)));
  background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
  /*		box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);*/
  box-shadow: 1px 0px 1px 0 #000000;
  background-color: #FFF;
}
.scroller::-webkit-scrollbar,
.scroller::-webkit-scrollbar-thumb {
  overflow: visible;
  border-radius: 0px;
  border: solid 1px #a6a6a6;
  border-top: none;
  border-bottom: none;
}
.scroller::-webkit-scrollbar {
  border-top: none;
  border-bottom: none;
}
.scroller::-webkit-scrollbar-button {
  height: 0;
  display: block;
  background-color: transparent;
}
.scroller-night::-webkit-scrollbar {
  width: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));
  background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 #fff;
  background-color: #000;
}
.scroller-night::-webkit-scrollbar,
.scroller-night::-webkit-scrollbar-thumb {
  overflow: visible;
  border-radius: 4px;
  border: solid 1px rgba(255, 255, 255, 0.05);
}
.scroller-night::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 233, 233, 0.05)), color-stop(100%, rgba(221, 221, 221, 0.05)));
  background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
  /*		box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);*/
  box-shadow: 1px 0px 1px 0 #000000;
  background-color: rgba(255, 255, 255, 0.05);
}
.scroller-night::-webkit-scrollbar,
.scroller-night::-webkit-scrollbar-thumb {
  overflow: visible;
  border-radius: 0px;
  border: solid 1px rgba(255, 255, 255, 0.05);
  border: none;
  border-top: none;
  border-bottom: none;
}
.scroller-night::-webkit-scrollbar {
  border-top: none;
  border-bottom: none;
  border: none;
}
.scroller-night::-webkit-scrollbar-button {
  height: 0;
  display: block;
  background-color: transparent;
}
@font-face {
  font-family: 'sf';
  font-weight: normal;
  font-style: normal;
  src: url('/css/fonts/SF-UI-Text-Medium.otf');
}
@font-face {
  font-family: 'sf-bold';
  font-weight: bold;
  font-style: normal;
  src: url('/css/fonts/SF-UI-Text-Heavy.otf');
}
@font-face {
  font-family: 'sf-light';
  font-weight: lighter;
  font-style: normal;
  src: url('/css/fonts/SF-UI-Text-Light.otf');
}
.font-sf {
  font-family: 'sf';
}
.font-sf-bold {
  font-family: 'sf-bold';
}
.font-sf-light {
  font-family: 'sf-light';
}
.pointer {
  cursor: pointer;
}
.enableHardwareAcceleration {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.fsfPrimaryBackgroundColor100 {
  background-color: #3984f7;
}
.fsfPrimaryBackgroundColor90 {
  background-color: rgba(57, 132, 247, 0.9);
}
.fsfPrimaryBackgroundColor80 {
  background-color: rgba(57, 132, 247, 0.8);
}
.fsfPrimaryBackgroundColor70 {
  background-color: rgba(57, 132, 247, 0.7);
}
.fsfPrimaryBackgroundColor60 {
  background-color: rgba(57, 132, 247, 0.6);
}
.fsfPrimaryBackgroundColor50 {
  background-color: rgba(57, 132, 247, 0.5);
}
.fsfPrimaryBackgroundColor40 {
  background-color: rgba(57, 132, 247, 0.4);
}
.fsfPrimaryBackgroundColor30 {
  background-color: rgba(57, 132, 247, 0.3);
}
.fsfPrimaryBackgroundColor20 {
  background-color: rgba(57, 132, 247, 0.2);
}
.fsfPrimaryBackgroundColor10 {
  background-color: rgba(57, 132, 247, 0.1);
}
.radius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.radius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.button:hover {
  text-decoration: none;
  color: #fff;
}
.button:active,
.button.active,
.button:focus {
  color: #fff !important;
  text-decoration: none !important;
}