@charset "UTF-8";
/*!
    
 =========================================================
 * Light Bootstrap Dashboard - v1.3.1.0
 =========================================================
 
 * Product Page: http://www.creative-tim.com/product/light-bootstrap-dashboard
 * Copyright 2017 Creative Tim (http://www.creative-tim.com)
 * Licensed under MIT (https://github.com/creativetimofficial/light-bootstrap-dashboard/blob/master/LICENSE.md)
 
 =========================================================
 
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
 */
/*      light colors         */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=cyrillic");
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg); } }

/*           Font Smoothing      */
body,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p,
.navbar,
.brand,
.btn-simple,
.alert,
a,
.td-name,
td,
button.close {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
  font-weight: 400; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-weight: 300;
  margin: 28px 0 13px; }

h1, .h1 {
  font-size: 51px; }

h2, .h2 {
  font-size: 35px; }

h3, .h3 {
  font-size: 27px;
  margin: 20px 0 10px; }

h4, .h4 {
  font-size: 21px;
  line-height: 30px; }

h5, .h5 {
  font-size: 15px;
  margin-bottom: 15px; }

h6, .h6 {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase; }

p {
  font-size: 15px;
  line-height: 1.5; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #434343;
  font-weight: 300;
  line-height: 1.5; }

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
  font-size: 60%; }

h1 .subtitle {
  display: block;
  margin: 0 0 28px; }

.text-muted {
  color: #9A9A9A; }

.text-primary, .text-primary:hover {
  color: #1D62F0 !important; }

.text-info, .text-info:hover {
  color: #0175d3 !important; }

.text-success, .text-success:hover {
  color: #049F0C !important; }

.text-warning, .text-warning:hover {
  color: #FF9500 !important; }

.text-danger, .text-danger:hover {
  color: #FF4A55 !important; }

/*     General overwrite     */
body,
.wrapper {
  min-height: 100vh;
  position: relative; }

a {
  color: #0175d3; }
  a:hover, a:focus {
    color: #018cfc;
    text-decoration: none; }

a:focus, a:active,
button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: 0; }

.ui-slider-handle:focus,
.navbar-toggle,
input:focus {
  outline: 0 !important; }

/*           Animations              */
.form-control,
.input-group-addon,
.tagsinput,
.navbar,
.navbar .alert {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear; }

.sidebar .nav a,
.table > tbody > tr .td-actions .btn {
  -webkit-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  -ms-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }

.btn {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  transition: all 100ms ease-in; }

.fa {
  width: 18px;
  text-align: center; }

.margin-top {
  margin-top: 50px; }

.wrapper {
  position: relative;
  top: 0;
  height: 100vh; }

.sidebar-right .sidebar {
  left: auto;
  right: 0; }

.sidebar-right .main-panel {
  float: left; }

.sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260px;
  display: block;
  z-index: 1;
  color: #fff;
  font-weight: 200;
  background-size: cover;
  background-position: center center; }
  .sidebar .sidebar-wrapper {
    position: relative;
    max-height: none;
    min-height: 100%;
    overflow: hidden;
    width: 260px;
    z-index: 4; }
  .sidebar .sidebar-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center; }
  .sidebar .logo {
    padding: 5px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .sidebar .logo p {
      float: left;
      font-size: 20px;
      margin: 10px 10px;
      color: #FFFFFF;
      line-height: 20px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .sidebar .logo .simple-text {
      text-transform: uppercase;
      padding: 3px 0px;
      display: block;
      font-size: 17px;
      color: #FFFFFF;
      text-align: center;
      font-weight: 400;
      line-height: 30px; }
  .sidebar .logo-tim {
    border-radius: 50%;
    border: 1px solid #333;
    display: block;
    height: 61px;
    width: 61px;
    float: left;
    overflow: hidden; }
    .sidebar .logo-tim img {
      width: 60px;
      height: 60px; }
  .sidebar .nav {
    margin-top: 20px; }
    .sidebar .nav li > a {
      color: #FFFFFF;
      margin: 3px 15px;
      opacity: .86;
      border-radius: 4px;
      padding: 5px 5px; }
    .sidebar .nav li:hover > a {
      background: rgba(255, 255, 255, 0.13);
      opacity: 1; }
    .sidebar .nav li.active > a {
      color: #FFFFFF;
      opacity: 1;
      background: rgba(255, 255, 255, 0.23); }
    .sidebar .nav p {
      margin: 0;
      line-height: 30px;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase; }
    .sidebar .nav i {
      font-size: 28px;
      float: left;
      margin-right: 15px;
      line-height: 30px;
      width: 30px;
      text-align: center; }

.sidebar .logo,
body > .navbar-collapse .logo {
  padding: 5px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .sidebar .logo p,
  body > .navbar-collapse .logo p {
    float: left;
    font-size: 20px;
    margin: 10px 10px;
    color: #FFFFFF;
    line-height: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sidebar .logo .simple-text,
  body > .navbar-collapse .logo .simple-text {
    text-transform: uppercase;
    padding: 3px 0px;
    display: block;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    line-height: 30px; }

.sidebar .logo-tim,
body > .navbar-collapse .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden; }
  .sidebar .logo-tim img,
  body > .navbar-collapse .logo-tim img {
    width: 60px;
    height: 60px; }

.sidebar:after, .sidebar:before,
body > .navbar-collapse:after,
body > .navbar-collapse:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.sidebar:before,
body > .navbar-collapse:before {
  opacity: .33;
  background: #000000; }

.sidebar:after,
body > .navbar-collapse:after {
  background: #787878;
  background: -moz-linear-gradient(top, #787878 0%, #343434 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787878), color-stop(100%, #343434));
  background: -webkit-linear-gradient(top, #787878 0%, #343434 100%);
  background: -o-linear-gradient(top, #787878 0%, #343434 100%);
  background: -ms-linear-gradient(top, #787878 0%, #343434 100%);
  background: linear-gradient(to bottom, #787878 0%, #343434 100%);
  background-size: 150% 150%;
  z-index: 3;
  opacity: 1; }

.sidebar[data-image]:after, .sidebar.has-image:after,
body > .navbar-collapse[data-image]:after,
body > .navbar-collapse.has-image:after {
  opacity: .77; }

.sidebar[data-color="blue"]:after,
body > .navbar-collapse[data-color="blue"]:after {
  background: #1F77D0;
  background: -moz-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1));
  background: -webkit-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -o-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: -ms-linear-gradient(top, #1F77D0 0%, #533ce1 100%);
  background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%);
  background-size: 150% 150%; }

.sidebar[data-color="azure"]:after,
body > .navbar-collapse[data-color="azure"]:after {
  background: #0165C3;
  background: -moz-linear-gradient(top, #0165C3 0%, #4091ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0165C3), color-stop(100%, #4091ff));
  background: -webkit-linear-gradient(top, #0165C3 0%, #4091ff 100%);
  background: -o-linear-gradient(top, #0165C3 0%, #4091ff 100%);
  background: -ms-linear-gradient(top, #0165C3 0%, #4091ff 100%);
  background: linear-gradient(to bottom, #0165C3 0%, #4091ff 100%);
  background-size: 150% 150%; }

.sidebar[data-color="green"]:after,
body > .navbar-collapse[data-color="green"]:after {
  background: #87CB16;
  background: -moz-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, #6dc030));
  background: -webkit-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -o-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: -ms-linear-gradient(top, #87CB16 0%, #6dc030 100%);
  background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%);
  background-size: 150% 150%; }

.sidebar[data-color="orange"]:after,
body > .navbar-collapse[data-color="orange"]:after {
  background: #FFA534;
  background: -moz-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, #ff5221));
  background: -webkit-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -o-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: -ms-linear-gradient(top, #FFA534 0%, #ff5221 100%);
  background: linear-gradient(to bottom, #FFA534 0%, #ff5221 100%);
  background-size: 150% 150%; }

.sidebar[data-color="red"]:after,
body > .navbar-collapse[data-color="red"]:after {
  background: #FB404B;
  background: -moz-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, #bb0502));
  background: -webkit-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -o-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: -ms-linear-gradient(top, #FB404B 0%, #bb0502 100%);
  background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%);
  background-size: 150% 150%; }

.sidebar[data-color="purple"]:after,
body > .navbar-collapse[data-color="purple"]:after {
  background: #9368E9;
  background: -moz-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, #943bea));
  background: -webkit-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -o-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: -ms-linear-gradient(top, #9368E9 0%, #943bea 100%);
  background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%);
  background-size: 150% 150%; }

body {
  background-color: rgba(203, 203, 210, 0.15); }

.main-panel {
  position: relative;
  z-index: 2;
  float: right;
  width: calc(100% - 260px);
  min-height: 100%; }
  .main-panel > .content {
    padding: 30px 15px;
    min-height: calc(100% - 123px); }
  .main-panel > .footer {
    border-top: 1px solid #e7e7e7; }
  .main-panel .navbar {
    margin-bottom: 0; }

.sidebar,
.main-panel {
  overflow: auto;
  max-height: 100%;
  height: 100%;
  -webkit-transition-property: top,bottom;
  transition-property: top,bottom;
  -webkit-transition-duration: .2s,.2s;
  transition-duration: .2s,.2s;
  -webkit-transition-timing-function: linear,linear;
  transition-timing-function: linear,linear;
  -webkit-overflow-scrolling: touch; }

.btn {
  border-width: 2px;
  background-color: transparent;
  font-weight: 400;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding: 6px 14px;
  border-color: #888888;
  color: #888888; }
  .btn:hover, .btn:focus, .btn:active, .btn.active,
  .open > .btn.dropdown-toggle {
    background-color: transparent;
    color: #777777;
    border-color: #777777; }
  .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active,
  fieldset[disabled] .btn,
  fieldset[disabled] .btn:hover,
  fieldset[disabled] .btn:focus,
  fieldset[disabled] .btn.focus,
  fieldset[disabled] .btn:active,
  fieldset[disabled] .btn.active {
    background-color: transparent;
    border-color: #888888; }
  .btn.btn-fill, .btn.btn-raised {
    color: #FFFFFF;
    background-color: #888888;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active,
    .open > .btn.btn-fill.dropdown-toggle, .btn.btn-raised:hover, .btn.btn-raised:focus, .btn.btn-raised:active, .btn.btn-raised.active,
    .open > .btn.btn-raised.dropdown-toggle {
      background-color: #777777;
      color: #FFFFFF; }
    .btn.btn-fill .caret, .btn.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn .caret {
    border-top-color: #888888; }
  .btn:hover, .btn:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .btn:active, .btn.active,
  .open > .btn.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .btn.btn-icon {
    padding: 6px; }

.btn-primary {
  border-color: #3472F7;
  color: #3472F7; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-color: transparent;
    color: #1D62F0;
    border-color: #1D62F0; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: transparent;
    border-color: #3472F7; }
  .btn-primary.btn-fill, .btn-primary.btn-raised {
    color: #FFFFFF;
    background-color: #3472F7;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active,
    .open > .btn-primary.btn-fill.dropdown-toggle, .btn-primary.btn-raised:hover, .btn-primary.btn-raised:focus, .btn-primary.btn-raised:active, .btn-primary.btn-raised.active,
    .open > .btn-primary.btn-raised.dropdown-toggle {
      background-color: #1D62F0;
      color: #FFFFFF; }
    .btn-primary.btn-fill .caret, .btn-primary.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-primary .caret {
    border-top-color: #3472F7; }

.btn-success {
  border-color: #049F0C;
  color: #049F0C; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-color: transparent;
    color: #047a0c;
    border-color: #047a0c; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: transparent;
    border-color: #049F0C; }
  .btn-success.btn-fill, .btn-success.btn-raised {
    color: #FFFFFF;
    background-color: #049F0C;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active,
    .open > .btn-success.btn-fill.dropdown-toggle, .btn-success.btn-raised:hover, .btn-success.btn-raised:focus, .btn-success.btn-raised:active, .btn-success.btn-raised.active,
    .open > .btn-success.btn-raised.dropdown-toggle {
      background-color: #047a0c;
      color: #FFFFFF; }
    .btn-success.btn-fill .caret, .btn-success.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-success .caret {
    border-top-color: #049F0C; }

.btn-info {
  border-color: #0175d3;
  color: #0175d3; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-color: transparent;
    color: #018cfc;
    border-color: #018cfc; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: transparent;
    border-color: #0175d3; }
  .btn-info.btn-fill, .btn-info.btn-raised {
    color: #FFFFFF;
    background-color: #0175d3;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-info.btn-fill:hover, .btn-info.btn-fill:focus, .btn-info.btn-fill:active, .btn-info.btn-fill.active,
    .open > .btn-info.btn-fill.dropdown-toggle, .btn-info.btn-raised:hover, .btn-info.btn-raised:focus, .btn-info.btn-raised:active, .btn-info.btn-raised.active,
    .open > .btn-info.btn-raised.dropdown-toggle {
      background-color: #018cfc;
      color: #FFFFFF; }
    .btn-info.btn-fill .caret, .btn-info.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-info .caret {
    border-top-color: #0175d3; }

.btn-warning {
  border-color: #FF9500;
  color: #FF9500; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-color: transparent;
    color: #ED8D00;
    border-color: #ED8D00; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: transparent;
    border-color: #FF9500; }
  .btn-warning.btn-fill, .btn-warning.btn-raised {
    color: #FFFFFF;
    background-color: #FF9500;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-warning.btn-fill:hover, .btn-warning.btn-fill:focus, .btn-warning.btn-fill:active, .btn-warning.btn-fill.active,
    .open > .btn-warning.btn-fill.dropdown-toggle, .btn-warning.btn-raised:hover, .btn-warning.btn-raised:focus, .btn-warning.btn-raised:active, .btn-warning.btn-raised.active,
    .open > .btn-warning.btn-raised.dropdown-toggle {
      background-color: #ED8D00;
      color: #FFFFFF; }
    .btn-warning.btn-fill .caret, .btn-warning.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-warning .caret {
    border-top-color: #FF9500; }

.btn-danger {
  border-color: #FF4A55;
  color: #FF4A55; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-color: transparent;
    color: #EE2D20;
    border-color: #EE2D20; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: transparent;
    border-color: #FF4A55; }
  .btn-danger.btn-fill, .btn-danger.btn-raised {
    color: #FFFFFF;
    background-color: #FF4A55;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active,
    .open > .btn-danger.btn-fill.dropdown-toggle, .btn-danger.btn-raised:hover, .btn-danger.btn-raised:focus, .btn-danger.btn-raised:active, .btn-danger.btn-raised.active,
    .open > .btn-danger.btn-raised.dropdown-toggle {
      background-color: #EE2D20;
      color: #FFFFFF; }
    .btn-danger.btn-fill .caret, .btn-danger.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-danger .caret {
    border-top-color: #FF4A55; }

.btn-neutral {
  border-color: #FFFFFF;
  color: #FFFFFF; }
  .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active,
  .open > .btn-neutral.dropdown-toggle {
    background-color: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF; }
  .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active,
  fieldset[disabled] .btn-neutral,
  fieldset[disabled] .btn-neutral:hover,
  fieldset[disabled] .btn-neutral:focus,
  fieldset[disabled] .btn-neutral.focus,
  fieldset[disabled] .btn-neutral:active,
  fieldset[disabled] .btn-neutral.active {
    background-color: transparent;
    border-color: #FFFFFF; }
  .btn-neutral.btn-fill, .btn-neutral.btn-raised {
    color: #FFFFFF;
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active,
    .open > .btn-neutral.btn-fill.dropdown-toggle, .btn-neutral.btn-raised:hover, .btn-neutral.btn-raised:focus, .btn-neutral.btn-raised:active, .btn-neutral.btn-raised.active,
    .open > .btn-neutral.btn-raised.dropdown-toggle {
      background-color: #FFFFFF;
      color: #FFFFFF; }
    .btn-neutral.btn-fill .caret, .btn-neutral.btn-raised .caret {
      border-top-color: #FFFFFF; }
  .btn-neutral .caret {
    border-top-color: #FFFFFF; }
  .btn-neutral:active, .btn-neutral.active,
  .open > .btn-neutral.dropdown-toggle {
    background-color: #FFFFFF;
    color: #888888; }
  .btn-neutral.btn-fill, .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-raised, .btn-neutral.btn-raised:hover, .btn-neutral.btn-raised:focus {
    color: #888888; }
  .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active {
    background-color: transparent; }

.btn:disabled, .btn[disabled], .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.btn-round {
  border-width: 1px;
  border-radius: 30px !important;
  padding: 7px 16px; }
  .btn-round.btn-icon {
    padding: 7px; }

.btn-simple {
  border: 0;
  font-size: 15px;
  padding: 6px 14px; }
  .btn-simple.btn-icon {
    padding: 6px; }

.btn-lg {
  font-size: 17px;
  border-radius: 6px;
  padding: 12px 28px;
  font-weight: 400; }
  .btn-lg.btn-round {
    padding: 13px 28px; }
  .btn-lg.btn-simple {
    padding: 14px 28px; }

.btn-sm {
  font-size: 11px;
  border-radius: 3px;
  padding: 3px 8px; }
  .btn-sm.btn-round {
    padding: 4px 8px; }
  .btn-sm.btn-simple {
    padding: 5px 8px; }

.btn-xs {
  font-size: 11px;
  border-radius: 3px;
  padding: 0px 3px; }
  .btn-xs.btn-round {
    padding: 1px 3px; }
  .btn-xs.btn-simple {
    padding: 2px 3px; }

.btn-wd {
  min-width: 140px; }

.btn-group.select {
  width: 100%; }

.btn-group.select .btn {
  text-align: left; }

.btn-group.select .caret {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 8px; }

.form-control::-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100); }

.form-control:-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100); }

.form-control::-webkit-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100); }

.form-control:-ms-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100); }

.form-control {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #565656;
  padding: 6px 10px;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .form-control:focus {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
    color: #333333; }
  .has-success .form-control,
  .has-error .form-control,
  .has-success .form-control:focus,
  .has-error .form-control:focus {
    border-color: #E3E3E3;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .has-success .form-control {
    color: #049F0C; }
  .has-success .form-control:focus {
    border-color: #049F0C; }
  .has-error .form-control {
    color: #FF4A55; }
  .has-error .form-control:focus {
    border-color: #FF4A55; }
  .form-control + .form-control-feedback {
    border-radius: 6px;
    font-size: 13px;
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 50%;
    vertical-align: middle; }
  .open .form-control {
    border-radius: 4px 4px 0 0;
    border-bottom-color: transparent; }

.input-lg {
  height: 55px;
  padding: 12px 28px; }

.has-error .form-control-feedback {
  color: #FF4A55; }

.has-success .form-control-feedback {
  color: #049F0C; }

.input-group-addon {
  background-color: #E3E3E3;
  border-radius: 4px; }
  .has-success .input-group-addon,
  .has-error .input-group-addon {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3; }
  .has-error .form-control:focus + .input-group-addon {
    border-color: #FF4A55;
    color: #FF4A55; }
  .has-success .form-control:focus + .input-group-addon {
    border-color: #049F0C;
    color: #049F0C; }
  .form-control:focus + .input-group-addon,
  .form-control:focus ~ .input-group-addon {
    background-color: #FFFFFF;
    border-color: #434343; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0 none; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-left: 0 none; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #F5F5F5;
  color: #888888;
  cursor: not-allowed; }

.input-group-btn .btn {
  border-width: 1px;
  padding: 7px 14px; }

.input-group-btn .btn-default:not(.btn-fill):not(.btn-raised) {
  border-color: #DDDDDD; }

.input-group-btn:last-child > .btn {
  margin-left: 0; }

.input-group-focus .input-group-addon {
  border-color: #434343; }

.alert {
  border: 0;
  border-radius: 0;
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 14px; }
  .container .alert {
    border-radius: 4px; }
  .navbar .alert {
    border-radius: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 85px;
    width: 100%;
    z-index: 3; }
  .navbar:not(.navbar-transparent) .alert {
    top: 70px; }
  .alert span[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px; }
  .alert button.close {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    z-index: 1033;
    background-color: #FFFFFF;
    display: block;
    border-radius: 50%;
    opacity: .4;
    line-height: 11px;
    width: 25px;
    height: 25px;
    outline: 0 !important;
    text-align: center;
    padding: 3px;
    font-weight: 300; }
    .alert button.close:hover {
      opacity: .55; }
  .alert .close ~ span {
    display: block;
    max-width: 89%; }
  .alert[data-notify="container"] {
    padding: 10px 10px 10px 20px;
    border-radius: 4px; }
  .alert.alert-with-icon {
    padding-left: 65px; }

.alert-info {
  background-color: #138cfe; }

.alert-success {
  background-color: #a1e82c; }

.alert-warning {
  background-color: #ffbc67; }

.alert-danger {
  background-color: #fc727a; }

.table .radio,
.table .checkbox {
  position: relative;
  height: 20px;
  display: block;
  width: 20px;
  padding: 0px 0px;
  margin: 0px 5px;
  text-align: center; }
  .table .radio .icons,
  .table .checkbox .icons {
    left: 5px; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 4px 3px;
  vertical-align: middle;
  border-top: 1px solid #f5f5f5; }

.table > thead > tr > th {
  border-bottom-width: 1px;
  font-size: 11px;
  text-transform: uppercase;
  color: #434343;
  font-weight: 400;
  padding-bottom: 5px; }

.table .td-actions .btn {
  opacity: 0.36;
  filter: alpha(opacity=36); }
  .table .td-actions .btn.btn-xs {
    padding-left: 3px;
    padding-right: 3px; }

.table .td-actions {
  min-width: 90px; }

.table > tbody > tr {
  position: relative; }
  .table > tbody > tr:hover .td-actions .btn {
    opacity: 1;
    filter: alpha(opacity=100); }

/*      Checkbox and radio         */
.checkbox,
.radio {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #333333; }

.checkbox input,
.radio input {
  outline: none !important;
  display: none; }

.checkbox .icons,
.radio .icons {
  color: #DDDDDD;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox:hover,
.radio:hover {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox:hover .first-icon,
.radio:hover .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox:hover .second-icon,
.radio:hover .second-icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox.checked,
.radio.checked {
  color: #0175d3; }

.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #0175d3;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #DDDDDD !important; }

.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #DDDDDD !important; }

.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #DDDDDD; }

.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #D9D9D9; }

/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
.has-switch {
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.72222;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*   this code is for fixing safari bug with hidden overflow for border-radius   */
  -webkit-mask: url("../img/mask.png") 0 0 no-repeat;
  -webkit-mask-size: 60px 24px;
  mask: url("../img/mask.png") 0 0 no-repeat; }

.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important; }

.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important; }

.has-switch > div {
  position: relative;
  top: 0;
  width: 100px; }

.has-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out; }

.has-switch > div.switch-off {
  left: -35px; }

.has-switch > div.switch-on {
  left: 0; }

.has-switch > div label {
  background-color: #FFFFFF;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f2));
  background: -webkit-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -o-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -ms-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: linear-gradient(to bottom, white 0%, #f1f1f2 100%);
  background-size: 150% 150%;
  box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: pointer; }

.has-switch input[type=checkbox] {
  display: none; }

.has-switch span {
  /*     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; */
  cursor: pointer;
  float: left;
  font-size: 11px;
  font-weight: 400;
  height: 24px;
  line-height: 15px;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  text-indent: -10px;
  width: 50%;
  z-index: 1;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out; }

.has-switch span.switch-left {
  background-color: #0175d3;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 30px 0 0 30px;
  color: #FFFFFF; }

.has-switch .switch-off span.switch-left {
  background-color: #DDDDDD; }

.has-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #0175d3;
  color: #ffffff;
  text-indent: 1px; }

.has-switch .switch-off span.switch-right {
  background-color: #DDDDDD; }

.has-switch label {
  border-radius: 12px;
  float: left;
  height: 22px;
  margin: 1px -13px;
  padding: 0;
  position: relative;
  transition: all 0.25s ease-out 0s;
  vertical-align: middle;
  width: 22px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out; }

.has-switch .switch-on .fa-check:before {
  margin-left: 10px; }

.has-switch:hover .switch-on label {
  margin: 1px -17px;
  width: 26px; }

.has-switch:hover .switch-off label {
  margin: 1px -13px;
  width: 26px; }

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent; }

.navbar {
  border: 0;
  font-size: 15px;
  border-radius: 0; }
  .navbar .navbar-minimize {
    float: left;
    margin: 3px 15px; }
  .navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    z-index: 1030; }
  .navbar .navbar-brand {
    font-weight: 400;
    margin: 5px 0px;
    padding: 10px 15px;
    font-size: 19px;
    height: 40px; }
  .navbar .navbar-nav > li > a {
    padding: 5px 15px;
    margin: 10px 3px;
    position: relative; }
  .navbar .navbar-nav > li > a.btn {
    margin: 15px 3px;
    padding: 6px 14px; }
  .navbar .navbar-nav > li > a.btn-round {
    margin: 16px 3px; }
  .navbar .navbar-nav > li > a [class^="fa"] {
    font-size: 18px;
    position: relative;
    line-height: 16px;
    top: 1px; }
  .navbar .navbar-nav .notification {
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 10px;
    min-width: 18px;
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
    top: 0px;
    left: 7px; }
  .navbar .btn {
    margin: 6px 3px;
    font-size: 13px; }
    .navbar .btn [class^="pe-7s-"] {
      width: 21px; }
  .navbar .btn-simple {
    font-size: 15px; }
  .navbar.fixed {
    width: calc(100% - 10);
    right: 0;
    left: auto;
    border-radius: 0; }

.navbar-nav > li > .dropdown-menu {
  border-radius: 10px;
  margin-top: -5px; }

.navbar-transparent .navbar-brand, [class*="navbar-ct"] .navbar-brand {
  color: #FFFFFF;
  opacity: 0.9;
  filter: alpha(opacity=90); }
  .navbar-transparent .navbar-brand:focus, .navbar-transparent .navbar-brand:hover, [class*="navbar-ct"] .navbar-brand:focus, [class*="navbar-ct"] .navbar-brand:hover {
    background-color: transparent;
    opacity: 1;
    filter: alpha(opacity=100); }

.navbar-transparent .navbar-nav > li > a:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:not(.btn) {
  color: #FFFFFF;
  border-color: #FFFFFF;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.navbar-transparent .navbar-nav > .active > a:not(.btn),
.navbar-transparent .navbar-nav > .active > a:hover:not(.btn),
.navbar-transparent .navbar-nav > .active > a:focus:not(.btn),
.navbar-transparent .navbar-nav > li > a:hover:not(.btn),
.navbar-transparent .navbar-nav > li > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:not(.btn),
[class*="navbar-ct"] .navbar-nav > .active > a:hover:not(.btn),
[class*="navbar-ct"] .navbar-nav > .active > a:focus:not(.btn),
[class*="navbar-ct"] .navbar-nav > li > a:hover:not(.btn),
[class*="navbar-ct"] .navbar-nav > li > a:focus:not(.btn) {
  background-color: transparent;
  border-radius: 3px;
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar-transparent .navbar-nav .nav > li > a.btn:hover, [class*="navbar-ct"] .navbar-nav .nav > li > a.btn:hover {
  background-color: transparent; }

.navbar-transparent .navbar-nav > .dropdown > a .caret,
.navbar-transparent .navbar-nav > .dropdown > a:hover .caret,
.navbar-transparent .navbar-nav > .dropdown > a:focus .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret,
[class*="navbar-ct"] .navbar-nav > .dropdown > a:hover .caret,
[class*="navbar-ct"] .navbar-nav > .dropdown > a:focus .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF; }

.navbar-transparent .navbar-nav > .open > a,
.navbar-transparent .navbar-nav > .open > a:hover,
.navbar-transparent .navbar-nav > .open > a:focus, [class*="navbar-ct"] .navbar-nav > .open > a,
[class*="navbar-ct"] .navbar-nav > .open > a:hover,
[class*="navbar-ct"] .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar-transparent .btn-default, [class*="navbar-ct"] .btn-default {
  color: #FFFFFF;
  border-color: #FFFFFF; }

.navbar-transparent .btn-default.btn-fill, .navbar-transparent .btn-default.btn-raised, [class*="navbar-ct"] .btn-default.btn-fill, [class*="navbar-ct"] .btn-default.btn-raised {
  color: #434343;
  background-color: #FFFFFF;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.navbar-transparent .btn-default.btn-fill:hover,
.navbar-transparent .btn-default.btn-fill:focus,
.navbar-transparent .btn-default.btn-fill:active,
.navbar-transparent .btn-default.btn-fill.active,
.navbar-transparent .open .dropdown-toggle.btn-fill.btn-default,
.navbar-transparent .btn-default.btn-raised:hover,
.navbar-transparent .btn-default.btn-raised:focus,
.navbar-transparent .btn-default.btn-raised:active,
.navbar-transparent .btn-default.btn-raised.active,
.navbar-transparent .open .dropdown-toggle.btn-raised.btn-default, [class*="navbar-ct"] .btn-default.btn-fill:hover,
[class*="navbar-ct"] .btn-default.btn-fill:focus,
[class*="navbar-ct"] .btn-default.btn-fill:active,
[class*="navbar-ct"] .btn-default.btn-fill.active,
[class*="navbar-ct"] .open .dropdown-toggle.btn-fill.btn-default,
[class*="navbar-ct"] .btn-default.btn-raised:hover,
[class*="navbar-ct"] .btn-default.btn-raised:focus,
[class*="navbar-ct"] .btn-default.btn-raised:active,
[class*="navbar-ct"] .btn-default.btn-raised.active,
[class*="navbar-ct"] .open .dropdown-toggle.btn-raised.btn-default {
  border-color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar-transparent .dropdown-menu .divider {
  background-color: rgba(255, 255, 255, 0.2); }

.nav-open .nav .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF; }

.navbar-default {
  background-color: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .navbar-default .navbar-nav > li > a:not(.btn) {
    color: #434343; }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:not(.btn):hover,
  .navbar-default .navbar-nav > .active > a:not(.btn):focus,
  .navbar-default .navbar-nav > li > a:not(.btn):hover,
  .navbar-default .navbar-nav > li > a:not(.btn):focus {
    background-color: transparent;
    border-radius: 3px;
    color: #0175d3;
    opacity: 1;
    filter: alpha(opacity=100); }
  .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #0175d3;
    border-top-color: #0175d3; }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #0175d3; }
  .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus {
    background-color: transparent; }
  .navbar-default:not(.navbar-transparent) .btn-default:hover {
    color: #0175d3;
    border-color: #0175d3; }
  .navbar-default:not(.navbar-transparent) .btn-neutral,
  .navbar-default:not(.navbar-transparent) .btn-neutral:hover,
  .navbar-default:not(.navbar-transparent) .btn-neutral:active {
    color: #434343; }

/*      Navbar with icons            */
.navbar-icons.navbar .navbar-brand {
  margin-top: 12px;
  margin-bottom: 12px; }

.navbar-icons .navbar-nav > li > a {
  text-align: center;
  padding: 6px 15px;
  margin: 6px 3px; }

.navbar-icons .navbar-nav [class^="pe"] {
  font-size: 30px;
  position: relative; }

.navbar-icons .navbar-nav p {
  margin: 3px 0 0; }

.navbar-form {
  -webkit-box-shadow: none;
  box-shadow: none; }
  .navbar-form .form-control {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    height: 22px;
    font-size: 15px;
    line-height: 1.5;
    color: #E3E3E3; }
  .navbar-transparent .navbar-form .form-control,
  [class*="navbar-ct"] .navbar-form .form-control {
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.navbar-ct-blue {
  background-color: #4091e2; }

.navbar-ct-azure {
  background-color: #138cfe; }

.navbar-ct-green {
  background-color: #a1e82c; }

.navbar-ct-orange {
  background-color: #ffbc67; }

.navbar-ct-red {
  background-color: #fc727a; }

.navbar-transparent {
  padding-top: 15px;
  background-color: transparent;
  border-bottom: 1px solid transparent; }

.navbar-toggle {
  margin-top: 19px;
  margin-bottom: 19px;
  border: 0; }
  .navbar-toggle .icon-bar {
    background-color: #FFFFFF; }
  .navbar-toggle .navbar-collapse,
  .navbar-toggle .navbar-form {
    border-color: transparent; }
  .navbar-toggle.navbar-default .navbar-toggle:hover,
  .navbar-toggle.navbar-default .navbar-toggle:focus {
    background-color: transparent; }

.footer {
  background-color: #FFFFFF;
  line-height: 20px; }
  .footer.footer-transparent {
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    background-color: transparent; }
  .footer nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal; }
    .footer nav > ul a:not(.btn) {
      color: #434343;
      display: block;
      margin-bottom: 3px; }
      .footer nav > ul a:not(.btn):hover, .footer nav > ul a:not(.btn):focus {
        color: #777777; }
  .footer .social-area {
    padding: 15px 0; }
    .footer .social-area h5 {
      padding-bottom: 15px; }
  .footer .social-area > a:not(.btn) {
    color: #434343;
    display: inline-block;
    vertical-align: top;
    padding: 5px 5px;
    font-size: 19px;
    font-weight: normal;
    line-height: 20px;
    text-align: center; }
    .footer .social-area > a:not(.btn):hover, .footer .social-area > a:not(.btn):focus {
      color: #777777; }
  .footer .copyright {
    color: #777777;
    padding: 10px 15px;
    margin: 10px 3px;
    line-height: 20px;
    font-size: 13px; }
  .footer hr {
    border-color: #DDDDDD; }
  .footer .title {
    color: #777777; }

.footer-default {
  background-color: #F5F5F5; }

.footer:not(.footer-big) nav > ul {
  font-size: 13px; }
  .footer:not(.footer-big) nav > ul li {
    margin-left: 20px;
    float: left; }
  .footer:not(.footer-big) nav > ul a {
    padding: 10px 0px;
    margin: 10px 10px 10px 0px; }

.dropdown-menu {
  visibility: hidden;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  display: block;
  z-index: 9000;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); }
  .open .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }
  .select .dropdown-menu {
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform-origin: 50% -40px;
    -moz-transform-origin: 50% -40px;
    -o-transform-origin: 50% -40px;
    -ms-transform-origin: 50% -40px;
    transform-origin: 50% -40px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-top: -20px; }
  .select.open .dropdown-menu {
    margin-top: -1px; }
  .dropdown-menu > li > a {
    padding: 6px 14px;
    color: #333333; }
    .dropdown-menu > li > a img {
      margin-top: -3px; }
  .dropdown-menu > li > a:focus {
    outline: 0 !important; }
  .btn-group.select .dropdown-menu {
    min-width: 100%; }
  .dropdown-menu > li:first-child > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .dropdown-menu > li:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .select .dropdown-menu > li:first-child > a {
    border-radius: 0;
    border-bottom: 0 none; }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background-color: #F5F5F5;
    color: #333333;
    opacity: 1;
    text-decoration: none; }
  .dropdown-menu.dropdown-blue > li > a:hover,
  .dropdown-menu.dropdown-blue > li > a:focus {
    background-color: rgba(52, 114, 247, 0.2); }
  .dropdown-menu.dropdown-azure > li > a:hover,
  .dropdown-menu.dropdown-azure > li > a:focus {
    background-color: rgba(1, 117, 211, 0.2); }
  .dropdown-menu.ct-green > li > a:hover,
  .dropdown-menu.ct-green > li > a:focus {
    background-color: rgba(4, 159, 12, 0.2); }
  .dropdown-menu.dropdown-orange > li > a:hover,
  .dropdown-menu.dropdown-orange > li > a:focus {
    background-color: rgba(255, 149, 0, 0.2); }
  .dropdown-menu.dropdown-red > li > a:hover,
  .dropdown-menu.dropdown-red > li > a:focus {
    background-color: rgba(255, 74, 85, 0.2); }

.dropdown-with-icons > li > a {
  padding-left: 0px;
  line-height: 28px; }

.dropdown-with-icons i {
  text-align: center;
  line-height: 28px;
  float: left; }
  .dropdown-with-icons i[class^="pe-"] {
    font-size: 24px;
    width: 46px; }
  .dropdown-with-icons i[class^="fa"] {
    font-size: 14px;
    width: 38px; }

.btn-group.select {
  overflow: hidden; }

.btn-group.select.open {
  overflow: visible; }

.card {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 30px; }
  .card .image {
    width: 100%;
    overflow: hidden;
    height: 260px;
    border-radius: 4px 4px 0 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .card .image img {
      width: 100%; }
  .card .filter {
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.68);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0); }
    .card .filter .btn {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .card:hover .filter {
    opacity: 1;
    filter: alpha(opacity=100); }
  .card .btn-hover {
    opacity: 0;
    filter: alpha(opacity=0); }
  .card:hover .btn-hover {
    opacity: 1;
    filter: alpha(opacity=100); }
  .card .content {
    padding: 15px 15px 10px 15px; }
  .card .header {
    padding: 15px 15px 0; }
  .card .category,
  .card label {
    font-size: 1rem;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
    text-transform: uppercase; }
    .card .category.boost,
    .card label.boost {
      font-size: 1.4rem;
      color: #333333; }
    .card .category i,
    .card label i {
      font-size: 15px; }
  .card .title {
    margin: 0;
    color: #333333;
    font-weight: 300; }
  .card .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px; }
  .card .description {
    font-size: 13px;
    color: #333; }
  .card .footer {
    padding: 0;
    background-color: transparent;
    line-height: 30px; }
    .card .footer .legend {
      padding: 5px 0; }
    .card .footer hr {
      margin-top: 5px;
      margin-bottom: 5px; }
  .card .stats {
    color: #a9a9a9; }
  .card .footer div {
    display: inline-block; }
  .card .author {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase; }
  .card .author i {
    font-size: 13px; }
  .card h6 {
    font-size: 11px;
    margin: 0; }
  .card.card-separator:after {
    height: 100%;
    right: -15px;
    top: 0;
    width: 1px;
    background-color: #DDDDDD;
    content: "";
    position: absolute; }
  .card .ct-chart {
    margin: 30px 0 30px;
    height: 245px; }
  .card .table tbody td:first-child,
  .card .table thead th:first-child {
    padding-left: 15px; }
  .card .table tbody td:last-child,
  .card .table thead th:last-child {
    padding-right: 15px; }
  .card .alert {
    border-radius: 4px;
    position: relative; }
    .card .alert.alert-with-icon {
      padding-left: 65px; }

.card-user .image {
  height: 110px; }

.card-user .image-plain {
  height: 0;
  margin-top: 110px; }

.card-user .author {
  text-align: center;
  text-transform: none;
  margin-top: -70px; }

.card-user .avatar {
  width: 124px;
  height: 124px;
  border: 5px solid #FFFFFF;
  position: relative;
  margin-bottom: 15px; }
  .card-user .avatar.border-gray {
    border-color: #EEEEEE; }

.card-user .title {
  line-height: 24px; }

.card-user .content {
  min-height: 240px; }

.card-user .footer,
.card-price .footer {
  padding: 5px 15px 10px; }

.card-user hr,
.card-price hr {
  margin: 5px 15px; }

.card-plain {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0; }
  .card-plain .image {
    border-radius: 4px; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.3rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-point {
  stroke-width: 8px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 3px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.8; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #0165C3; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #0165C3; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #FB404B; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #FB404B; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #FFA534; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #FFA534; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #9368E9; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #9368E9; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #87CB16; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #87CB16; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #1F77D0; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #1F77D0; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #5e5e5e; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #5e5e5e; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #dd4b39; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #dd4b39; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #35465c; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #35465c; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #e52d27; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #e52d27; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #55acee; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #55acee; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #cc2127; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #cc2127; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #1769ff; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #1769ff; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #6188e2; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #a748ca; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%; }
  .ct-square:after {
    content: "";
    display: table;
    clear: both; }
  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%; }
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%; }
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%; }
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%; }
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%; }
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%; }
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%; }
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%; }
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both; }
  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%; }
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%; }
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%; }
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%; }
  .ct-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%; }
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%; }
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%; }
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%; }
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

@media (min-width: 992px) {
  .navbar-form {
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 5px;
    padding-right: 5px; }
  .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 29px -50px;
    -moz-transform-origin: 29px -50px;
    -o-transform-origin: 29px -50px;
    -ms-transform-origin: 29px -50px;
    transform-origin: 29px -50px; }
  .navbar-nav > li > .dropdown-menu:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -11px; }
  .navbar-nav > li > .dropdown-menu:after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px; }
  .navbar-nav.navbar-right > li > .dropdown-menu:before {
    left: auto;
    right: 12px; }
  .navbar-nav.navbar-right > li > .dropdown-menu:after {
    left: auto;
    right: 12px; }
  .footer:not(.footer-big) nav > ul li:first-child {
    margin-left: 0; }
  body > .navbar-collapse.collapse {
    display: none !important; }
  .card form [class*="col-"] {
    padding: 6px; }
  .card form [class*="col-"]:first-child {
    padding-left: 15px; }
  .card form [class*="col-"]:last-child {
    padding-right: 15px; } }

/*          Changes for small display      */
@media (max-width: 991px) {
  .sidebar {
    display: none; }
  .main-panel {
    width: 100%; }
  .navbar-transparent {
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.45); }
  body {
    position: relative; }
  .wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    left: 0;
    background-color: white; }
    .wrapper.wrapper-full-page {
      height: auto;
      min-height: 100vh; }
  .navbar .container {
    left: 0;
    width: 100%;
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    position: relative; }
  .navbar .navbar-collapse.collapse,
  .navbar .navbar-collapse.collapse.in,
  .navbar .navbar-collapse.collapsing {
    display: none !important; }
  .navbar-nav > li {
    float: none;
    position: relative;
    display: block; }
  body > .navbar-collapse {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 250px;
    right: 0;
    z-index: 1032;
    visibility: visible;
    background-color: #999;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    padding: 0;
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    -o-transform: translate3d(250px, 0, 0);
    -ms-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    body > .navbar-collapse > ul {
      position: relative;
      z-index: 4;
      overflow-y: scroll;
      height: calc(100vh - 61px);
      width: 100%; }
    body > .navbar-collapse .nav > li > a {
      padding: 30px 25px; }
    body > .navbar-collapse::before {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: #282828;
      display: block;
      content: "";
      z-index: 1; }
    body > .navbar-collapse .logo {
      position: relative;
      z-index: 4; }
  .nav-open .navbar-collapse {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  .nav-open .navbar .container {
    left: -250px; }
  .nav-open .wrapper {
    left: 0;
    -webkit-transform: translate3d(-250px, 0, 0);
    -moz-transform: translate3d(-250px, 0, 0);
    -o-transform: translate3d(-250px, 0, 0);
    -ms-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0); }
  .navbar-toggle .icon-bar {
    display: block;
    position: relative;
    background: #fff;
    width: 24px;
    height: 2px;
    border-radius: 1px;
    margin: 0 auto; }
  .navbar-header .navbar-toggle {
    margin: 10px 15px 10px 0;
    width: 40px;
    height: 40px; }
  .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent; }
  .bar1 {
    top: 0px;
    -webkit-animation: topbar-back 500ms linear 0s;
    -moz-animation: topbar-back 500ms linear 0s;
    animation: topbar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .bar2 {
    opacity: 1; }
  .bar3 {
    bottom: 0px;
    -webkit-animation: bottombar-back 500ms linear 0s;
    -moz-animation: bottombar-back 500ms linear 0s;
    animation: bottombar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .toggled .bar1 {
    top: 6px;
    -webkit-animation: topbar-x 500ms linear 0s;
    -moz-animation: topbar-x 500ms linear 0s;
    animation: topbar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .toggled .bar2 {
    opacity: 0; }
  .toggled .bar3 {
    bottom: 6px;
    -webkit-animation: bottombar-x 500ms linear 0s;
    -moz-animation: bottombar-x 500ms linear 0s;
    animation: bottombar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg); }
    45% {
      top: 6px;
      transform: rotate(145deg); }
    75% {
      transform: rotate(130deg); }
    100% {
      transform: rotate(135deg); } }
  @-webkit-keyframes topbar-x {
    0% {
      top: 0px;
      -webkit-transform: rotate(0deg); }
    45% {
      top: 6px;
      -webkit-transform: rotate(145deg); }
    75% {
      -webkit-transform: rotate(130deg); }
    100% {
      -webkit-transform: rotate(135deg); } }
  @-moz-keyframes topbar-x {
    0% {
      top: 0px;
      -moz-transform: rotate(0deg); }
    45% {
      top: 6px;
      -moz-transform: rotate(145deg); }
    75% {
      -moz-transform: rotate(130deg); }
    100% {
      -moz-transform: rotate(135deg); } }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg); }
    45% {
      transform: rotate(-10deg); }
    75% {
      transform: rotate(5deg); }
    100% {
      top: 0px;
      transform: rotate(0); } }
  @-webkit-keyframes topbar-back {
    0% {
      top: 6px;
      -webkit-transform: rotate(135deg); }
    45% {
      -webkit-transform: rotate(-10deg); }
    75% {
      -webkit-transform: rotate(5deg); }
    100% {
      top: 0px;
      -webkit-transform: rotate(0); } }
  @-moz-keyframes topbar-back {
    0% {
      top: 6px;
      -moz-transform: rotate(135deg); }
    45% {
      -moz-transform: rotate(-10deg); }
    75% {
      -moz-transform: rotate(5deg); }
    100% {
      top: 0px;
      -moz-transform: rotate(0); } }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg); }
    45% {
      bottom: 6px;
      transform: rotate(-145deg); }
    75% {
      transform: rotate(-130deg); }
    100% {
      transform: rotate(-135deg); } }
  @-webkit-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -webkit-transform: rotate(0deg); }
    45% {
      bottom: 6px;
      -webkit-transform: rotate(-145deg); }
    75% {
      -webkit-transform: rotate(-130deg); }
    100% {
      -webkit-transform: rotate(-135deg); } }
  @-moz-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -moz-transform: rotate(0deg); }
    45% {
      bottom: 6px;
      -moz-transform: rotate(-145deg); }
    75% {
      -moz-transform: rotate(-130deg); }
    100% {
      -moz-transform: rotate(-135deg); } }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg); }
    45% {
      transform: rotate(10deg); }
    75% {
      transform: rotate(-5deg); }
    100% {
      bottom: 0px;
      transform: rotate(0); } }
  @-webkit-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -webkit-transform: rotate(-135deg); }
    45% {
      -webkit-transform: rotate(10deg); }
    75% {
      -webkit-transform: rotate(-5deg); }
    100% {
      bottom: 0px;
      -webkit-transform: rotate(0); } }
  @-moz-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -moz-transform: rotate(-135deg); }
    45% {
      -moz-transform: rotate(10deg); }
    75% {
      -moz-transform: rotate(-5deg); }
    100% {
      bottom: 0px;
      -moz-transform: rotate(0); } }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  .dropdown-menu .divider {
    background-color: rgba(229, 229, 229, 0.15); }
  .navbar-nav {
    margin: 1px 0; }
    .navbar-nav .open .dropdown-menu > li > a {
      padding: 15px 15px 5px 50px; }
    .navbar-nav .open .dropdown-menu > li:first-child > a {
      padding: 5px 15px 5px 50px; }
    .navbar-nav .open .dropdown-menu > li:last-child > a {
      padding: 15px 15px 25px 50px; }
  [class*="navbar-"] .navbar-nav > li > a,
  [class*="navbar-"] .navbar-nav > li > a:hover,
  [class*="navbar-"] .navbar-nav > li > a:focus,
  [class*="navbar-"] .navbar-nav .active > a,
  [class*="navbar-"] .navbar-nav .active > a:hover,
  [class*="navbar-"] .navbar-nav .active > a:focus,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus,
  [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu > li > a:active {
    color: white; }
  [class*="navbar-"] .navbar-nav > li > a,
  [class*="navbar-"] .navbar-nav > li > a:hover,
  [class*="navbar-"] .navbar-nav > li > a:focus,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus {
    opacity: .7;
    background: transparent; }
  [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active {
    opacity: 1; }
  [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret {
    border-bottom-color: #777;
    border-top-color: #777; }
  [class*="navbar-"] .navbar-nav .dropdown > a:active .caret {
    border-bottom-color: white;
    border-top-color: white; }
  .dropdown-menu {
    display: none; }
  .navbar-fixed-top {
    -webkit-backface-visibility: hidden; }
  #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0;
    top: 0;
    left: auto;
    right: 250px;
    content: "";
    z-index: 9999;
    overflow-x: hidden; }
  .social-line .btn {
    margin: 0 0 10px 0; }
  .subscribe-line .form-control {
    margin: 0 0 10px 0; }
  .social-line.pull-right {
    float: none; }
  .footer nav.pull-left {
    float: none !important; }
  .footer:not(.footer-big) nav > ul li {
    float: none; }
  .social-area.pull-right {
    float: none !important; }
  .form-control + .form-control-feedback {
    margin-top: -8px; }
  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important; }
  .btn.dropdown-toggle {
    margin-bottom: 0; }
  .media-post .author {
    width: 20%;
    float: none !important;
    display: block;
    margin: 0 auto 10px; }
  .media-post .media-body {
    width: 100%; }
  .navbar-collapse.collapse {
    height: 100% !important; }
  .navbar-collapse.collapse.in {
    display: block; }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important; }
  .navbar-header {
    float: none; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-collapse .nav p {
    font-size: 13px;
    margin: 0; }
  .navbar-collapse [class^="pe-7s-"] {
    float: left;
    font-size: 20px;
    margin-right: 10px; } }

@media (min-width: 992px) {
  .table-full-width {
    margin-left: -15px;
    margin-right: -15px; }
  .table-responsive {
    overflow: visible; } }

@media (max-width: 991px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch; } }

.login-page > .content, .lock-page > .content {
  padding-top: 22vh; }

.full-page:before {
  opacity: .33;
  background: #000000; }

.full-page:after, .full-page:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }

.full-page > .content {
  min-height: calc(100vh - 70px); }

.full-page > .content, .full-page > .footer {
  position: relative;
  z-index: 4; }

.login-page .card {
  box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.login-page .card .header {
  padding-bottom: 30px; }

.card .header {
  padding: 15px 15px;
  color: #333333;
  font-weight: 300;
  font-size: 22px; }

.full-page[data-color="orange"]:after {
  background: #FFA534;
  background: -moz-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(236, 22, 87, 0.6)));
  background: -webkit-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.6) 100%);
  background: -o-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.6) 100%);
  background: -ms-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.6) 100%);
  background: linear-gradient(to bottom, #FFA534 0%, rgba(236, 22, 87, 0.6) 100%);
  background-size: 150% 150%; }

.full-page[data-color="azure"]:after {
  background: #23CCEF;
  background: -moz-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23CCEF), color-stop(100%, rgba(64, 145, 255, 0.6)));
  background: -webkit-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -o-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -ms-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.6) 100%);
  background: linear-gradient(to bottom, #23CCEF 0%, rgba(64, 145, 255, 0.6) 100%);
  background-size: 150% 150%; }

.full-page[data-color="blue"]:after {
  background: #3472F7;
  background: -moz-linear-gradient(top, #3472F7 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3472F7), color-stop(100%, rgba(64, 145, 255, 0.6)));
  background: -webkit-linear-gradient(top, #3472F7 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -o-linear-gradient(top, #3472F7 0%, rgba(64, 145, 255, 0.6) 100%);
  background: -ms-linear-gradient(top, #3472F7 0%, rgba(64, 145, 255, 0.6) 100%);
  background: linear-gradient(to bottom, #3472F7 0%, rgba(64, 145, 255, 0.6) 100%);
  background-size: 150% 150%; }

.full-page[data-color="blue"]:after {
  background: rgba(52, 114, 247, 0.9); }

.full-page .footer nav > ul a:not(.btn), .full-page .footer, .full-page .footer .copyright a {
  color: #FFFFFF;
  font-size: 14px; }

.loader {
  border: 1px solid white;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  width: 30px;
  height: 30px;
  animation-name: loading;
  animation-duration: 700ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes loading {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

html, body, .wrapper {
  min-width: 992px; }

.sidebar .nav > li.active-pro {
  position: absolute;
  width: 100%;
  bottom: 10px; }

.sidebar .nav > li.active-pro a {
  background: rgba(255, 255, 255, 0.14);
  opacity: 1;
  color: #FFFFFF; }

.nav > li.active {
  background-color: #2f99fd; }

.sidebar-after, .sidebar-to {
  position: fixed;
  top: 0px;
  bottom: 0;
  z-index: 9;
  display: block;
  padding: 10px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 50px; }
  .sidebar-after .nav > li, .sidebar-to .nav > li {
    margin-left: 5px; }
  .sidebar-after .nav > li > a, .sidebar-to .nav > li > a {
    position: relative;
    display: block;
    padding: 7px 6px; }
  .sidebar-after .nav > li.active, .sidebar-to .nav > li.active {
    background-color: #fff; }

.sidebar-to {
  width: 260px;
  margin-left: 0;
  background-color: #fff; }
  .sidebar-to .row-calendar .calendar, .sidebar-to .row-calendar .calendar table {
    width: 100%;
    display: block; }
  .sidebar-to .row-calendar .calendar table thead, .sidebar-to .row-calendar .calendar table tr {
    width: 100%;
    display: inline-table; }
  .sidebar-to .row-calendar .calendar table thead {
    display: block; }
  .sidebar-to .row-calendar .uib-daypicker {
    width: 100%; }
  .sidebar-to .nav-sidebar tr th {
    padding-left: 12px; }
  .sidebar-to .nav-sidebar tr td:first-child {
    padding-left: 12px; }
  .sidebar-to .nav-sidebar tr td:last-child {
    padding-right: 12px; }

/* Make clicks pass-through */
#bar-spinner {
  pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all; }

#bar.ng-enter,
#bar.ng-leave.ng-leave-active,
#bar-spinner.ng-enter,
#bar-spinner.ng-leave.ng-leave-active {
  opacity: 1; }

#bar-spinner.ng-enter.ng-enter-active,
#bar-spinner.ng-leave {
  opacity: 1; }

#bar-spinner {
  display: block;
  width: 20px;
  height: 20px; }

#bar-spinner .spinner-icon {
  width: 20px;
  height: 20px;
  border: solid 3px transparent;
  border-top-color: #3472F7;
  border-left-color: #3472F7;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite; }

@-webkit-keyframes bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bar-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.filter-panel .panel-heading {
  cursor: pointer; }

.filter-panel .panel-body {
  padding: 0 15px; }
  .filter-panel .panel-body > .row:first-child {
    padding-top: 15px; }
  .filter-panel .panel-body > .row:last-child {
    padding-bottom: 5px; }

.dropdown-menu .active > a, .dropdown-menu .dropdown-menu > .active > a:hover, .dropdown-menu .dropdown-menu > .active > a:focus {
  background-color: #979797 !important;
  color: #333333 !important; }

.dropdown-menu li:first-child > a {
  border-radius: 0; }

.dropdown-menu li:last-child > a {
  border-radius: 0; }

.dropdown-menu {
  transform: scale(1) !important;
  padding: 5px 0;
  margin: 2px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  visibility: visible;
  opacity: 1; }
  .dropdown-menu li {
    overflow: hidden;
    position: relative; }
  .dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap; }

.close {
  display: none; }

.modal_simple .card {
  margin-bottom: 50px; }
  .modal_simple .card .content .footer .btn-group {
    margin-top: 18px;
    float: right; }
  .modal_simple .card .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block; }
  .modal_simple .card .form-group .info {
    color: #434343;
    opacity: 0.5;
    position: absolute;
    padding-top: 2px;
    padding-left: 5px; }

.statistic .fa {
  width: 26px; }

.session-map .infobar .nav > li > a {
  padding: 0; }

.uib-timepicker .text-info, .uib-datepicker .text-info {
  font-weight: bold;
  text-shadow: 0 0 2em #0175d3; }

.uib-timepicker .btn, .uib-datepicker .btn {
  border-color: transparent;
  color: #333; }

.uib-timepicker .btn.active, .uib-timepicker .btn.active:hover, .uib-datepicker .btn.active, .uib-datepicker .btn.active:hover {
  border-color: #bfbfbf;
  background-color: #bfbfbf;
  font-weight: bold; }
  .uib-timepicker .btn.active .text-info, .uib-timepicker .btn.active:hover .text-info, .uib-datepicker .btn.active .text-info, .uib-datepicker .btn.active:hover .text-info {
    color: #000 !important; }

.full-page .full-page-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 20% center; }

.full-page .full-page-background-2 {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  /* background-size: cover; */
  background-position: bottom;
  background-repeat: no-repeat; }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin: 0 !important; }

.sidebar .sidebar-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }

.sidebar .sidebar-wrapper .sidebar-background {
  z-index: 0;
  background-size: cover;
  background-position-x: 23%;
  opacity: 0.1; }

.navbar .navbar-brand {
  padding: 10px 25px 10px 0px; }

.modal.card {
  margin: 20px; }
  .modal.card .header {
    padding: 0 15px 0; }
  .modal.card .alert {
    cursor: pointer; }
  .modal.card .modal-dialog {
    width: 100%;
    margin: 0; }
    .modal.card .modal-dialog .modal-content {
      border: 0;
      box-shadow: none; }

.navbar .navbar-nav > li > a {
  padding: 15px 15px;
  margin: 0;
  position: relative; }

.splash {
  padding: 4em 0 0;
  background-color: #141d27;
  color: #fff;
  text-align: center; }

.splash h1 {
  font-size: 4em; }

.splash #social {
  margin: 2em 0; }

.splash .alert {
  margin: 2em 0; }

.splash-screen {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  background: rgba(255, 255, 255, 0.92);
  position: fixed;
  margin: auto; }
  .splash-screen .splash-table {
    display: table;
    height: 100%;
    width: 100%; }
    .splash-screen .splash-table .cell {
      display: table-cell;
      vertical-align: middle; }
    .splash-screen .splash-table .table-row {
      display: table-row; }
  .splash-screen .block {
    line-height: 5000px; }

#mapLocker {
  background: rgba(255, 255, 255, 0.7);
  display: none; }

.section-tout {
  padding: 4em 0 3em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #eaf1f1; }

.section-tout .fa {
  margin-right: .5em; }

.section-tout p {
  margin-bottom: 3em; }

.section-preview {
  padding: 4em 0 4em; }

.section-preview .preview {
  margin-bottom: 4em;
  background-color: #eaf1f1; }

.section-preview .preview .image {
  position: relative; }

.section-preview .preview .image:before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none; }

.section-preview .preview .options {
  padding: 1em 2em 2em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  text-align: center; }

.section-preview .preview .options p {
  margin-bottom: 2em; }

.section-preview .dropdown-menu {
  text-align: left; }

.section-preview .lead {
  margin-bottom: 2em; }

@media (max-width: 767px) {
  .section-preview .image img {
    width: 100%; } }

#svgMap {
  display: flex;
  justify-content: center; }
  #svgMap svg .svg-pan-zoom_viewport > *:not(.disabled) {
    cursor: pointer; }
  #svgMap svg .svg-pan-zoom_viewport > *:not(.disabled):hover {
    opacity: 0.6; }
  #svgMap .stadium, #svgMap .tribune, #svgMap .disabled {
    fill: none;
    stroke: #97999B;
    stroke-linecap: round;
    stroke-linejoin: round; }
  #svgMap .sector_name, #svgMap .sector_name_big {
    font: 700 11px/1.2 Arial,sans-serif;
    fill: #000;
    color: #000;
    pointer-events: none;
    stroke: none; }
  #svgMap svg {
    height: 80vh;
    width: auto; }

.backgroundYellow {
  background-color: rgba(225, 225, 0, 0.5) !important; }

.sessions-list .table > thead > tr > td, .sessions-list .table > tbody > tr > td, .sessions-list .table > tfoot > tr > td {
  padding: 2px 2px;
  font-size: 13px; }

.sessions-list h5 {
  margin-bottom: 10px; }

.sessions-list .panel-group {
  margin-bottom: 0; }

.sessions-list .panel-group .panel {
  border-radius: 0px;
  border: 0;
  box-shadow: none; }

.sessions-list .panel-group .panel + .panel {
  margin-top: 1px; }

.sessions-list .panel-heading {
  padding: 10px 0;
  background-color: #ddd; }
  .sessions-list .panel-heading .panel-title a {
    display: block;
    padding: 0px 15px;
    font-size: 14px; }
    .sessions-list .panel-heading .panel-title a .glyphicon {
      top: 8px; }
  .sessions-list .panel-heading a:hover {
    color: #000000; }
  .sessions-list .panel-heading a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -1px;
    color: #000000; }

.sessions-list .panel-body {
  padding: 0; }
  .sessions-list .panel-body .table {
    margin-bottom: 0; }

.sessions-list .badge {
  position: relative;
  top: 6px;
  float: right;
  right: 5px;
  opacity: 0.5; }

.nav-tabs > li.active {
  background: none !important; }

.fc-event.disabled {
  opacity: 0.2; }

a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-short {
  margin-right: 0px !important; }

.fc-license-message {
  display: none !important; }

.fc-event-container .fc-content {
  cursor: pointer; }

.mr-10 {
  margin-right: 10px; }

.mt-10 {
  margin-top: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.fc-toolbar h2 {
  font-size: 24px; }

.fc th, .fc td {
  vertical-align: middle; }

.fc-resource-cell {
  padding: 5px 0 !important;
  line-height: 1;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap; }

#sidebar-resiziable {
  width: 3px;
  background: #000;
  bottom: 0;
  top: 0;
  left: 260px;
  z-index: 9;
  position: absolute;
  cursor: ew-resize;
  opacity: 0.1; }

tr.disabled td {
  text-decoration: line-through; }

.week-day .btn {
  color: red !important; }
  .week-day .btn .text-muted {
    color: red !important;
    opacity: 0.4; }

.legend {
  position: fixed;
  top: 187px;
  right: 23px;
  width: 90px;
  z-index: 10;
  border: 1px solid #d8d8da;
  max-height: 200px;
  overflow-x: hidden;
  opacity: 0.9; }
  .legend .box {
    width: 90px; }
  .legend .label {
    margin: 1px;
    width: 70px;
    display: block; }

label.disabled {
  color: #d0cece; }

.svg-disabled {
  opacity: 0.2; }

.label-FIO {
  font-size: 12px;
  font-weight: bold;
  position: fixed;
  bottom: 10px;
  right: 30px;
  z-index: 10;
  color: #434343;
  user-select: none;
  cursor: pointer; }

.label-zoom {
  font-size: 24px;
  font-weight: bold;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10;
  color: #434343;
  user-select: none;
  cursor: pointer; }

.prices ul {
  display: flex;
  padding-left: 0; }

.prices ul li {
  -webkit-box-align: center;
  align-items: center;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: flex;
  font-family: YS Text,Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 12px;
  height: 30px;
  line-height: 16px;
  margin-left: 8px;
  opacity: 1;
  padding-left: 10px;
  padding-right: 14px;
  position: relative;
  transform: translateX(0);
  transition: color .2s ease 0s,background .2s ease 0s,box-shadow .2s ease 0s,opacity .4s ease 0s,transform .4s ease 0s;
  user-select: none;
  white-space: nowrap;
  border: 2px solid; }

.prices ul .color {
  background: #76bfdf;
  border-radius: 100%;
  content: "";
  height: 10px;
  margin-right: 8px;
  position: relative;
  transition: background .2s ease 0s;
  width: 10px;
  z-index: 2; }

ul.nav__buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0; }
  ul.nav__buttons > li {
    display: inline-block;
    margin-right: 1rem; }
    ul.nav__buttons > li:last-child {
      margin-right: 0; }
  ul.nav__buttons .active {
    border: 1px solid #1181FE;
    background-color: #1181FE;
    color: #fff; }
    ul.nav__buttons .active:disabled {
      opacity: 1 !important; }

.button {
  appearance: none;
  user-select: none;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  font: inherit;
  cursor: pointer;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  background-color: #F0F0F0;
  border: 1px solid #F0F0F0;
  color: initial;
  padding: 0 25px;
  min-height: 40px;
  border-radius: 4px;
  transition: all .2s ease-in-out; }
  .button__with-icon {
    padding: 0 15px; }
    .button__with-icon svg {
      margin: 0 5px; }
    .button__with-icon > span {
      line-height: 1; }
  .button:disabled {
    cursor: not-allowed !important;
    opacity: .5 !important; }
  .button:focus {
    outline: none;
    box-shadow: 0 0 0.25rem 1px #007eff; }
  .button:hover {
    box-shadow: inset 0 0 20px 20px rgba(0, 0, 0, 0.15);
    color: initial; }
  .button:active:hover:focus {
    outline: none;
    color: initial;
    box-shadow: 0 0 0.25rem 1px #007eff, inset 0 0 20px 20px rgba(0, 0, 0, 0.45); }
  .button:hover:focus {
    outline: none;
    box-shadow: 0 0 0.25rem 1px #007eff, inset 0 0 20px 20px rgba(0, 0, 0, 0.15); }
  .button:visited {
    color: initial; }
  .button__primary {
    border-color: #1181FE;
    background-color: #1181FE;
    color: #fff; }
    .button__primary:focus {
      color: #fff; }
    .button__primary:hover {
      color: #fff; }
    .button__primary:active:hover:focus {
      color: #fff; }
    .button__primary:visited {
      color: #fff; }
  .button__danger {
    border-color: #FF3333;
    background-color: #FF3333;
    color: #fff; }
    .button__danger:disabled {
      cursor: not-allowed !important;
      opacity: .5 !important; }
    .button__danger:focus {
      color: #fff; }
    .button__danger:hover {
      color: #fff; }
    .button__danger:active:hover:focus {
      color: #fff; }
    .button__danger:visited {
      color: #fff; }
  .button__warning {
    border-color: #ff9900;
    background-color: #ff9900;
    color: #fff; }
    .button__warning:focus {
      color: #fff; }
    .button__warning:hover {
      color: #fff; }
    .button__warning:active:hover:focus {
      color: #fff; }
    .button__warning:visited {
      color: #fff; }
  .button__outline {
    border-color: #ccc;
    background-color: #fff;
    color: #999; }
    .button__outline:focus {
      color: #999; }
    .button__outline:hover {
      color: #999; }
    .button__outline:active:hover:focus {
      color: #999; }
    .button__outline:visited {
      color: #999; }
  .button__icon {
    max-width: 49px;
    width: 49px;
    max-height: 49px;
    height: 49px;
    padding: 0; }
    .button__icon:focus {
      box-shadow: 0 0 .25rem 1px transparent; }
    .button__icon:hover {
      box-shadow: inset 0 0 20px 20px rgba(0, 0, 0, 0.15); }
    .button__icon:active:hover:focus {
      outline: none;
      box-shadow: 0 0 0.25rem 1px transparent, inset 0 0 20px 20px rgba(0, 0, 0, 0.45); }
    .button__icon:hover:focus {
      outline: none;
      box-shadow: 0 0 0.25rem 1px transparent, inset 0 0 20px 20px rgba(0, 0, 0, 0.15); }

.btn.btn-hidden.btn-fill, .btn.btn-hidden.btn-raised {
  color: #e7e7e7 !important;
  background-color: #fff !important;
  border-color: #f7f7f7 !important;
  opacity: 1;
  filter: alpha(opacity=100); }
  .btn.btn-hidden.btn-fill:hover, .btn.btn-hidden.btn-raised:hover {
    background-color: #f7f7f7 !important;
    color: #dbdbdb !important; }

.icon {
  display: block;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  .icon__container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 0;
    transition: all .25s ease-in-out; }
    .icon__container:hover {
      box-shadow: inset 0 0 25px 5px rgba(0, 0, 0, 0.5); }
  .icon__2x {
    width: 24px;
    height: 24px; }
  .icon__3x {
    width: 36px;
    height: 36px; }
  .icon__4x {
    width: 48px;
    height: 48px; }
  .icon__money {
    background-image: url("/assets/images/money.svg"); }
  .icon__card {
    background-image: url("/assets/images/credit-card.svg"); }

.input__text {
  appearance: none;
  border: 1px solid #999;
  font-size: 14px;
  padding: 15px;
  font-family: sans-serif;
  display: flex;
  width: 118px;
  height: 49px;
  min-height: 49px; }
  .input__text:focus {
    outline: none;
    box-shadow: 0 0 .25rem 1px #007eff; }
  .input__text__round {
    border-radius: .25rem; }
  .input__text__center {
    text-align: center;
    text-align-last: center; }
  .input__text__right {
    text-align: right;
    text-align-last: right; }

.group-elements {
  display: flex;
  flex-direction: row;
  width: 215px; }
  .group-elements > * {
    margin: 0 -1px;
    border: 1px solid #999;
    border-radius: 0 !important; }
    .group-elements > *:focus {
      box-shadow: none; }
    .group-elements > *:first-child {
      border-radius: 4px 0 0 4px !important;
      margin: 0; }
    .group-elements > *:last-child {
      border-radius: 0 4px 4px 0 !important;
      margin: 0; }

.section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 215px;
  min-width: 215px;
  width: 215px;
  margin-bottom: 20px; }
  .section__top {
    margin-top: 20px; }
  .section__bottom {
    margin-bottom: 0; }

.section-215 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 215px;
  min-width: 215px;
  width: 215px;
  margin-bottom: 20px; }
  .section-215:last-child {
    margin-bottom: 0; }

#dance-info.card {
  display: inline-flex;
  flex-direction: column;
  background: none;
  box-shadow: none;
  overflow: hidden; }
  #dance-info.card .content {
    padding: 0; }

.flex-row-with-workers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

p.place-header {
  max-width: 215px;
  margin: 0; }
  p.place-header.items-center {
    margin-bottom: 20px; }

.clip {
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */ }

.scroll-content {
  max-height: 100%;
  overflow: auto; }

.price-worker, .item-worker {
  display: flex;
  flex-direction: column;
  margin: -0.5px;
  padding: 35px 30px 40px;
  border: 1px solid #E5E5E5;
  background-color: #fff; }

.item-worker {
  justify-content: center;
  border: 0 none; }
  .item-worker .place-header {
    text-shadow: 0 0 2px white; }

.items-center {
  justify-content: center;
  align-items: center;
  text-align: center;
  word-break: break-all; }

.section-name {
  font-size: 18px;
  margin-bottom: 17px; }

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all; }

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #049F0C;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #049F0C 1px 0 6px 1px;
  -ms-box-shadow: #049F0C 1px 0 6px 1px;
  -webkit-box-shadow: #049F0C 1px 0 6px 1px;
  box-shadow: #ffffff 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%; }

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 11px;
  left: -5px;
  width: 100px;
  height: 30px; }

@media (min-width: 992px) {
  #loading-bar-spinner {
    width: 60px;
    top: 15px;
    left: -8px;
    background-color: #018cfc; } }

.modal-open #loading-bar-spinner, .page-login #loading-bar-spinner {
  display: none; }

#loading-bar-spinner .spinner-icon {
  width: 20px;
  height: 20px;
  margin-left: 30px;
  border: solid 3px transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite; }

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

.visible-on-sidebar-mini {
  display: none !important; }

@media (min-width: 992px) {
  .hover-collapse, .sidebar-mini .sidebar .sidebar-wrapper > .nav li:hover .collapse, .sidebar-mini .sidebar .sidebar-wrapper > .nav li:focus .collapse, .sidebar-mini .sidebar .user:hover .collapse {
    display: block;
    position: absolute;
    top: 0;
    left: 81px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); }
  .sidebar-mini .sidebar {
    position: fixed; }
  .sidebar-mini .visible-on-sidebar-regular {
    display: none !important; }
  .sidebar-mini .visible-on-sidebar-mini {
    display: inline-block !important; }
  .sidebar-mini .sidebar {
    width: 80px;
    display: block;
    font-weight: 200;
    z-index: 3; }
  .sidebar-mini .sidebar .sidebar-wrapper {
    overflow: inherit;
    width: 80px;
    box-shadow: none; }
  .sidebar-mini .sidebar .logo {
    display: none; }
  .sidebar-mini .sidebar .logo-mini {
    padding: 10px 0px;
    display: block;
    margin: 0px;
    position: relative;
    z-index: 4; }
  .sidebar-mini .sidebar .logo-mini:before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 10%;
    width: 80%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3); }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav {
    margin-top: 20px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a {
    margin: 5px 10px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a:before, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a:after {
    display: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav p {
    display: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav i {
    float: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a {
    color: #333333;
    padding: 8px 16px;
    margin: 0;
    border-radius: 0; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li:last-child > a {
    margin-bottom: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li:first-child > a {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .sidebar-mini .sidebar .info > a {
    height: 0;
    padding: 0;
    opacity: 0; }
  .sidebar-mini .sidebar .info .collapse .nav li > a {
    margin: 0;
    border-radius: 0; }
  .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:last-child > a {
    margin-bottom: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:first-child > a {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .sidebar-mini .sidebar .user {
    position: relative; }
  .sidebar-mini .sidebar .user .nav a {
    color: #333333; }
  .sidebar-mini .sidebar .user .photo {
    width: 50px;
    height: 50px;
    border-width: 2px; }
  .sidebar-mini .sidebar .collapse .nav {
    width: 160px;
    height: auto;
    position: relative; }
  .sidebar-mini .sidebar .collapse .nav li > a:hover, .sidebar-mini .sidebar .collapse .nav li > a:focus {
    background-color: #F5F5F5;
    opacity: 1;
    text-decoration: none; }
  .sidebar-mini .sidebar .collapse .nav:after {
    border-right: 11px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -10px;
    top: 8px; }
  .sidebar-mini .sidebar .collapse .nav li.active > a {
    background-color: #F5F5F5;
    opacity: 1;
    text-decoration: none; }
  .sidebar-mini .sidebar .collapse .nav:before {
    border-right: 11px solid #ccc;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -11px;
    top: 8px; }
  .sidebar-mini .sidebar .collapse .nav:after {
    border-right: 11px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -10px;
    top: 8px; }
  .sidebar-mini .main-panel {
    width: calc(100% - 80px);
    margin-left: 80px; }
  .sidebar-mini .wrapper {
    height: auto; }
  .sidebar-mini .sidebar,
  .sidebar-mini .main-panel {
    overflow: visible;
    max-height: none;
    height: auto; }
  .sidebar-mini .sidebar .nav li > a {
    padding: 10px 15px; }
  .sidebar .collapse .nav li > a {
    color: #777; } }

@media (min-width: 992px) {
  .hover-collapse, .sidebar-mini .sidebar .sidebar-wrapper > .nav li:hover .collapse, .sidebar-mini .sidebar .sidebar-wrapper > .nav li:focus .collapse, .sidebar-mini .sidebar .user:hover .collapse {
    display: block;
    position: absolute;
    top: 0;
    left: 81px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); }
  .sidebar-mini .sidebar {
    position: fixed; }
  .sidebar-mini .visible-on-sidebar-regular {
    display: none !important; }
  .sidebar-mini .visible-on-sidebar-mini {
    display: inline-block !important; }
  .sidebar-mini .sidebar {
    width: 80px;
    display: block;
    font-weight: 200;
    z-index: 3; }
  .sidebar-mini .sidebar .sidebar-wrapper {
    overflow: inherit;
    width: 80px;
    box-shadow: none; }
  .sidebar-mini .sidebar .logo {
    display: none; }
  .sidebar-mini .sidebar .logo-mini {
    padding: 10px 0px;
    display: block;
    margin: 0px;
    position: relative;
    z-index: 4; }
  .sidebar-mini .sidebar .logo-mini:before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 10%;
    width: 80%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3); }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav {
    margin-top: 20px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a {
    margin: 5px 10px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a:before, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a:after {
    display: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav p {
    display: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav i {
    float: none; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a {
    color: #333333;
    padding: 8px 16px;
    margin: 0;
    border-radius: 0; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li:last-child > a {
    margin-bottom: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li:first-child > a {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .sidebar-mini .sidebar .info > a {
    height: 0;
    padding: 0;
    opacity: 0; }
  .sidebar-mini .sidebar .info .collapse .nav li > a {
    margin: 0;
    border-radius: 0; }
  .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:last-child > a {
    margin-bottom: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:first-child > a {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .sidebar-mini .sidebar .user {
    position: relative; }
  .sidebar-mini .sidebar .user .nav a {
    color: #333333; }
  .sidebar-mini .sidebar .user .photo {
    width: 50px;
    height: 50px;
    border-width: 2px; }
  .sidebar-mini .sidebar .collapse .nav {
    width: 160px;
    height: auto;
    position: relative; }
  .sidebar-mini .sidebar .collapse .nav li > a:hover, .sidebar-mini .sidebar .collapse .nav li > a:focus {
    background-color: #F5F5F5;
    opacity: 1;
    text-decoration: none; }
  .sidebar-mini .sidebar .collapse .nav:after {
    border-right: 11px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -10px;
    top: 8px; }
  .sidebar-mini .sidebar .collapse .nav li.active > a {
    background-color: #F5F5F5;
    opacity: 1;
    text-decoration: none; }
  .sidebar-mini .sidebar .collapse .nav:before {
    border-right: 11px solid #ccc;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -11px;
    top: 8px; }
  .sidebar-mini .sidebar .collapse .nav:after {
    border-right: 11px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    content: "";
    display: inline-block;
    left: -10px;
    top: 8px; }
  .sidebar-mini .main-panel {
    width: calc(100% - 80px);
    margin-left: 80px; }
  .sidebar-mini .wrapper {
    height: auto; }
  .sidebar-mini .sidebar,
  .sidebar-mini .main-panel {
    overflow: visible;
    max-height: none;
    height: auto; }
  .sidebar-mini .sidebar .nav li > a {
    padding: 10px 15px; }
  .sidebar .collapse .nav li > a {
    color: #777; } }

.sidebar .logo-mini {
  display: none; }

.sidebar .logo .logo-text, .bootstrap-navbar .logo .logo-text {
  text-transform: uppercase;
  padding: 7px 0px;
  display: block;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden; }

.nav-container {
  display: block;
  width: 100%;
  text-align: center; }

.nav-icons > li {
  display: inline-block; }

.nav-text > li.active a, .nav-icons > li.active a {
  color: #23CCEF; }

.nav-icons > li > a i {
  font-size: 22px;
  margin-bottom: 10px;
  width: 22px; }

.nav-icons > li > a {
  padding: 0 10px;
  margin-bottom: 10px; }

.nav-text > li > a, .nav-icons > li > a {
  display: block;
  padding: 0px 16px;
  color: #9A9A9A;
  text-align: center;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.nav-text, .nav-icons {
  padding: 10px 0 0; }

.input-group .input-group-btn:last-child .btn {
  border-left: none; }

.input-group-btn .btn {
  height: 40px;
  border: 1px solid #E3E3E3; }

.items .item {
  min-height: 150px;
  max-height: 150px;
  height: 150px;
  overflow: hidden;
  padding: 5px 7px; }
  .items .item h2 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    word-wrap: break-word; }
  .items .item span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0; }

.item.active {
  background-color: #4ca20b !important; }

.fast-institutions {
  padding-bottom: 8px; }
  .fast-institutions .fast-institution {
    background-color: #0a68b4;
    border-radius: 4px;
    min-height: 35px;
    max-height: 35px;
    height: 35px;
    overflow: hidden;
    padding: 12px 7px;
    cursor: pointer;
    margin-bottom: 6px; }
  .fast-institutions .active {
    background-color: #4ca20b; }
  .fast-institutions h6 {
    color: #FFFFFF; }

.items-settings-list .btn.btn-xs, .items-settings-list .input-group-btn .btn.btn-xs, .items-settings-list .btn-group-xs .btn, .items-settings-list .btn-group-xs .input-group-btn .btn {
  padding: 2px 2px; }
  .items-settings-list .btn.btn-xs .material-icons, .items-settings-list .input-group-btn .btn.btn-xs .material-icons, .items-settings-list .btn-group-xs .btn .material-icons, .items-settings-list .btn-group-xs .input-group-btn .btn .material-icons {
    font-size: 16px; }

.items-settings-list ol, .items-settings-list li {
  list-style-type: none; }

.items-settings-list ol {
  border-left: 1px solid #ececec;
  padding-left: 2px;
  margin-bottom: 15px; }

.items-settings-list ol > li {
  border-bottom: 1px solid #ececec;
  padding-left: 50px; }

.page-sessionMapById .quota-list b {
  padding: 0 5px; }

.page-sessionMapById #mapArea {
  text-align: -webkit-center; }
  .page-sessionMapById #mapArea > div {
    border: 0; }

.place {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  font-size: 10px;
  clear: both;
  background-color: #fff;
  border: 2px solid #bfbfbf;
  top: 2px; }
  .place.s15 {
    width: 15px;
    height: 15px; }
  .place.s35 {
    width: 35px;
    height: 35px; }
  .place.with:before {
    content: 'Ψ';
    position: absolute;
    bottom: 0;
    left: 1px;
    font-size: 7px; }
  .place.staff:after {
    content: 'S';
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 7px; }

.place:hover {
  border: 1px solid #000000; }

.place.dark {
  background-color: #000000; }

.place.gray {
  background-color: #bfbfbf; }

.place.orange {
  background-color: #ffc752; }

.place.green {
  background-color: #20e150; }

.place.violet {
  background-color: #ec6bff; }

.place.blue {
  background-color: #7e91ff; }

#feedback {
  font-size: 1.4em; }

#selectable .ui-selecting, #selectable .ui-selected {
  border: 1px solid #000; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100; }

#selectable .ui-selected {
  color: white; }

#selectable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%; }

#selectable li {
  margin: 3px;
  padding: 0.4em;
  font-size: 1.4em;
  height: 18px; }

#selectable .place:after {
  position: absolute;
  content: "";
  bottom: -40px;
  height: 40px;
  width: 1px; }

.page-mapEdit,
.page-templatesEdit {
  overflow: scroll; }
  .page-mapEdit .map-btn div,
  .page-templatesEdit .map-btn div {
    padding: 5px 10px; }
    .page-mapEdit .map-btn div i,
    .page-templatesEdit .map-btn div i {
      font-size: 14px; }
  .page-mapEdit .sidebar-after,
  .page-templatesEdit .sidebar-after {
    display: none; }
  .page-mapEdit .main,
  .page-templatesEdit .main {
    padding: 15px;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .page-mapEdit .place,
  .page-templatesEdit .place {
    display: table-cell;
    position: inherit;
    width: 11px;
    height: 11px;
    font-size: 10px;
    clear: both;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 0;
    border-right: 0;
    top: 0; }
    .page-mapEdit .place div.j,
    .page-templatesEdit .place div.j {
      width: 100%;
      height: 100%;
      display: block;
      text-align: center; }
    .page-mapEdit .place.w16,
    .page-templatesEdit .place.w16 {
      width: 16px;
      height: 16px; }
    .page-mapEdit .place .tooltip,
    .page-templatesEdit .place .tooltip {
      position: absolute; }
  .page-mapEdit #selectable .ui-selecting,
  .page-templatesEdit #selectable .ui-selecting {
    border: 1px solid rgba(255, 9, 8, 0.17); }
  .page-mapEdit #selectable .ui-selected,
  .page-templatesEdit #selectable .ui-selected {
    border: 1px solid #ff0908;
    color: inherit; }
  .page-mapEdit #selectable,
  .page-templatesEdit #selectable {
    list-style-type: none;
    padding: 16px;
    width: 100%; }
  .page-mapEdit #selectable li,
  .page-templatesEdit #selectable li {
    margin: 3px;
    padding: 0.4em;
    font-size: 1.4em;
    height: 18px; }
  .page-mapEdit .navigation .btn,
  .page-templatesEdit .navigation .btn {
    margin: -6px 0 0 0; }
  .page-mapEdit .zoom,
  .page-templatesEdit .zoom {
    width: 35px;
    height: 70px;
    position: absolute;
    border: 1px solid #000;
    opacity: 0.3;
    right: 10px;
    margin-top: 15px; }
    .page-mapEdit .zoom div,
    .page-templatesEdit .zoom div {
      padding: 10px;
      cursor: pointer; }
    .page-mapEdit .zoom div:last-child,
    .page-templatesEdit .zoom div:last-child {
      border-top: 1px solid #000; }
  .page-mapEdit .zoom:hover,
  .page-templatesEdit .zoom:hover {
    opacity: 1; }
  .page-mapEdit .place.green,
  .page-templatesEdit .place.green {
    background-color: #20e150 !important; }

.place:hover {
  border: 1px solid #000000; }

.place.dark {
  background-color: #000000; }

.place.gray {
  background-color: #bfbfbf; }

.place.white {
  background-color: #FFF; }

.place.whiteColor {
  color: #FFF; }

.place.orange {
  background-color: #ffc752; }

.place.violet {
  background-color: #ec6bff; }

.place.blue {
  background-color: #7e91ff; }

.main-panel, .main-panel .container-fluid, .content .container-fluid {
  height: 100vh; }

.map-panel {
  position: relative;
  height: 85vh;
  margin-top: 15vh;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 77%;
  display: flex;
  flex-direction: column; }

.navbar {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10; }

.card.fixed {
  position: fixed;
  z-index: 10;
  right: 10px;
  left: 270px;
  top: 60px; }

.preview-block {
  font-size: 16px !important; }
  .preview-block .parent {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
    left: 0; }
    .preview-block .parent > .inner {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  .preview-block table {
    width: 100%;
    opacity: 0.7; }
  .preview-block table td {
    padding: 7px;
    font-size: 19px;
    line-height: 1;
    color: inherit;
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif; }
  .preview-block .block {
    display: inline-block; }
    .preview-block .block img {
      display: block;
      border: none;
      opacity: 0.1;
      width: 40%; }

.statistic-line {
  display: flex;
  align-items: center;
  height: 45px; }

button i.fa.fa-refresh {
  transition: .75s ease-in-out; }

button:hover i.fa.fa-refresh {
  transform: rotate(360deg); }

button:disabled i.fa.fa-refresh {
  animation: infiniterotate 35s linear infinite; }

@keyframes infiniterotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360000deg); } }

.place {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  font-size: 10px;
  clear: both;
  background-color: #fff;
  border: 2px solid #bfbfbf;
  top: 2px;
  user-select: none;
  cursor: pointer; }
  .place.normal {
    position: static;
    margin: 0 5px; }
  .place.s15 {
    width: 15px;
    height: 15px; }
  .place.s35 {
    width: 35px;
    height: 35px; }
  .place span {
    cursor: pointer; }
  .place span.bottom-right {
    bottom: 0;
    position: absolute;
    right: 1px; }

#mapArea {
  text-align: -webkit-center; }
  #mapArea > div {
    border: 0; }

.place:hover {
  border: 2px solid #000000; }

.place.sell {
  background-color: #000000;
  color: #fff; }

.place.reserve {
  background-color: #a75000;
  color: #fff; }

.place.gray {
  background-color: #939393; }

.place.noprice {
  opacity: 0.4;
  border-color: #bfbfbf !important;
  border-width: 1px; }

.place.selected {
  background-color: #ff0b07 !important;
  color: #fff; }

.place.orange {
  background-color: #ffc752; }

.place.green {
  background-color: #20e150; }

.place.violet {
  background-color: #ec6bff; }

.place.blue {
  background-color: #7e91ff; }

.place.text {
  border: none;
  background-color: transparent;
  opacity: 1;
  color: #232323; }
  .place.text span:not(.bottom-right) {
    text-align: center;
    display: block;
    position: absolute;
    font-size: 200%;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0; }
  .place.text .bottom-right {
    display: none; }
  .place.text.main span:not(.bottom-right) {
    font-size: 400%; }

#feedback {
  font-size: 1.4em; }

#selectable .ui-selecting, #selectable .ui-selected {
  border: 2px solid #000; }

#selectable.section {
  position: relative; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000; }

#selectable .ui-selected {
  background: #a7a7a7 !important;
  color: #000; }

#selectable {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%; }

#selectable li {
  margin: 3px;
  padding: 0.4em;
  font-size: 1.4em;
  height: 18px; }

.bucket {
  margin-bottom: 0 !important; }
  .bucket table {
    background-color: #f5f5f5;
    margin-bottom: 0 !important; }

.map-panel .svg-origin .svg {
  background-position: left top;
  background-repeat: no-repeat;
  height: 75vh;
  background-size: 100% auto; }

html.screen-map,
body.screen-map {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%; }

body.page-screen {
  position: relative;
  height: 100%;
  font-size: 1.2963vmin;
  font-family: "Montserrat", sans-serif; }

body.page-screen * {
  font-family: "Montserrat", sans-serif; }

#screen {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  overflow: auto;
  background-color: #fff; }
  #screen .perf,
  #screen .logo {
    width: 100%;
    display: flex; }
  #screen .perf {
    padding-top: 0; }
  #screen .total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 1.5625vw; }
    #screen .total span {
      font-size: 2.5vw;
      font-weight: bold;
      color: #3eb5f0; }
  #screen .logo {
    justify-content: center;
    align-items: center; }
  #screen .perf {
    padding-left: 4.6875vw;
    padding-right: 5.20833vw;
    flex-direction: row;
    justify-content: space-between; }
    #screen .perf__row {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #screen .perf__row.dance {
        min-width: 20vw; }
    #screen .perf__name {
      font-size: 2.5vw;
      font-weight: 700; }
    #screen .perf__date {
      font-size: 1.5625vw;
      font-weight: 500; }
    #screen .perf__years {
      font-size: 2.5vw;
      font-weight: 700;
      color: red; }

.hall {
  font-weight: bold; }

.left-side {
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ccc;
  background-color: #fff;
  z-index: 4; }
  .left-side .cart {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
    overflow: hidden;
    flex: 1;
    position: relative; }
    .left-side .cart:after {
      content: "";
      position: absolute;
      display: block;
      background: linear-gradient(to top, white, rgba(255, 255, 255, 0.3));
      height: 4.62963vh;
      bottom: 3.7037vh;
      left: 0;
      right: 0; }
    .left-side .cart:before {
      content: "";
      position: absolute;
      display: block;
      background: #fff;
      height: 3.7037vh;
      bottom: 0;
      left: 0;
      right: 0; }
    .left-side .cart h4 {
      font-weight: bold;
      font-size: 2.22222vmin; }
    .left-side .cart ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      .left-side .cart ul li {
        width: 100%;
        display: inline-flex;
        align-items: center;
        margin-bottom: 0.92593vh; }
        .left-side .cart ul li .number {
          border-radius: 50%;
          padding: 1vmin;
          background-color: #3eb5f0;
          color: #fff;
          font-weight: 700;
          width: 1.5625vw;
          min-width: 1.5625vw;
          max-width: 1.5625vw;
          height: 1.5625vw;
          min-height: 1.5625vw;
          max-height: 1.5625vw;
          justify-content: center;
          align-items: center;
          display: flex;
          font-size: 1.2963vmin;
          margin-right: 0.46875vw; }
        .left-side .cart ul li .name {
          font-size: 1.25vmax; }

.right-side {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 2; }
  .right-side #map {
    flex: 1;
    background-repeat: no-repeat;
    background-size: contain; }
    .right-side #map .row__name,
    .right-side #map .map__row-name {
      position: absolute;
      height: 9.25926vh;
      display: flex;
      align-items: center;
      font-size: 2.77778vmin;
      font-weight: bold; }
    .right-side #map .space {
      position: absolute;
      border-radius: 8px;
      padding: 8px;
      width: 100px;
      height: 100px; }
      .right-side #map .space.sell {
        background-color: #121229 !important;
        color: #121229 !important; }
      .right-side #map .space.noprice {
        opacity: 0.25; }
      .right-side #map .space__body {
        border-radius: 6px;
        background-color: #fff;
        font-size: 6.48148vmin;
        font-weight: 600;
        text-align: center;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .right-side #map .space__body.sell {
          color: white !important;
          background-color: #121229 !important; }
        .right-side #map .space__body.selected {
          background-color: transparent;
          color: #fff !important; }
        .right-side #map .space__body.text-value {
          font-size: 6.5vmin;
          font-weight: 900; }
        .right-side #map .space__body.start {
          justify-content: flex-start;
          font-size: 10vmin; }
  .right-side center {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .right-side center.hidden {
      position: fixed;
      display: flex !important; }
    .right-side center img {
      max-width: 40%;
      opacity: 0.05; }

.info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%; }
  .info__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 2.96296vmin;
    min-height: 2.96296vmin;
    max-height: 2.96296vmin;
    margin-left: 2.96296vmin; }
    .info__item span {
      font-size: 1.25vmax;
      font-weight: 500; }
    .info__item:first-child {
      margin-left: 0; }
    .info__item-space {
      position: unset;
      width: 2.96296vmin;
      min-width: 2.96296vmin;
      max-width: 2.96296vmin;
      height: 2.96296vmin;
      min-height: 2.96296vmin;
      max-height: 2.96296vmin;
      margin-right: 0.92593vmin;
      border-radius: 4px; }
      .info__item-space.free {
        border: 4px solid #121229; }
      .info__item-space.selected {
        background-color: #ff9933; }
      .info__item-space.sold {
        background-color: #121229; }

.left-side {
  width: 22.39583vw;
  min-width: 22.39583vw;
  max-width: 22.39583vw;
  overflow: hidden; }
  .left-side footer {
    height: 22.68519vh;
    min-height: 22.68519vh;
    max-height: 22.68519vh; }
  .left-side header {
    height: 12.5vh;
    min-height: 12.5vh;
    max-height: 12.5vh; }
    .left-side header > img {
      max-width: 13.80208vw;
      height: 6.94444vh;
      min-height: 6.94444vh;
      max-height: 6.94444vh; }

#map {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  #map .svg-bg {
    background-size: 100% auto;
    background-repeat: no-repeat; }
  #map .map {
    transition: all 0.5s ease-in-out;
    position: absolute;
    transform-origin: 50% 50%;
    margin: 0 0 0 -1.2%;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    #map .map.harry-potter {
      opacity: 0; }

footer.info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  height: 6vh;
  min-height: 6vh;
  max-height: 6vh; }

footer .text-item {
  font-size: 1.25vmax; }

footer .column {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.92593vh; }
  footer .column:last-child {
    margin-bottom: 0; }

.dances {
  width: 100%;
  margin-top: 5vh;
  padding-left: 4.6875vw;
  padding-right: 5.20833vw; }
  .dances .dance {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    padding: 2rem 0;
    font-size: 2.5vw; }
    .dances .dance__cost {
      font-weight: 700; }

.sectionMap {
  display: flex;
  max-width: 100%;
  width: 400px;
  padding: 2rem 0;
  font-size: 2.5vw; }
  .sectionMap__name {
    display: flex;
    font-size: unset; }
  .sectionMap__cost {
    font-weight: 700;
    display: flex;
    font-size: unset; }

.sectionsMap {
  display: flex;
  justify-content: space-between; }

.sectionsAllLeft {
  width: 17vw;
  margin: 5rem 8rem 0 0; }
  @media screen and (max-width: 1025px) {
    .sectionsAllLeft {
      margin: 5rem 0 0 5rem; } }

.sectionsAllRight {
  width: 17vw;
  margin: 5rem 0 0 8rem; }
  @media screen and (max-width: 1025px) {
    .sectionsAllRight {
      margin: 5rem 5rem 0 0; } }

.flexWrapper {
  /* display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; */
  display: grid;
  grid-template-columns: auto auto auto; }

.flexItem svg {
  height: 100%;
  width: auto; }

@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url("../fonts/pe-icon/Pe-icon-7-stroke.eot?d7yf1v");
  src: url("../fonts/pe-icon/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../fonts/pe-icon/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../fonts/pe-icon/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../fonts/pe-icon/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="pe-7s-"], [class*=" pe-7s-"] {
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pe-7s-album:before {
  content: "\e6aa"; }

.pe-7s-arc:before {
  content: "\e6ab"; }

.pe-7s-back-2:before {
  content: "\e6ac"; }

.pe-7s-bandaid:before {
  content: "\e6ad"; }

.pe-7s-car:before {
  content: "\e6ae"; }

.pe-7s-diamond:before {
  content: "\e6af"; }

.pe-7s-door-lock:before {
  content: "\e6b0"; }

.pe-7s-eyedropper:before {
  content: "\e6b1"; }

.pe-7s-female:before {
  content: "\e6b2"; }

.pe-7s-gym:before {
  content: "\e6b3"; }

.pe-7s-hammer:before {
  content: "\e6b4"; }

.pe-7s-headphones:before {
  content: "\e6b5"; }

.pe-7s-helm:before {
  content: "\e6b6"; }

.pe-7s-hourglass:before {
  content: "\e6b7"; }

.pe-7s-leaf:before {
  content: "\e6b8"; }

.pe-7s-magic-wand:before {
  content: "\e6b9"; }

.pe-7s-male:before {
  content: "\e6ba"; }

.pe-7s-map-2:before {
  content: "\e6bb"; }

.pe-7s-next-2:before {
  content: "\e6bc"; }

.pe-7s-paint-bucket:before {
  content: "\e6bd"; }

.pe-7s-pendrive:before {
  content: "\e6be"; }

.pe-7s-photo:before {
  content: "\e6bf"; }

.pe-7s-piggy:before {
  content: "\e6c0"; }

.pe-7s-plugin:before {
  content: "\e6c1"; }

.pe-7s-refresh-2:before {
  content: "\e6c2"; }

.pe-7s-rocket:before {
  content: "\e6c3"; }

.pe-7s-settings:before {
  content: "\e6c4"; }

.pe-7s-shield:before {
  content: "\e6c5"; }

.pe-7s-smile:before {
  content: "\e6c6"; }

.pe-7s-usb:before {
  content: "\e6c7"; }

.pe-7s-vector:before {
  content: "\e6c8"; }

.pe-7s-wine:before {
  content: "\e6c9"; }

.pe-7s-cloud-upload:before {
  content: "\e68a"; }

.pe-7s-cash:before {
  content: "\e68c"; }

.pe-7s-close:before {
  content: "\e680"; }

.pe-7s-bluetooth:before {
  content: "\e68d"; }

.pe-7s-cloud-download:before {
  content: "\e68b"; }

.pe-7s-way:before {
  content: "\e68e"; }

.pe-7s-close-circle:before {
  content: "\e681"; }

.pe-7s-id:before {
  content: "\e68f"; }

.pe-7s-angle-up:before {
  content: "\e682"; }

.pe-7s-wristwatch:before {
  content: "\e690"; }

.pe-7s-angle-up-circle:before {
  content: "\e683"; }

.pe-7s-world:before {
  content: "\e691"; }

.pe-7s-angle-right:before {
  content: "\e684"; }

.pe-7s-volume:before {
  content: "\e692"; }

.pe-7s-angle-right-circle:before {
  content: "\e685"; }

.pe-7s-users:before {
  content: "\e693"; }

.pe-7s-angle-left:before {
  content: "\e686"; }

.pe-7s-user-female:before {
  content: "\e694"; }

.pe-7s-angle-left-circle:before {
  content: "\e687"; }

.pe-7s-up-arrow:before {
  content: "\e695"; }

.pe-7s-angle-down:before {
  content: "\e688"; }

.pe-7s-switch:before {
  content: "\e696"; }

.pe-7s-angle-down-circle:before {
  content: "\e689"; }

.pe-7s-scissors:before {
  content: "\e697"; }

.pe-7s-wallet:before {
  content: "\e600"; }

.pe-7s-safe:before {
  content: "\e698"; }

.pe-7s-volume2:before {
  content: "\e601"; }

.pe-7s-volume1:before {
  content: "\e602"; }

.pe-7s-voicemail:before {
  content: "\e603"; }

.pe-7s-video:before {
  content: "\e604"; }

.pe-7s-user:before {
  content: "\e605"; }

.pe-7s-upload:before {
  content: "\e606"; }

.pe-7s-unlock:before {
  content: "\e607"; }

.pe-7s-umbrella:before {
  content: "\e608"; }

.pe-7s-trash:before {
  content: "\e609"; }

.pe-7s-tools:before {
  content: "\e60a"; }

.pe-7s-timer:before {
  content: "\e60b"; }

.pe-7s-ticket:before {
  content: "\e60c"; }

.pe-7s-target:before {
  content: "\e60d"; }

.pe-7s-sun:before {
  content: "\e60e"; }

.pe-7s-study:before {
  content: "\e60f"; }

.pe-7s-stopwatch:before {
  content: "\e610"; }

.pe-7s-star:before {
  content: "\e611"; }

.pe-7s-speaker:before {
  content: "\e612"; }

.pe-7s-signal:before {
  content: "\e613"; }

.pe-7s-shuffle:before {
  content: "\e614"; }

.pe-7s-shopbag:before {
  content: "\e615"; }

.pe-7s-share:before {
  content: "\e616"; }

.pe-7s-server:before {
  content: "\e617"; }

.pe-7s-search:before {
  content: "\e618"; }

.pe-7s-film:before {
  content: "\e6a5"; }

.pe-7s-science:before {
  content: "\e619"; }

.pe-7s-disk:before {
  content: "\e6a6"; }

.pe-7s-ribbon:before {
  content: "\e61a"; }

.pe-7s-repeat:before {
  content: "\e61b"; }

.pe-7s-refresh:before {
  content: "\e61c"; }

.pe-7s-add-user:before {
  content: "\e6a9"; }

.pe-7s-refresh-cloud:before {
  content: "\e61d"; }

.pe-7s-paperclip:before {
  content: "\e69c"; }

.pe-7s-radio:before {
  content: "\e61e"; }

.pe-7s-note2:before {
  content: "\e69d"; }

.pe-7s-print:before {
  content: "\e61f"; }

.pe-7s-network:before {
  content: "\e69e"; }

.pe-7s-prev:before {
  content: "\e620"; }

.pe-7s-mute:before {
  content: "\e69f"; }

.pe-7s-power:before {
  content: "\e621"; }

.pe-7s-medal:before {
  content: "\e6a0"; }

.pe-7s-portfolio:before {
  content: "\e622"; }

.pe-7s-like2:before {
  content: "\e6a1"; }

.pe-7s-plus:before {
  content: "\e623"; }

.pe-7s-left-arrow:before {
  content: "\e6a2"; }

.pe-7s-play:before {
  content: "\e624"; }

.pe-7s-key:before {
  content: "\e6a3"; }

.pe-7s-plane:before {
  content: "\e625"; }

.pe-7s-joy:before {
  content: "\e6a4"; }

.pe-7s-photo-gallery:before {
  content: "\e626"; }

.pe-7s-pin:before {
  content: "\e69b"; }

.pe-7s-phone:before {
  content: "\e627"; }

.pe-7s-plug:before {
  content: "\e69a"; }

.pe-7s-pen:before {
  content: "\e628"; }

.pe-7s-right-arrow:before {
  content: "\e699"; }

.pe-7s-paper-plane:before {
  content: "\e629"; }

.pe-7s-delete-user:before {
  content: "\e6a7"; }

.pe-7s-paint:before {
  content: "\e62a"; }

.pe-7s-bottom-arrow:before {
  content: "\e6a8"; }

.pe-7s-notebook:before {
  content: "\e62b"; }

.pe-7s-note:before {
  content: "\e62c"; }

.pe-7s-next:before {
  content: "\e62d"; }

.pe-7s-news-paper:before {
  content: "\e62e"; }

.pe-7s-musiclist:before {
  content: "\e62f"; }

.pe-7s-music:before {
  content: "\e630"; }

.pe-7s-mouse:before {
  content: "\e631"; }

.pe-7s-more:before {
  content: "\e632"; }

.pe-7s-moon:before {
  content: "\e633"; }

.pe-7s-monitor:before {
  content: "\e634"; }

.pe-7s-micro:before {
  content: "\e635"; }

.pe-7s-menu:before {
  content: "\e636"; }

.pe-7s-map:before {
  content: "\e637"; }

.pe-7s-map-marker:before {
  content: "\e638"; }

.pe-7s-mail:before {
  content: "\e639"; }

.pe-7s-mail-open:before {
  content: "\e63a"; }

.pe-7s-mail-open-file:before {
  content: "\e63b"; }

.pe-7s-magnet:before {
  content: "\e63c"; }

.pe-7s-loop:before {
  content: "\e63d"; }

.pe-7s-look:before {
  content: "\e63e"; }

.pe-7s-lock:before {
  content: "\e63f"; }

.pe-7s-lintern:before {
  content: "\e640"; }

.pe-7s-link:before {
  content: "\e641"; }

.pe-7s-like:before {
  content: "\e642"; }

.pe-7s-light:before {
  content: "\e643"; }

.pe-7s-less:before {
  content: "\e644"; }

.pe-7s-keypad:before {
  content: "\e645"; }

.pe-7s-junk:before {
  content: "\e646"; }

.pe-7s-info:before {
  content: "\e647"; }

.pe-7s-home:before {
  content: "\e648"; }

.pe-7s-help2:before {
  content: "\e649"; }

.pe-7s-help1:before {
  content: "\e64a"; }

.pe-7s-graph3:before {
  content: "\e64b"; }

.pe-7s-graph2:before {
  content: "\e64c"; }

.pe-7s-graph1:before {
  content: "\e64d"; }

.pe-7s-graph:before {
  content: "\e64e"; }

.pe-7s-global:before {
  content: "\e64f"; }

.pe-7s-gleam:before {
  content: "\e650"; }

.pe-7s-glasses:before {
  content: "\e651"; }

.pe-7s-gift:before {
  content: "\e652"; }

.pe-7s-folder:before {
  content: "\e653"; }

.pe-7s-flag:before {
  content: "\e654"; }

.pe-7s-filter:before {
  content: "\e655"; }

.pe-7s-file:before {
  content: "\e656"; }

.pe-7s-expand1:before {
  content: "\e657"; }

.pe-7s-exapnd2:before {
  content: "\e658"; }

.pe-7s-edit:before {
  content: "\e659"; }

.pe-7s-drop:before {
  content: "\e65a"; }

.pe-7s-drawer:before {
  content: "\e65b"; }

.pe-7s-download:before {
  content: "\e65c"; }

.pe-7s-display2:before {
  content: "\e65d"; }

.pe-7s-display1:before {
  content: "\e65e"; }

.pe-7s-diskette:before {
  content: "\e65f"; }

.pe-7s-date:before {
  content: "\e660"; }

.pe-7s-cup:before {
  content: "\e661"; }

.pe-7s-culture:before {
  content: "\e662"; }

.pe-7s-crop:before {
  content: "\e663"; }

.pe-7s-credit:before {
  content: "\e664"; }

.pe-7s-copy-file:before {
  content: "\e665"; }

.pe-7s-config:before {
  content: "\e666"; }

.pe-7s-compass:before {
  content: "\e667"; }

.pe-7s-comment:before {
  content: "\e668"; }

.pe-7s-coffee:before {
  content: "\e669"; }

.pe-7s-cloud:before {
  content: "\e66a"; }

.pe-7s-clock:before {
  content: "\e66b"; }

.pe-7s-check:before {
  content: "\e66c"; }

.pe-7s-chat:before {
  content: "\e66d"; }

.pe-7s-cart:before {
  content: "\e66e"; }

.pe-7s-camera:before {
  content: "\e66f"; }

.pe-7s-call:before {
  content: "\e670"; }

.pe-7s-calculator:before {
  content: "\e671"; }

.pe-7s-browser:before {
  content: "\e672"; }

.pe-7s-box2:before {
  content: "\e673"; }

.pe-7s-box1:before {
  content: "\e674"; }

.pe-7s-bookmarks:before {
  content: "\e675"; }

.pe-7s-bicycle:before {
  content: "\e676"; }

.pe-7s-bell:before {
  content: "\e677"; }

.pe-7s-battery:before {
  content: "\e678"; }

.pe-7s-ball:before {
  content: "\e679"; }

.pe-7s-back:before {
  content: "\e67a"; }

.pe-7s-attention:before {
  content: "\e67b"; }

.pe-7s-anchor:before {
  content: "\e67c"; }

.pe-7s-albums:before {
  content: "\e67d"; }

.pe-7s-alarm:before {
  content: "\e67e"; }

.pe-7s-airplay:before {
  content: "\e67f"; }

.dropdown-menu {
  transform: scale(1) !important;
  padding: 5px 0;
  margin: 2px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  visibility: visible;
  opacity: 1; }
  .dropdown-menu li {
    overflow: hidden;
    position: relative; }
  .dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap; }

.check-width {
  display: none; }

@media screen and (max-width: 992px) {
  .check-width {
    display: block; } }

.w-100 {
  width: 100%; }

.mb-10 {
  margin-bottom: 10px; }

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0; }

.fc-event {
  border-radius: 0;
  padding: 1px 2px;
  cursor: pointer; }

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: transparent;
  border-width: 0; }

.fc-content {
  color: #0a0a0a; }

.fc-ltr .fc-axis {
  width: 0 !important;
  font-size: 0; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: transparent; }

.fc-time-grid.fc-unselectable .fc-content-skeleton:last-child td:not(:nth-child(2)) .fc-event {
  border-left: none; }

.fc-event-container .fc-event:not(:first-child) {
  border-top: none; }

th.fc-day-header {
  background: #b8dfff; }

th.fc-resource-cell {
  background: #d5ecff; }

.negative-margin {
  margin-top: -50px; }

tr.success > td {
  background: #9f0 !important; }

tr.success * {
  font-weight: 500; }

.legend .label {
  font-size: 100%; }

.custom-dropdown {
  cursor: pointer;
  user-select: none; }
  .custom-dropdown .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    border-radius: 0;
    font-size: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    margin: 0; }
    .custom-dropdown .dropdown-menu > li > a {
      display: block;
      padding: 15px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857;
      color: #333333;
      white-space: nowrap; }
  .custom-dropdown > a .caret {
    transition: all .35s ease-in-out; }
  .custom-dropdown.open {
    background-color: #2f99fd; }
    .custom-dropdown.open > .dropdown-menu {
      opacity: 1;
      visibility: visible;
      padding: 0;
      margin: 0;
      font-size: 14px;
      border-radius: 0; }
    .custom-dropdown.open > a .caret {
      transform: rotate(180deg); }

.no-data-info {
  text-align: center;
  padding: 50px 0; }

.clients .table > thead:first-child > tr:first-child > th {
  white-space: nowrap;
  user-select: none;
  padding-left: 2px;
  padding-right: 2px; }
  .clients .table > thead:first-child > tr:first-child > th > a {
    cursor: pointer; }
  .clients .table > thead:first-child > tr:first-child > th span.caret {
    transition: all .35s ease-in-out;
    visibility: hidden;
    opacity: 0; }
  .clients .table > thead:first-child > tr:first-child > th.sort, .clients .table > thead:first-child > tr:first-child > th.desc {
    background-color: rgba(47, 153, 253, 0.07); }
    .clients .table > thead:first-child > tr:first-child > th.sort span.caret, .clients .table > thead:first-child > tr:first-child > th.desc span.caret {
      visibility: visible;
      opacity: 1; }
  .clients .table > thead:first-child > tr:first-child > th.desc span.caret {
    transform: rotate(180deg); }

.clients .table > tbody > tr > td.sort {
  background-color: rgba(47, 153, 253, 0.07); }

th.sort,
td.sort {
  background-color: rgba(47, 153, 253, 0.07); }

.caret.rotate {
  transform: rotate(180deg); }

hr.gray {
  border-top: 1px solid #e3e3e4; }

label.more-buffer {
  display: inline-block;
  padding: 0 15px;
  text-transform: capitalize;
  font-size: 12px;
  color: #09f;
  opacity: .75;
  user-select: none;
  cursor: pointer;
  font-weight: 500; }
  label.more-buffer > span {
    text-decoration: underline; }

.fast-color-picker {
  display: inline-block;
  width: 25px;
  height: 25px;
  font-size: 0;
  margin-right: 5px;
  border-radius: .25rem;
  cursor: pointer; }
  .fast-color-picker:last-child {
    margin-right: 0; }

.scanned {
  color: #6ebd58; }

.clip-text {
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis;
  /* Добавляем многоточие */ }

.pin-code .form-control:focus + .input-group-addon,
.pin-code .form-control:focus ~ .input-group-addon {
  background-color: #fff;
  border-color: #434343;
  cursor: pointer;
  user-select: none; }

.pin-code .input-group-addon {
  cursor: pointer;
  user-select: none;
  background-color: #fff; }
  .pin-code .input-group-addon:hover {
    background-color: #ffdcdc; }
  .pin-code .input-group-addon:active {
    background-color: #ffb4b4; }

@media print {
  .card {
    margin-top: 0px !important;
    margin-bottom: 0; }
  .nav-tabs {
    display: none; } }

.checkbox-large input {
  width: 20px;
  height: 20px; }

.checkbox-large .toggle {
  font-size: 1.4rem;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: super; }

.blur-disabled {
  opacity: .6;
  pointer-events: none; }

.popupTerminal {
  position: relative;
  margin: 70px auto;
  padding: 0;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  transition: all 5s ease-in-out;
  height: 200px;
  border: 2px solid gray;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  justify-content: center; }

.popupTerminal .closeTerminal {
  position: absolute;
  top: 10px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  text-decoration: none;
  color: #333;
  cursor: pointer; }

.popupTerminal .contentTerminal {
  margin: auto 20px;
  font-size: large; }

.place.sold::before {
  content: "✖";
  position: absolute;
  left: 20%;
  width: 100%;
  height: 2x;
  transform-origin: center;
  color: #000;
  font-size: x-large; }