/*# sourceMappingURL=style.css.map */
/* VARIABLES */
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100&subset=latin,cyrillic);
/* BASE SIZES */
/* BASE FONT-SIZEs */
/* BASE FONT-WEIGHT */
/* FORMS */
/* BORDER-STYLE */
/* BORDER-COLOR */
/* BOREDER-WIDTH */
/* RADIUS */
/* BACKGROUND */
/* FILED-HEIGHT */
/* FILED-HEIGHT */
/* ELEMENT FONT-SIZE */
/* HORIZONTAL PADDINGS */
/* MARGIN BOTTOM */
/* MARGIN BETWEEN INLINE ELEMENTS used with .row.lft.inline and .row.rgt.inline */
/* LABEL COLOR */
/* LABEL FONT-SIZE */
/* LABEL FONT-WEIGHT */
/* LABEL FONT */
/* BUTTONS */
/* DROPDOWNS */
/* ADAPTIVE */
html[data-useragent*='Trident'] input[type=text],
html[data-useragent*='Trident'] input[type=date],
html[data-useragent*='Trident'] input[type=datetime],
html[data-useragent*='Trident'] input[type=time],
html[data-useragent*='Trident'] input[type=email],
html[data-useragent*='Trident'] input[type=number],
html[data-useragent*='Trident'] input[type=search],
html[data-useragent*='Trident'] input[type=tel],
html[data-useragent*='Trident'] input[type=url],
html[data-useragent*='Trident'] input[type=password],
html[data-useragent*='Trident'] input[type=file],
html[data-useragent*='Trident'] select,
html[data-useragent*='Trident'] .dummy {
  padding: 0 !important;
}
.common {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
}
.tree {
  overflow: hidden;
  background: #f3f3f3;
}
.tree > ul > li:last-of-type:before {
  display: none;
}
.tree > ul > li:last-of-type:after {
  display: none;
}
.tree ul {
  position: relative;
  padding-left: 19px;
  /* PADDING OF INNER ELEMENTS */
  /*&:first-of-type {
			&:before {
				top: @val*0.5;
			}
		}*/
}
.tree ul:before {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
  width: 0px;
  height: calc(100% + 0px);
  left: 9.5px;
  top: 0;
}
.tree > ul:before {
  display: none;
}
.tree li {
  position: relative;
  padding: 0px 0;
  list-style: none;
}
.tree li:after {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
  height: 0px;
  width: 21.5px;
  top: 9.5px;
  left: -21.5px;
  z-index: 0;
}
.tree li:last-of-type:before {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
  width: 0px;
  height: 100%;
  left: -21.5px;
  top: 9.5px;
  background: #f3f3f3;
}
.tree li ul {
  padding-left: 31px;
}
.tree li .folder {
  font-size: 14px;
  color: #000;
  line-height: 19px;
  display: inline-block;
  padding-left: 31px;
  position: relative;
}
.tree li .folder:before {
  font-size: 23px;
  display: block;
  float: left;
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  line-height: 19px;
}
.tree li .folder:after {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
  width: 0px;
  left: 9.5px;
  height: 100%;
  top: 19px;
}
.tree li label {
  display: block;
}
.tree li.parent > label {
  position: relative;
}
.tree li.parent > label:before {
  display: block;
  content: "";
  position: absolute;
  background: #e4e4e4;
  width: 0px;
  left: 9.5px;
  height: 100%;
}
.tree .switch {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 19px;
  height: 19px;
  top: 0px;
  left: -31px;
  z-index: 4;
}
.tree .switch:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.65px 0 6.65px 9.5px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.tree .switch.open:before {
  border-width: 9.5px 6.65px 0 6.65px;
  border-color: #000 transparent transparent transparent;
  left: 0;
}
.tree .switch.closed + ul {
  height: 0;
  overflow: hidden;
}
.alertBig {
  position: fixed;
  top: 20vh;
  left: 50%;
  margin-left: -400px;
  width: 736px;
  padding: 32px;
  z-index: 9999;
  background: rgba(35, 43, 49, 0.9);
  color: #ccc;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  line-height: 140%;
}
.alertBig .icn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #efece5;
}
.alertBig .icn-close:hover {
  cursor: pointer;
  color: #fff;
}
.alertBig .title {
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.alertBig b {
  font-weight: 600;
  color: #fff;
}
.alertSmalls {
  position: fixed;
  left: 16px;
  bottom: 150px;
  z-index: 99999999;
  width: 400px;
}
.alertSmalls .el {
  color: #ccc;
  margin-bottom: 8px;
  padding: 16px 32px 16px 16px;
  background: rgba(35, 43, 49, 0.9);
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  line-height: 140%;
}
.alertSmalls .el b {
  font-weight: 600;
  color: #fff;
}
.alertSmalls .el .icn-close {
  position: absolute;
  top: 16px;
  right: 10px;
  color: #efece5;
}
.alertSmalls .el .icn-close:hover {
  cursor: pointer;
  color: #fff;
}
.rounded {
  border-radius: 50% 50% 50% 50%;
}
.galaxy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.galaxy-v {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.galaxy-h {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.txtover {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break {
  word-wrap: break-word;
}
.pseudo-icon {
  display: block;
  position: absolute;
  text-align: center;
  font-family: glyph;
}
.pseudo-empty {
  display: block;
  content: "";
  position: absolute;
}
.bb {
  box-sizing: border-box;
}
*::-webkit-input-placeholder {
  color: #656565;
}
*:-moz-placeholder {
  color: #656565;
}
*::-moz-placeholder {
  color: #656565;
}
*:-ms-input-placeholder {
  color: #656565;
}
input[type=text],
input[type=date],
input[type=datetime],
input[type=time],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
input[type=password],
input[type=file],
select,
.dummy,
.fld-file {
  font-size: 16.7px;
  border: 0px solid #e4e4e4;
  padding: 0 12px;
  line-height: 36px;
  background: #f3f3f3;
  height: 36px;
  border-radius: 5px;
}
.slim input[type=text],
.slim input[type=date],
.slim input[type=datetime],
.slim input[type=time],
.slim input[type=email],
.slim input[type=number],
.slim input[type=search],
.slim input[type=tel],
.slim input[type=url],
.slim input[type=password],
.slim input[type=file],
.slim select,
.slim .dummy,
.slim .fld-file {
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  padding: 0 12px;
}
input[type=text].error,
input[type=date].error,
input[type=datetime].error,
input[type=time].error,
input[type=email].error,
input[type=number].error,
input[type=search].error,
input[type=tel].error,
input[type=url].error,
input[type=password].error,
input[type=file].error,
select.error,
.dummy.error,
.fld-file.error {
  border-color: #b0d400;
}
textarea {
  font-size: 16.7px;
  border: 0px solid #e4e4e4;
  padding: 12px;
  background: #f3f3f3;
  border-radius: 5px;
}
label.w-100:not(.radiobox):not(.trigger):not(.fld-file) {
  margin-bottom: 2px;
  line-height: 12px;
}
@media screen and (min-width: 1024px) {
  label:not(.w-100):not(.radiobox):not(.value):not(.trigger):not(.fld-file) {
    line-height: 36px;
    font-size: 12px;
  }
}
label:not(.select):not(.radiobox):not(.trigger):not(.value):not(.fld-file) {
  font-family: 12px;
  font-weight: 100;
  color: #000;
  font-size: 12px;
}
label .error {
  color: #b0d400;
}
.fld-box {
  margin-bottom: 20px;
}
.fld-fieldset {
  margin-bottom: 20px;
  cursor: pointer;
}
.fld-fieldset .fld-box {
  margin-bottom: 0;
}
.fld-fieldset .btn {
  margin-top: 14px;
  margin-bottom: 0;
}
.fld-file {
  position: relative;
  cursor: pointer;
  display: block;
  padding-right: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fld-file input[type="file"] {
  display: none;
  cursor: pointer!important;
}
.fld-file:after {
  font-family: glyph;
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 36px;
  top: 0px;
  right: 0px;
  content: "\63";
  font-size: 22px;
  color: #e4e4e4;
  text-align: center;
  z-index: 4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.fld-file .value {
  font-size: 16.7px;
}
.select:before {
  content: "\31";
  position: absolute;
  font-family: glyph;
  font-size: 22px;
  color: #e4e4e4;
  line-height: 36px;
  height: 36px;
  width: 36px;
  top: 0px;
  right: 0;
  text-align: center;
}
.preloader {
  z-index: 9999999999999;
}
.preloader .size {
  height: 32px;
  width: 32px;
}
.preloader:before {
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  content: '';
  background: #fff;
  z-index: 1;
}
.preloader:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  border-radius: 50% 50% 50% 50%;
  background: rgba(0, 0, 0, 0.75);
  content: '';
  z-index: 0;
}
.preloader i {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../../../core/i/loader_32_1.png");
  z-index: 2;
}
.preloader i {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: load-4;
  -moz-animation-name: load-4;
  -ms-animation-name: load-4;
  -o-animation-name: load-4;
  animation-name: load-4;
  -webkit-animation-duration: 2000ms;
  -moz-animation-duration: 2000ms;
  -ms-animation-duration: 2000ms;
  -o-animation-duration: 2000ms;
}
@keyframes load-4 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes load-4 {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes load-4 {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes load-4 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* BASIC ELEMENT - <textarea> , <input>, <select> */
.radiobox {
  margin-bottom: 20px;
  line-height: 19px;
  height: 19px;
}
.radiobox.nm {
  margin-bottom: 0;
}
li .radiobox {
  width: 100%;
}
.radiobox span {
  font-size: 14px;
  text-transform: none;
  padding-left: 31px;
  line-height: 19px;
}
.radiobox input + span:before {
  width: 19px;
  height: 19px;
  border: 0px solid #e4e4e4;
  box-sizing: border-box;
  background: #fff;
}
.radiobox input[type=radio]:checked + span:after {
  width: 8px;
  height: 8px;
  background: #000;
  top: 5.5px;
  left: 5.5px;
}
.radiobox input[type=checkbox]:checked + span:after {
  font-family: glyph;
  content: "\42";
  color: #000;
  top: 0px;
  left: 0px;
  font-size: 19px;
}
.radiobox input[type=radio] + span:before {
  border-radius: 50% 50% 50% 50%;
}
.radiobox input[type=radio]:checked + span:after {
  border-radius: 50% 50% 50% 50%;
}
.radiobox:last-of-type {
  margin-bottom: 0;
}
.trigger {
  margin-bottom: 20px;
  line-height: 36px;
  padding: 5px 0;
}
.trigger.nm {
  margin-bottom: 0;
}
.trigger span {
  background: #f3f3f3;
  border: 0px solid #e4e4e4;
  transition: 0.3s;
  border-radius: 14px;
  height: 25px;
  width: 37.5px;
  /*padding:@ctrl-border-width;*/
  overflow: hidden;
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.25);
  box-sizing: content-box;
}
.trigger input {
  display: none !important;
}
.trigger input + span:before {
  width: 25px;
  height: 25px;
  /*border: @ctrl-border-width @ctrl-border-style @ctrl-border-color;*/
  box-sizing: border-box;
  background: #f3f3f3;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  border-radius: 50% 50% 50% 50%;
  /*left:@ctrl-border-width;*/
  left: 0;
  transition: 0.2s;
}
.trigger input:checked + span {
  border-color: #000;
  background: #000;
}
.trigger input:checked + span:before {
  margin-left: 12.5px;
}
.trigger:last-of-type {
  margin-bottom: 0;
}
.btn {
  background: transparent;
  margin-bottom: 20px;
  border-radius: 5px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
  /* &:hover {background:darken(@ctrl-border-color, 5%);}
		&:active {background:darken(@ctrl-border-color, 20%);} */
  /* BUTTON SIZES - DELETE UNNESSESARY xs s m l xl */
  /* BUTTON STYLES - DELETE UNNESSESARY */
}
.btn:not(.btn-icn) {
  font-family: "Corpid", Arial, Helvetica, sans serif;
  padding: 0 12px;
}
.btn.btn-xs {
  font-size: 11px;
  height: 24px;
  line-height: 24px;
}
.btn.btn-xs .icon {
  position: relative;
}
.btn.btn-xs .icon:before {
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xs.btn-icn {
  width: 24px;
  font-size: 17px;
  line-height: 26px;
  position: relative;
}
.btn.btn-xs.btn-icn:before {
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xs.btn-icn:before {
  top: 0px;
  left: 0px;
}
.btn.btn-xs.btn-icn-left {
  position: relative;
  text-align: left;
  padding-left: 36px;
}
.btn.btn-xs.btn-icn-left:before {
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xs.btn-icn-left:before {
  left: 0;
  top: auto;
  font-size: 15px;
}
.btn.btn-xs.btn-icn-right {
  position: relative;
  text-align: left;
  padding-right: 36px;
}
.btn.btn-xs.btn-icn-right:before {
  display: block;
  position: absolute;
  height: 24px;
  width: 24px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xs.btn-icn-right:before {
  right: 0;
  top: auto;
  font-size: 15px;
}
.btn.btn-s {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.btn.btn-s .icon {
  position: relative;
}
.btn.btn-s .icon:before {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-s.btn-icn {
  width: 30px;
  font-size: 21px;
  line-height: 32px;
  position: relative;
}
.btn.btn-s.btn-icn:before {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-s.btn-icn:before {
  top: 0px;
  left: 0px;
}
.btn.btn-s.btn-icn-left {
  position: relative;
  text-align: left;
  padding-left: 42px;
}
.btn.btn-s.btn-icn-left:before {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-s.btn-icn-left:before {
  left: 0;
  top: auto;
  font-size: 16px;
}
.btn.btn-s.btn-icn-right {
  position: relative;
  text-align: left;
  padding-right: 42px;
}
.btn.btn-s.btn-icn-right:before {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-s.btn-icn-right:before {
  right: 0;
  top: auto;
  font-size: 16px;
}
.btn.btn-m {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.btn.btn-m .icon {
  position: relative;
}
.btn.btn-m .icon:before {
  display: block;
  position: absolute;
  height: 36px;
  width: 36px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-m.btn-icn {
  width: 36px;
  font-size: 25px;
  line-height: 38px;
  position: relative;
}
.btn.btn-m.btn-icn:before {
  display: block;
  position: absolute;
  height: 36px;
  width: 36px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-m.btn-icn:before {
  top: 0px;
  left: 0px;
}
.btn.btn-m.btn-icn-left {
  position: relative;
  text-align: left;
  padding-left: 48px;
}
.btn.btn-m.btn-icn-left:before {
  display: block;
  position: absolute;
  height: 36px;
  width: 36px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-m.btn-icn-left:before {
  left: 0;
  top: auto;
  font-size: 18px;
}
.btn.btn-m.btn-icn-right {
  position: relative;
  text-align: left;
  padding-right: 48px;
}
.btn.btn-m.btn-icn-right:before {
  display: block;
  position: absolute;
  height: 36px;
  width: 36px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-m.btn-icn-right:before {
  right: 0;
  top: auto;
  font-size: 18px;
}
.btn.btn-l {
  font-size: 16px;
  height: 46px;
  line-height: 46px;
}
.btn.btn-l .icon {
  position: relative;
}
.btn.btn-l .icon:before {
  display: block;
  position: absolute;
  height: 46px;
  width: 46px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-l.btn-icn {
  width: 46px;
  font-size: 31px;
  line-height: 48px;
  position: relative;
}
.btn.btn-l.btn-icn:before {
  display: block;
  position: absolute;
  height: 46px;
  width: 46px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-l.btn-icn:before {
  top: 0px;
  left: 0px;
}
.btn.btn-l.btn-icn-left {
  position: relative;
  text-align: left;
  padding-left: 58px;
}
.btn.btn-l.btn-icn-left:before {
  display: block;
  position: absolute;
  height: 46px;
  width: 46px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-l.btn-icn-left:before {
  left: 0;
  top: auto;
  font-size: 20px;
}
.btn.btn-l.btn-icn-right {
  position: relative;
  text-align: left;
  padding-right: 58px;
}
.btn.btn-l.btn-icn-right:before {
  display: block;
  position: absolute;
  height: 46px;
  width: 46px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-l.btn-icn-right:before {
  right: 0;
  top: auto;
  font-size: 20px;
}
.btn.btn-xl {
  font-size: 24px;
  height: 72px;
  line-height: 72px;
}
.btn.btn-xl .icon {
  position: relative;
}
.btn.btn-xl .icon:before {
  display: block;
  position: absolute;
  height: 72px;
  width: 72px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xl.btn-icn {
  width: 72px;
  font-size: 47px;
  line-height: 74px;
  position: relative;
}
.btn.btn-xl.btn-icn:before {
  display: block;
  position: absolute;
  height: 72px;
  width: 72px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xl.btn-icn:before {
  top: 0px;
  left: 0px;
}
.btn.btn-xl.btn-icn-left {
  position: relative;
  text-align: left;
  padding-left: 84px;
}
.btn.btn-xl.btn-icn-left:before {
  display: block;
  position: absolute;
  height: 72px;
  width: 72px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xl.btn-icn-left:before {
  left: 0;
  top: auto;
  font-size: 28px;
}
.btn.btn-xl.btn-icn-right {
  position: relative;
  text-align: left;
  padding-right: 84px;
}
.btn.btn-xl.btn-icn-right:before {
  display: block;
  position: absolute;
  height: 72px;
  width: 72px;
  text-align: center;
  opacity: 1;
  margin: 0;
}
.btn.btn-xl.btn-icn-right:before {
  right: 0;
  top: auto;
  font-size: 28px;
}
.btn.btn-normal {
  color: #fff;
  border-color: #000001;
  background: #1a1834;
}
.btn.btn-normal:hover {
  background: #090723;
}
.btn.btn-normal:active {
  background: #000012;
}
.btn.btn-accept {
  color: #fff;
  border-color: #252628;
  background: #58595b;
}
.btn.btn-accept:hover {
  background: #47484a;
}
.btn.btn-accept:active {
  background: #363739;
}
.btn.btn-decline {
  color: #fff;
  border-color: #7da100;
  background: #b0d400;
}
.btn.btn-decline:hover {
  background: #9fc300;
}
.btn.btn-decline:active {
  background: #8eb200;
}
.btn.btn-warning {
  color: #fff;
  border-color: #b00000;
  background: #e30611;
}
.btn.btn-warning:hover {
  background: #d20000;
}
.btn.btn-warning:active {
  background: #c10000;
}
.fld .msg {
  font-size: 14px;
  padding: 8px;
  /* ERROR APPEARNCE*/
}
.fld .msg.p-top {
  margin-bottom: 14px;
}
.fld .msg.p-top:after {
  border-color: #b0d400 transparent transparent transparent;
}
.fld .msg.p-right {
  margin-left: 14px;
}
.fld .msg.p-right:after {
  border-color: transparent #b0d400 transparent transparent;
}
.fld .msg.p-bottom {
  margin-top: 14px;
}
.fld .msg.p-bottom:after {
  border-color: transparent transparent #b0d400 transparent;
}
.fld .msg.p-left {
  margin-right: 14px;
}
.fld .msg.p-left:after {
  border-color: transparent transparent transparent #b0d400;
}
.fld .msg.msg-error {
  background: #b0d400;
  color: #fff;
  font-weight: 500;
}
.spinner .spin {
  position: absolute;
  /*background:lighten(@ctrl-border-color, 5%);*/
  height: 36px;
  width: 36px;
  right: 0px;
  top: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.spinner .spin span {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  right: 0;
  cursor: pointer;
}
.spinner .spin span:after {
  font-family: glyph;
  position: absolute;
  font-size: 22px;
  color: #e4e4e4;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 18px;
  margin-left: 0px;
}
.spinner .spin span.minus {
  bottom: 0;
  margin-bottom: 2.16px;
}
.spinner .spin span.minus:after {
  content: "\F0024";
}
.spinner .spin span.plus {
  top: 0;
  margin-top: 2.16px;
}
.spinner .spin span.plus:after {
  content: "\F0025";
}
.datepicker {
  position: relative;
}
.datepicker input {
  padding-right: 34px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
@media screen and (min-width: 1024px) {
  .datepicker input {
    width: 135px;
  }
}
.datepicker .icn-date {
  font-size: 22px;
  cursor: pointer;
  color: #e4e4e4;
  top: 0px;
  right: 0px;
  position: absolute;
  width: 36px;
  height: 36px;
}
.datepicker .icn-date:before {
  opacity: 1;
  height: 32px;
  line-height: 32px;
  width: 32px;
  display: block;
  text-align: center;
}
.datepicker.dp-h {
  float: left;
  margin-right: 16px;
}
@media screen and (max-width: 639px) {
  .datepicker.dp-h {
    margin-bottom: 8px;
  }
}
.datepicker.dp-h label {
  margin-right: 5.33333333px;
}
.datepicker.dp-h:last-of-type {
  margin-right: 0;
}
.datepicker.dp-v {
  float: left;
  margin-bottom: 8px;
}
@media screen and (max-width: 639px) {
  .datepicker.dp-v {
    margin-right: 0;
  }
}
.datepicker.dp-v label {
  margin-right: 5.33333333px;
}
.datepicker.dp-v:nth-of-type(2) {
  clear: left;
  margin-bottom: 0;
}
.dp__picker {
  display: block;
  position: absolute;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  z-index: 100000000;
}
.dp__body {
  background-color: white;
}
.dp__head {
  display: block;
  height: 24px;
  background-color: #fff;
  line-height: 24px;
  position: relative;
}
.dp__period {
  font-size: 14px;
  left: 45px;
  right: 45px;
  font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans serif;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
}
.dp__prev,
.dp__next,
.dp__period {
  text-align: center;
  display: block;
  position: absolute;
  line-height: 32px;
  cursor: pointer;
}
.dp__prev,
.dp__next {
  width: 32px;
}
.dp__prev {
  left: 15px;
}
.dp__next {
  right: 15px;
}
.dp__month,
.dp__year,
.dp__decade,
.dp__century {
  display: block;
  padding: 4px 12px;
  color: #545250;
  font-size: 12px;
}
.dp__month__head {
  display: block;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #ECECEC;
}
.dp__month__head,
.dp__month .dp__row {
  height: 24px;
  display: block;
}
.dp__month .dp__row span,
.dp__month__head span {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.dp__month__head span {
  font-weight: 600;
  font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans serif;
}
.dp__month__head span,
.dp__row span {
  cursor: pointer;
  float: left;
  display: block;
  text-align: center;
}
.dp__row span:hover {
  background-color: #f3f3f3;
}
.dp__other,
.dp__other.dp__6,
.dp__other.dp__7,
.dp__other.dp__0 {
  color: #ececec;
}
.dp__6,
.dp__7,
.dp__0 {
  color: #b0d400;
}
span.dp__selected {
  color: #FFF;
  background-color: #58595b;
}
span.dp__selected:hover {
  background-color: #58595b;
  color: #fff;
}
span.dp__selected:active:hover {
  background-color: #58595b;
  outline: none;
}
.dp__year .dp__row,
.dp__decade .dp__row,
.dp__century .dp__row {
  height: 24px;
}
.dp__year span,
.dp__decade span,
.dp__century span {
  width: 55px;
  line-height: 24px;
  height: 24px;
}
.dp__century span {
  line-height: 24px;
  vertical-align: middle;
  height: 24px;
  padding: 0px 14px;
  text-align: left;
  width: 54px;
}
.smartSelect {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.smartSelect .dummy {
  font-size: 0;
  line-height: 0;
  padding-right: 36px;
}
.smartSelect .dummy:before {
  content: "\2e";
  position: absolute;
  font-family: glyph;
  font-size: 22px;
  color: #e4e4e4;
  line-height: 36px;
  height: 36px;
  width: 36px;
  top: 0px;
  right: 0;
  text-align: center;
}
.smartSelect .selectedValues {
  display: block;
  border: 0;
  padding: 0;
  line-height: 36px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartSelect .selectedValues span {
  line-height: 36px;
  font-size: 16.7px;
}
.smartSelect .selectedValues span:after {
  content: '\002c\00a0';
}
.smartSelect .selectedValues span:last-of-type:after {
  display: none;
}
.smartSelect .selectedValues span:first-of-type {
  display: none;
}
.smartSelect .selectedValues span:last-of-type {
  display: inline;
}
.smartSelect.allowSearch .dummy {
  padding-right: 72px;
}
.smartSelect.allowSearch:before {
  font-family: glyph;
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 18px;
  top: 0px;
  right: 36px;
  content: "\3D";
  font-size: 22px;
  color: #e4e4e4;
  text-align: center;
  z-index: 4;
}
.smartSelect.allowSearch .smartSearch {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
}
.smartSelect .dd-content {
  top: 100%;
  width: 100%;
  right: 0;
  left: 0;
  background: #f3f3f3;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.smartSelect .dd-content label:first-of-type span {
  border-top: 0!important;
}
.smartSelect .dd-content label:not(.radiobox) {
  width: 100%;
}
.smartSelect .dd-content label:not(.radiobox) span {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 12px;
  vertical-align: middle;
  background: #f3f3f3;
  color: #033d4c;
  font: 12px "Corpid", Arial, Helvetica, sans serif;
  border-top: 1px solid #e4e4e4;
  transition: 0.2s;
}
.smartSelect .dd-content label:not(.radiobox) span:hover {
  background: #e6e6e6;
  color: #033d4c;
}
.smartSelect .dd-content label:not(.radiobox) span.selectedValue {
  display: none;
}
.smartSelect .dd-content label:not(.radiobox) input:checked + span {
  background: #dadada;
  color: #033d4c;
  position: relative;
}
.smartSelect .dd-content label:not(.radiobox) input:checked + span:after {
  font-family: "glyph";
  content: "\42";
  margin-right: 12px;
  position: absolute;
  right: 12px;
}
.smartSelect .dd-content .nano {
  height: 210px;
  /*overflow:hidden;*/
}
.smartSelect.disabled .dummy {
  background-color: #efefef;
}
.smartSelect.disabled .dd-trigger {
  cursor: not-allowed;
}
.smartSearch {
  width: 100%;
  position: relative;
}
.smartSearch input {
  width: 100%;
}
.smartSearch:after {
  font-family: glyph;
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 36px;
  top: 0px;
  right: 0px;
  content: "\31";
  font-size: 22px;
  color: #e4e4e4;
  text-align: center;
  z-index: 4;
}
.typeAhead input,
.addressPicker input,
.smartFilter input {
  width: 100%;
}
.typeAhead .dd-content,
.addressPicker .dd-content,
.smartFilter .dd-content {
  position: absolute;
  top: 100%;
  width: 100%;
  right: 0;
  left: 0;
  background: #f3f3f3;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 5;
}
.typeAhead .dd-content .value,
.addressPicker .dd-content .value,
.smartFilter .dd-content .value {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 12px;
  background: #f3f3f3;
  color: #033d4c;
  font: 12px "Corpid", Arial, Helvetica, sans serif;
  border-top: 1px solid #e4e4e4;
  transition: 0.2s;
}
.typeAhead .dd-content .value:hover,
.addressPicker .dd-content .value:hover,
.smartFilter .dd-content .value:hover {
  background: #e6e6e6;
  color: #033d4c;
}
.typeAhead .dd-content .value:first-of-type,
.addressPicker .dd-content .value:first-of-type,
.smartFilter .dd-content .value:first-of-type {
  border-top: 0!important;
}
.typeAhead .nano,
.addressPicker .nano,
.smartFilter .nano {
  height: 210px;
}
.smartFilter {
  height: 36px;
  border: 0px solid #e4e4e4;
  border-radius: 5px;
}
.smartFilter > * {
  display: block;
  float: left;
  height: 36px;
}
.smartFilter > *:not(.fValue) {
  padding: 0 12px;
  background: rgba(228, 228, 228, 0.25);
  border-left: 0px solid rgba(228, 228, 228, 0.75);
  position: relative;
}
.smartFilter > *:not(.fValue):hover {
  background: rgba(228, 228, 228, 0.5);
}
.smartFilter > *:not(.fValue):first-of-type {
  border-left: 0;
}
.smartFilter input {
  border: 0;
  height: 36px;
  border-left: 0px solid rgba(228, 228, 228, 0.75);
}
.smartFilter .selectedValue {
  font-size: 16.7px;
  line-height: 36px;
  height: 36px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.smartFilter .selectedValue:before {
  font-family: "glyph";
  content: "\31";
  font-size: 22px;
  position: relative;
  color: #e4e4e4;
  width: 12px;
  line-height: 36px;
  height: 36px;
  left: -6px;
}
.smartFilter .fAddMore {
  cursor: pointer;
}
.smartFilter .fAddMore:before {
  content: "+";
  line-height: 36px;
  height: 36px;
  font-size: 16.7px;
  font-weight: 600;
}
.privacy > label {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-bottom: 0!important;
}
.privacy > label span {
  position: absolute;
  width: 100%;
  height: 100%;
}
.privacy > label span:before {
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-align: center;
  display: block;
  padding: 0;
  font-family: "glyph";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 23px;
}
.privacy label input[type=checkbox] + span:before {
  content: "\F0014";
}
.privacy label input[type=checkbox]:checked + span:before {
  content: "\F0033";
  color: #167b9c;
}
.privacy label input[type=checkbox]:checked + span:after {
  display: none;
}
.loader .pseudo {
  content: '';
  display: block;
  position: absolute;
}
.loader.btn {
  position: relative;
  text-indent: -9999px;
  cursor: default;
}
.loader.btn .size {
  width: 18px;
  height: 5px;
}
.loader.btn pre {
  display: block;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 5px;
  max-width: 30%;
  -webkit-animation: load-btn 0.7s infinite linear;
  -moz-animation: load-btn 0.7s infinite linear;
  -ms-animation: load-btn 0.7s infinite linear;
  -o-animation: load-btn 0.7s infinite linear;
  animation: load-btn 0.7s infinite linear;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -ms-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.loader.btn pre:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: calc(100% + 0px);
  -webkit-animation: load-btn 0.7s infinite linear;
  -moz-animation: load-btn 0.7s infinite linear;
  -ms-animation: load-btn 0.7s infinite linear;
  -o-animation: load-btn 0.7s infinite linear;
  animation: load-btn 0.7s infinite linear;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loader.btn pre:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: calc(100% + 0px);
  -webkit-animation: load-btn 0.7s infinite linear;
  -moz-animation: load-btn 0.7s infinite linear;
  -ms-animation: load-btn 0.7s infinite linear;
  -o-animation: load-btn 0.7s infinite linear;
  animation: load-btn 0.7s infinite linear;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
.loader.haveLoader ~ div:after,
.loader.haveLoader ~ div:before {
  display: none;
}
.loader.haveLoader pre {
  position: absolute;
  height: 0px;
  width: 12px;
  top: 0px;
  right: 54px;
  display: block;
  overflow: visible;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 30%;
  -webkit-animation: load-fld 0.7s infinite linear;
  -moz-animation: load-fld 0.7s infinite linear;
  -ms-animation: load-fld 0.7s infinite linear;
  -o-animation: load-fld 0.7s infinite linear;
  animation: load-fld 0.7s infinite linear;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -ms-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.loader.haveLoader pre:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: calc(100% + 0px);
  -webkit-animation: load-fld 0.7s infinite linear;
  -moz-animation: load-fld 0.7s infinite linear;
  -ms-animation: load-fld 0.7s infinite linear;
  -o-animation: load-fld 0.7s infinite linear;
  animation: load-fld 0.7s infinite linear;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loader.haveLoader pre:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: calc(100% + 0px);
  -webkit-animation: load-fld 0.7s infinite linear;
  -moz-animation: load-fld 0.7s infinite linear;
  -ms-animation: load-fld 0.7s infinite linear;
  -o-animation: load-fld 0.7s infinite linear;
  animation: load-fld 0.7s infinite linear;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
@keyframes load-fld {
  from {
    background: #e4e4e4;
  }
  to {
    background: rgba(228, 228, 228, 0.1);
  }
}
@keyframes load-btn {
  from {
    background: rgba(255, 255, 255, 0.9);
  }
  to {
    background: rgba(255, 255, 255, 0.1);
  }
}
* {
  box-sizing: border-box;
}
header,
footer {
  position: fixed;
  width: 100%;
}
header {
  top: 0;
}
footer {
  bottom: 0;
}
nav {
  position: absolute;
}
nav.nav-horizontal {
  width: 100%;
}
nav.nav-horizontal + .layout {
  width: 100%;
}
.desktop {
  position: absolute;
  width: 100%;
}
.layout {
  position: absolute;
  overflow: hidden;
  display: flex;
}
.flex-row {
  display: flex;
}
.workspace {
  display: flex;
  flex-flow: column wrap;
  /*overflow: hidden*/
  position: relative;
}
.workspace > * {
  flex: 0 0 auto;
}
.workarea {
  /*overflow: hidden*/
  position: relative;
  flex: 1 1 auto;
  /*height: 100%;*/
}
.workarea:empty {
  flex: 0 0 auto;
}
.workspace table {
  display: table;
}
.tabs {
  width: 100%;
  text-align: left;
}
.tabs li {
  display: inline-block;
  list-style: none;
}
.tabs li a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.customScroll {
  width: 100%;
  height: 100%;
}
.customScroll .scroll-bar {
  position: absolute;
  z-index: 1;
}
.customScroll .scroll-bar.vertical {
  right: 0;
  cursor: pointer;
}
.customScroll .scroll-bar.horizontal {
  bottom: 0;
  cursor: pointer;
}
.customScroll .thumb {
  cursor: pointer;
}
.customScroll.vertical-only .overview {
  width: 100%;
}
.tableContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tableHeader {
  position: absolute;
}
header {
  height: 64px;
  z-index: 2;
}
footer {
  height: 32px;
}
nav {
  position: absolute;
}
nav .height {
  height: calc(100vh - 96px);
}
nav.nav-vertical {
  width: 128px;
  top: 64px;
  height: calc(100vh - 96px);
}
nav.nav-vertical + .layout {
  height: calc(100vh - 96px);
  width: calc(100% - 128px);
  left: 128px;
  top: 64px;
}
nav.nav-horizontal {
  width: 100%;
  height: 128px;
  top: 64px;
}
nav.nav-horizontal + .layout {
  width: 100%;
  height: calc(100vh - 224px);
  top: 192px;
}
.desktop {
  top: 64px;
  height: calc(100vh - 96px);
}
.tableHeader {
  height: 20px;
}
.tableBody {
  margin-top: 20px;
}
@font-face {
  font-family: "Corpid";
  src: url("../f/CorpidE1SCd_Regular.eot");
  src: url("../f/CorpidE1SCd_Regular.eot?#iefix") format("embedded-opentype"), url("../f/CorpidE1SCd_Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Corpid";
  src: url("../f/CorpidE1SCd_Light.eot");
  src: url("../f/CorpidE1SCd_Light.eot?#iefix") format("embedded-opentype"), url("../f/CorpidE1SCd_Light.woff") format("woff");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Corpid";
  src: url("../f/CorpidE1SCd_Bold.eot");
  src: url("../f/CorpidE1SCd_Bold.eot?#iefix") format("embedded-opentype"), url("../f/CorpidE1SCd_Bold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
.rounded {
  border-radius: 50% 50% 50% 50%;
}
.galaxy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.galaxy-v {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.galaxy-h {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.txtover {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break {
  word-wrap: break-word;
}
.after-abs,
.before-abs {
  display: block;
  position: absolute;
  text-align: center;
  font-family: glyph;
}
.bb {
  box-sizing: border-box;
}
.nln {
  display: inline-block;
}
*::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
*:-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
*::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
*:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
input:focus::-webkit-input-placeholder {
  color: #fff;
}
input:focus:-moz-placeholder {
  color: #fff;
}
input:focus::-moz-placeholder {
  color: #fff;
}
input:focus:-ms-input-placeholder {
  color: #fff;
}
a {
  color: #297db7;
}
body {
  font-size: 14px;
  font-family: "Corpid", Arial, Helvetica, sans serif;
}
.rgt .btn {
  margin-left: 20px;
}
.lft .btn {
  margin-right: 20px;
}
header {
  padding: 0;
  border-bottom: 1px solid #555660;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  header {
    display: none;
  }
}
header .logo {
  position: absolute;
  left: 235px;
  width: 210px;
  margin: auto;
}
header .logo img {
  height: 64px;
}
header .logo span {
  color: #fff;
  font-weight: 800;
  font-size: 17px;
  line-height: 34px;
  margin-left: 8px;
  background: #e30613;
  padding: 0 8px;
  margin-top: 15px;
}
header .logo span em {
  font-weight: 100;
}
.nano > .nano-pane {
  width: 6px;
  background: #a2a3ac;
  border-radius: 6px;
}
.nano > .nano-pane .nano-slider {
  margin: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
.layout {
  width: calc(100% - 160px) !important;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .layout {
    width: calc(100% - 16px) !important;
    height: calc(100vh - 48px) !important;
    left: 8px!important;
    top: 32px!important;
  }
}
.desktop {
  padding: 32px 0;
}
nav {
  background: #3D3E45;
  padding: 16px 0 0 0;
}
nav .navi {
  width: 100%;
}
nav .navi li {
  width: 100%;
  display: block;
  width: 128px;
  position: relative;
}
nav .navi li.current a {
  background: #b0d400;
  color: #ffffff;
  border-color: transparent;
}
nav .navi li.current a .icon {
  filter: invert(1);
}
nav .navi li.current a span {
  color: #1a1834;
}
nav .navi p {
  display: none;
}
nav .navi a {
  display: inline-block;
  font-size: 10px;
  width: 100%;
  line-height: 36px;
  color: #181a1f;
  background: #ffffff;
  text-decoration: none;
  font-weight: 400;
  transition: 0.2s;
  padding: 0 8px;
}
nav .navi a:hover {
  color: #ffffff;
  background: #3D3E45;
}
nav .navi a:hover span {
  color: #1a1834;
}
nav .scroll-bar {
  margin-right: 2px;
}
.workarea {
  background: #ffffff;
}
.tabs {
  position: relative;
}
.tabs:before {
  display: block;
  content: "";
  width: 100%;
  position: absolute;
  height: 1px;
  background: #ededed;
  bottom: 15px;
}
.tabs ul {
  text-align: left;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .tabs ul {
    text-align: justify;
  }
}
.tabs li {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabs li:first-of-type a {
  margin-left: 0;
}
.tabs a {
  line-height: 40px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  margin: 0 8px;
  border-bottom: 2px solid transparent;
  color: #666;
}
.tabs a.selected {
  color: #1a1834;
  border-bottom: 6px solid #b0d400;
  font-weight: 600;
}
.tabs a.selected sup {
  display: none;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .tabs a {
    margin: 0;
    line-height: 24px;
    font-size: 12px;
    font-weight: 600;
  }
  .tabs a sup {
    display: none;
  }
  .tabs a.selected {
    border-bottom: 0;
    color: #b0d400;
  }
}
.tabs a sup {
  color: #6bb9f0;
}
.tabs a span {
  font-size: 11px;
  font-weight: 400;
}
.breadcrumbs {
  background: #ffffff;
  padding: 16px 24px 0 24px;
}
.breadcrumbs ul {
  text-align: left;
}
.breadcrumbs li {
  margin-right: 4px;
  position: relative;
  font-size: 14px;
  font-weight: 100;
}
.breadcrumbs li a {
  font-size: 14px;
}
.breadcrumbs li:after {
  border: solid transparent;
  content: "/";
  padding-left: 4px;
  pointer-events: none;
}
.breadcrumbs li:last-of-type:after {
  display: none;
}
.controls {
  background: #fff;
  padding: 16px 24px;
  text-align: left;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .controls {
    padding: 8px;
  }
}
.controls.rgt .btn {
  margin-right: 0;
}
.controls .btn {
  margin-bottom: 0;
  margin-right: 8px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .controls .btn {
    width: 48%;
  }
}
.controls label {
  margin-right: 8px;
  line-height: 30px !important;
}
.controls + .workarea .workblock .tblGrid {
  padding-top: 0;
}
.filters {
  padding: 16px 24px;
  text-align: left;
  background: #fff;
  height: 36px;
  box-sizing: content-box;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .filters {
    padding: 8px;
    height: auto;
  }
  .filters label:not(.value) {
    display: none;
  }
  .filters .fld-box {
    width: 48%;
    margin-bottom: 8px!important;
  }
  .filters .fld-box:nth-last-child(1) {
    margin-bottom: 0!important;
    margin-left: 4%;
  }
  .filters .fld-box:nth-last-child(3) {
    margin-bottom: 0!important;
  }
  .filters .fld-box:nth-last-child(5) {
    margin-left: 4%;
  }
  .filters .fld-box:nth-last-child(5) {
    margin-left: 4%;
  }
  .filters .fld-box:first-of-type {
    margin-left: 0;
  }
  .filters .combo-box {
    margin-bottom: 8px;
    width: 100%;
  }
}
.filters + .workarea .workblock .tblGrid {
  padding-top: 0;
}
.filters .inactive {
  background: transparent;
  border: 1px solid #e4e4e4;
  cursor: default;
}
.filters .inactive:hover {
  background: transparent !important;
}
.filters .inactive:before {
  color: #e4e4e4;
}
.filters .fld-box {
  margin-bottom: 0;
}
.filters .fld-box + .btn {
  margin-right: 32px;
  margin-bottom: 0;
  margin-left: 2px;
}
.filters .btn {
  margin-bottom: 0;
  margin-right: 24px;
}
.filters .combo-box .btn {
  margin-right: 0;
}
.filters label {
  margin-right: 8px;
}
.filters .icn-settings {
  position: absolute !important;
  right: 16px;
  background: transparent;
  color: #58595b;
}
.filters .icn-settings:hover {
  background: transparent !important;
  color: #e30611;
}
.filters .icn-settings:before {
  font-size: 32px;
}
.filters .group-ops.inactive {
  background: transparent;
}
.filters .group-ops:before {
  top: -1px !important;
  left: -1px !important;
  font-size: 22px;
}
.filters .active_filter .dummy {
  border-color: #e30613;
  color: #e30613;
}
.filters .active_filter .dummy:before {
  color: #e30613;
}
.filters input.active_filter {
  color: #e30613;
  border-color: #e30613;
}
label.value span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn {
  border: 0;
}
.tblBody + .tblBody {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 2px dashed #1a1834;
}
.forms {
  padding: 0 24px 24px 24px !important;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .forms {
    padding: 0 8px 8px 8px !important;
  }
}
.forms .tblBody {
  padding-right: 16px;
  border-radius: 5px;
  width: 50%;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .forms .tblBody {
    padding-right: 0;
  }
}
.forms .tblBody.full {
  width: 100%;
}
.forms .tblBody.full table {
  width: 100% !important;
}
.forms .tblBody.full table td:first-child {
  padding-left: 0;
}
.forms h1 {
  font-size: 32px;
  font-weight: 100;
  margin: 15px 0 32px 0;
}
.forms h1 span {
  color: #b0d400;
  font-weight: 600;
}
.forms h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 12px 0 12px 0;
}
.forms h2.mk {
  background: url(../i/vs.png) no-repeat center center;
  background-size: contain;
  height: 36px;
  width: 100%;
  margin-bottom: 0;
}
.forms table {
  width: 800px !important;
  table-layout: auto;
  vertical-align: middle;
}
.forms table .radiobox span {
  padding-left: 31px;
}
.forms .fld-box {
  margin-bottom: 20px !important;
}
.forms .fld-box:not([class*="w-"]) {
  width: 100%;
}
.forms .fld-box input[type="text"],
.forms .fld-box input[type="file"],
.forms .fld-box select,
.forms .fld-box textarea {
  width: 100%;
  font-weight: 100;
}
.forms .fld-box label a[class*="icn-"] {
  text-decoration: none;
}
.forms .btn-s {
  width: 200px;
}
.tblGrid {
  padding: 24px;
  position: relative;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .tblGrid {
    padding: 0 8px 8px 8px;
  }
}
.tblGrid table {
  border-collapse: collapse;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%;
}
.tblGrid table tr:nth-child(even) {
  background: #f7f7f7;
}
.tblGrid table th {
  text-align: left;
  font-weight: 300;
  padding: 9px 11px 9px 11px;
  line-height: 20px;
  height: 45px;
  font-size: 13px;
  color: #999;
  background: #f7f7f7;
  position: relative;
  cursor: pointer;
}
.tblGrid table td {
  padding: 11px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 300;
}
.tblGrid table td .radiobox {
  position: relative;
  top: -4px;
}
.tblGrid .status {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50% 50% 50% 50%;
}
.tblGrid .status .events {
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  font-family: glyph;
}
.tblGrid .status.event-ok {
  position: relative;
}
.tblGrid .status.event-ok:before {
  content: "\42";
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  font-family: glyph;
}
.tblGrid .status.event-bad {
  position: relative;
}
.tblGrid .status.event-bad:before {
  content: "\43";
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  font-family: glyph;
}
.tblGrid .status.event-plan {
  position: relative;
}
.tblGrid .status.event-plan:before {
  content: "\5a";
  display: block;
  height: 16px;
  width: 14px;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  font-family: glyph;
}
.tblGrid .tblHeader {
  position: absolute;
  z-index: 1;
}
.tblGrid .tblHeader th {
  text-align: left;
  font-weight: 300;
  padding: 9px 11px 9px 11px;
  line-height: 20px;
  height: 45px;
  font-size: 13px;
  color: #999;
  background: #f7f7f7;
  position: relative;
}
.tblGrid .tblHeader th .order {
  float: left;
  cursor: pointer;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  position: relative;
  box-sizing: border-box;
}
.tblGrid .tblHeader th .order:before {
  color: #959595;
  margin-left: 2px;
  position: relative;
  float: right;
  line-height: 22px;
}
.tblGrid .tblHeader th .order:hover:before {
  color: #e30613;
}
.tblGrid .tblHeader th .icn-aab {
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.tblGrid .tblHeader th .icn-aab::before {
  line-height: 28px;
  margin: 0;
  opacity: 0.25;
}
.tblGrid .tblHeader th .icn-aab:hover {
  background: #d9dbde;
}
.tblGrid .tblHeader th .col-resize {
  position: absolute;
  display: block;
  width: 16px;
  height: 100%;
  top: 0;
  right: -8px;
  z-index: 1;
  cursor: ew-resize;
}
.tblGrid .tbl-body th {
  font-size: 13px;
  font-weight: 100;
  text-align: center;
  padding: 8px;
  background: #f7f7f7;
}
.tblGrid .tbl-body .value {
  font-size: 16px !important;
  font-weight: 100;
  display: block;
  text-align: center;
}
.tblGrid .fld-box {
  margin: 0;
}
.tblHeader + .tblBody {
  margin-top: 45px;
}
.workarea {
  display: flex;
  align-items: stretch;
}
.workblock {
  flex: 1 1 auto;
  position: relative;
}
.scroll-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
}
.modal {
  background: rgba(0, 0, 0, 0.5);
  position: static;
}
.modal .modal-content {
  height: 100vh;
  width: 800px;
  box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.25);
}
.modal .modal-content .modal-header {
  font-size: 39.6px;
  font-weight: 100;
  background: #fff;
  padding: 64px 64px 36px 64px;
}
.modal .modal-content .modal-body {
  position: relative;
  height: 100%;
  padding: 0 64px;
  background: #fff;
}
.modal .modal-content .modal-footer {
  background: #adb0b3;
  padding: 8px;
  height: 36px;
  box-sizing: content-box;
}
.modal .modal-content .modal-close {
  font-weight: 100 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  top: 12px;
  right: 11px;
  width: auto;
  /* background: #000; */
  padding: 4px;
  color: #000;
  height: auto;
}
.modal .modal-content .modal-close:after {
  display: none;
}
.modal .tblGrid {
  padding: 0;
}
.modal .tblGrid .item-info table td {
  font-weight: 100;
  font-size: 13px!important;
}
.combo-box .btn {
  margin-bottom: 0;
}
.action-1 input[type="text"],
.action-1 input[type="email"] {
  width: calc(100% - 36px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.action-1 .smartSelect,
.action-1 .select {
  width: calc(100% - 36px);
}
.action-1 .smartSelect .dummy,
.action-1 .select .dummy,
.action-1 .smartSelect select,
.action-1 .select select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.action-1 .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.action-2 input[type="text"] {
  width: calc(100% - 112px);
}
.action-3 input[type="text"] {
  width: calc(100% - 168px);
}
.chanel {
  width: 18px;
  height: 18px;
  background: url("../i/green.png") no-repeat center center;
  display: block;
  background-size: contain;
}
.chanel.blocked {
  background: url("../i/red.png") no-repeat center center;
  background-size: contain;
}
.blur {
  background: #1a1834;
  background-size: cover;
  height: 100vh;
}
table img {
  height: 16px;
  margin: auto;
  display: block;
}
a {
  color: #1375ab;
}
footer {
  padding: 0 24px;
  line-height: 32px;
  color: #333;
  text-align: right;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  footer {
    display: none;
  }
}
header {
  border-bottom: 0;
  padding: 0 24px 0 0;
  position: relative;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  header {
    padding: 0;
  }
}
header .owner {
  text-align: center;
}
header .owner img {
  height: 34px;
  margin-top: 15px;
  margin-left: 142px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  header .owner img {
    height: 16px;
    margin-left: 0;
    margin-top: 8px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  header .owner {
    width: 100%;
  }
}
header span {
  color: #fff;
  font-weight: 800;
  font-size: 24px;
  line-height: 64px;
  margin-left: 8px;
}
header span em {
  font-weight: 400;
  font-style: normal;
}
header ul {
  padding-right: 16px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  header ul {
    display: none!important;
  }
}
header li {
  position: relative;
  margin-left: 16px;
}
header li a {
  line-height: 64px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
header li a strong {
  font-weight: 600;
  padding: 18px 16px;
}
header li span {
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
header li .smartSelect span {
  margin-left: 0;
}
header li .smartSelect .dummy {
  padding: 0 0 0 20px;
  background: transparent;
  border: 0;
  line-height: 64px;
  height: 64px;
}
header li .smartSelect .dummy.dd-active {
  outline: 0;
}
header li .smartSelect .dummy:before {
  content: "\2E";
  font-size: 14px;
  display: inline-block;
  height: 16px;
  width: 16px;
  line-height: 16px;
  left: 2px;
  top: 26px;
  color: #fff;
}
header li .smartSelect .dummy .selectedValues {
  height: auto;
  line-height: auto;
}
header li .smartSelect .dummy .selectedValues span {
  font-size: 14px;
  line-height: 64px;
}
header li .smartSelect .dd-content {
  width: 300px;
}
header li .dd-active {
  outline: 9px solid #58595b;
  background: #58595b;
  position: relative;
  z-index: 788;
}
header li .dd-content {
  margin-top: -16px;
  left: -1px;
  width: 166px;
  background: #58595b;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.9);
}
header li .dd-content a {
  padding: 16px;
  color: #fff;
  background: #58595b;
  font-weight: 100;
  font-size: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: block;
  line-height: 16px;
  transition: 0.2s;
}
header li .dd-content a:hover {
  background: #ffffff;
  color: #333;
}
nav {
  background: transparent;
}
._sim {
  background: url(../i/i_sim.png) no-repeat center center;
}
._simgroup {
  background: url(../i/i_simgroup.png) no-repeat center center;
}
._limit {
  background: url(../i/i_limits.png) no-repeat center center;
}
._control {
  background: url(../i/i_control.png) no-repeat center center;
}
._event {
  background: url(../i/i_events.png) no-repeat center center;
}
._report {
  background: url(../i/i_reports.png) no-repeat center center;
}
._msg {
  background: url(../i/i_msg.png) no-repeat center center;
}
._sms {
  background: url(../i/i_sms.png) no-repeat center center;
}
._user {
  background: url(../i/i_users.png) no-repeat center center;
}
._settings {
  background: url(../i/i_settings.png) no-repeat center center;
}
._edit {
  background: url(../i/i_edit.png) no-repeat center center;
}
._tariff {
  background: url(../i/i_tariff.png) no-repeat center center;
}
._branch {
  background: url(../i/i_branch.png) no-repeat center center;
}
._partners {
  background: url(../i/i_partners.png) no-repeat center center;
}
._m2m {
  background: url(../i/i_m2m.png) no-repeat center center;
}
._stat {
  background: url(../i/i_statistic.png) no-repeat center center;
}
._diagnostic {
  background: url(../i/i_diagnostic.png) no-repeat center center;
}
._lands {
  background: url(../i/i_lands.png) no-repeat center center;
}
._leads {
  background: url(../i/i_leads.png) no-repeat center center;
}
._group {
  background: url(../i/i_group.png) no-repeat center center;
}
._course {
  background: url(../i/i_course.png) no-repeat center center;
}
._vuz {
  background: url(../i/i_vuz.png) no-repeat center center;
}
._template {
  background: url(../i/i_template.png) no-repeat center center;
}
._email {
  background: url(../i/i_email.png) no-repeat center center;
}
._order {
  background: url(../i/i_order.png) no-repeat center center;
}
._contract {
  background: url(../i/i_contracts.png) no-repeat center center;
}
._students {
  background: url(../i/i_students.png) no-repeat center center;
}
._clients {
  background: url(../i/i_clients.png) no-repeat center center;
}
._callback {
  background: url(../i/i_callback.png) no-repeat center center;
}
._dashboard {
  background: url(../i/i_dashboard.png) no-repeat center center;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-12px);
  }
  60% {
    -webkit-transform: translateY(-6px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  60% {
    transform: translateY(-6px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  nav.nav-vertical {
    width: 100%;
    height: 16px;
    top: 8px;
    left: 8px;
    right: 0;
    padding: 0;
    z-index: 999999;
    margin: auto;
  }
}
nav .nano .nano-content {
  padding-right: 4px;
}
nav .nano .nano-pane {
  width: 8px;
  border-radius: 3px;
  background: #3d3e45;
}
nav .nano .nano-pane .nano-slider {
  width: 4px;
  background: #4b4c52;
  border-radius: 2px;
  margin: 2px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  nav #pull {
    width: 96px;
    height: 16px;
    display: block;
    background: url(../i/logo_white.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
nav .navi {
  width: 128px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  nav .navi {
    display: none;
    width: calc(100% - 16px);
    background: #1a1834;
    margin-top: 20px;
    padding: 16px 0;
    overflow: auto;
  }
  nav .navi li {
    float: left;
  }
}
nav .navi li {
  min-height: auto;
  height: auto;
  margin: 0 auto 0 auto;
  border: 0;
  text-align: center;
  display: block;
  width: 128px;
  border-bottom: 0;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  nav .navi li {
    width: 25%;
    display: inline-block;
    float: none;
  }
}
nav .navi li.current {
  border-bottom: 0;
}
nav .navi li .icon {
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  margin: auto;
  margin-bottom: 4px;
  filter: invert(0);
}
nav .navi li a {
  background: transparent;
  line-height: 100%;
  padding: 12px 0;
  color: #fff;
  width: 128px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  nav .navi li a {
    width: 100%;
  }
}
nav .navi li a:hover {
  background: #b0d400;
}
nav .navi li a:hover .icon {
  filter: invert(1);
}
nav .navi li:first-of-type {
  margin-top: 0;
}
nav .navi li:last-of-type {
  margin-bottom: 0;
}
nav .navi li span {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: 100;
}
nav .navi li p {
  display: none;
}
nav .navi li.current {
  position: relative;
}
.head-stat {
  padding: 8px 0 0 8px;
}
.head-stat > * {
  display: inline-block;
  line-height: 24px;
  color: #ffffff;
}
.head-stat h1 {
  font-size: 16px;
  margin-right: 16px;
}
.head-stat p {
  margin-right: 16px;
}
.head-stat a {
  text-decoration: none;
  display: inline-block;
  padding: 2px 0px 6px 0px;
  color: #fff;
  line-height: 100%;
  border-radius: 2px;
}
.head-stat a span {
  border-bottom: 1px dotted #ffffff;
}
.status-ok {
  border: 2px solid #88b156 !important;
}
.status-ok[class*="event-"]:before {
  color: #88b156;
}
.status-blocked {
  border: 2px solid #f15f5c !important;
}
.status-blocked[class*="event-"]:before {
  color: #f15f5c;
}
.status-overlimit {
  border: 2px solid #f1a15c !important;
}
.status-overlimit[class*="event-"]:before {
  color: #f1a15c;
}
.status-inactive {
  border: 2px solid #b5b5ba !important;
}
.status-inactive[class*="event-"]:before {
  color: #b5b5ba;
}
tr.st-inactive td {
  color: rgba(85, 86, 96, 0.35);
}
tr.st-blocked td {
  color: #f15f5c;
}
tr.st-overlimit td {
  color: #f1a15c;
}
.workspace div.tabs {
  padding: 16px 24px;
  background: #fff;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .workspace div.tabs {
    padding: 8px;
  }
}
.workspace div.tabs + .controls {
  padding-top: 0;
}
.workspace div.tabs + .filters {
  padding-top: 0;
}
.workspace div.tabs .tabs {
  text-align: left;
}
.subarea {
  width: 320px;
  padding: 24px 24px 0 24px;
  order: 1;
  background: #fff;
}
.subarea > .workblock {
  margin-bottom: 8px;
}
.subarea > .workblock:last-of-type {
  margin-bottom: 0;
}
.subarea .workarea {
  background: transparent;
  width: 100%;
}
.subarea + .mainarea {
  width: calc(100% - 320px);
}
.standalone {
  padding: 4px;
  border: 1px solid #f1f1f1;
  margin-bottom: 8px;
}
.headline {
  font-size: 26px;
  font-weight: 100;
  margin-bottom: 16px;
}
.headline.has-icon {
  background-size: 10%;
  background-position: left center;
  padding-left: 38px;
}
.headline + .workarea {
  margin-top: 8px;
}
.headline:hover {
  opacity: 1;
}
.element {
  width: 100%;
  margin-top: 8px;
  background: #f1f1f1;
  line-height: 45px;
  height: 45px;
  display: block;
  font-size: 14px;
  padding: 0 8px;
  border-radius: 4px;
  position: relative;
}
.element:last-of-type {
  margin-bottom: 8px;
}
.element .btn {
  position: absolute !important;
  font-size: 14px !important;
  border-radius: 0;
}
.element .btn:first-of-type {
  right: 45px;
  border-right: 1px solid #fff;
}
.element .btn:last-of-type {
  right: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.element .btn.inactive {
  background: #3D3E45;
  opacity: 0.35;
  cursor: default;
}
.element i {
  display: inline-block;
  width: 100%;
  font-style: normal;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.element i:first-of-type {
  max-width: 150px;
  margin-right: 10px;
}
.element i em {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
}
.geomap {
  order: 2;
  padding: 8px 8px 0 8px;
}
.geomap #map {
  width: 100%;
  height: 100%;
  position: absolute;
}
.PurePounds {
  cursor: pointer;
}
.subarea .btn {
  width: 100%;
}
.subarea .standalone:hover {
  background: #f6f6f8;
}
.subarea .standalone .workarea {
  display: none;
  border-radius: 4px;
}
.subarea .standalone.workblock .headline {
  cursor: pointer;
}
.subarea .standalone.workblock:hover {
  background: transparent;
}
.subarea .standalone.workblock .workarea {
  display: block;
}
.subarea label:not(.value):not(.radiobox) {
  font-weight: 600 !important;
  margin-top: 16px;
  margin-bottom: 4px;
}
.subarea .radiobox {
  color: #fff;
  margin-bottom: 4px;
}
.subarea .radiobox input:checked + span {
  background-color: #e0e2e4;
}
.subarea .radiobox span {
  font-size: 12px !important;
  padding-bottom: 4px;
  padding-top: 4px;
  color: #999;
}
.subarea .radiobox span:before {
  left: 4px;
  border: 1px solid #e4e4e4;
}
.subarea .radiobox span:after {
  top: 5px !important;
  left: 5px !important;
}
.subarea .radiobox span:hover {
  background-color: #e0e2e4;
}
.subarea .smartSelect .selectedValues span:before {
  opacity: 0.4;
}
.subarea .smartSelect .btn {
  margin-bottom: 0;
  border-radius: 0;
  width: 100%;
  margin-top: 1px;
}
.subarea .smartSelect .btn:first-of-type {
  margin-top: 0;
}
.btn.locked {
  cursor: default;
  background: #e0e2e4;
  color: #999;
}
.btn.locked:hover {
  background: #e0e2e4 !important;
}
label sup {
  font-size: 13px;
  color: #f00;
  top: -2px;
}
.modalOpen .blur {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
label.blind {
  width: auto !important;
  color: #1a1834;
  border-bottom: 1px dashed #000;
}
.btn-icn {
  font-size: 16px;
}
.btn-icn:before {
  left: 0 !important;
  top: 0 !important;
  font-size: 16px;
}
.modal .modal-body {
  overflow: auto;
  padding: 0!important;
}
.modal .modal-body .nano-content {
  padding: 0 64px;
}
.modal .modal-body .dd-content .nano-content {
  padding: 0 5px 0 0;
}
.modal .tabs {
  padding: 0 !important;
  margin-top: -24px;
  margin-bottom: 48px;
  background: #fff;
  z-index: 1;
}
.modal .tabs:before {
  bottom: 0;
}
.modal .controls {
  padding: 16px 0 16px 0px;
  margin-top: 16px;
  border-top: 2px solid #d8dbe1;
  position: relative;
}
.modal .controls + .main {
  margin-top: 0;
}
.modal .controls .sublines {
  content: "";
  position: absolute;
  display: inline-block;
  width: 64px;
  height: 2px;
  top: -2px;
  background: #d8dbe1;
}
.modal .controls:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 64px;
  height: 2px;
  top: -2px;
  background: #d8dbe1;
  right: 100%;
}
.modal .controls:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 64px;
  height: 2px;
  top: -2px;
  background: #d8dbe1;
  left: 100%;
  visibility: visible;
}
.modal .main dt,
.modal .main dd {
  font-size: 15px;
  width: 50%;
  padding: 14px 8px;
  min-height: 48px;
  border-bottom: 1px solid #f1f1f1;
}
.modal .main dt {
  text-align: right;
  padding-left: 0;
  font-weight: 100;
}
.modal .main dd {
  font-weight: 400;
}
.modal .tblGrid {
  margin-top: 16px;
  width: 100%;
  padding-left: 0;
}
.modal .tblGrid span {
  font-size: 11px;
}
.modal .tblGrid .statistic {
  display: block;
  height: 8px;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  position: relative;
}
.modal .tblGrid .statistic em {
  height: 6px;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  font-size: 10px;
}
.modal .tblGrid .statistic.normal em {
  background: #88b156;
}
.modal .tblGrid .statistic.warning em {
  background: #f1a15c;
}
.modal .tblGrid .statistic.blocked em {
  background: #f15f5c;
}
.modal .btn:not(.btn-mini):not(.btn-icn) {
  width: 166px;
}
.modal .headline {
  padding-left: 0;
  background: transparent;
  border-bottom: 1px solid #f1f1f1;
  outline: 0;
  filter: none;
  -webkit-filter: none;
  color: #333;
}
.modal .column {
  margin-bottom: 32px;
}
.modal .block {
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  width: 100%;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
}
.modal h2,
.modal h3,
.modal h4 {
  font-weight: 700;
}
.modal h2 {
  margin-bottom: 16px;
  font-size: 24.2px;
  font-weight: 100;
}
.modal h2 .status {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px;
  border-radius: 2px;
  position: relative;
  top: -4px;
  margin: 0 18px;
  font-weight: 400;
}
.modal h2 .status.status-ok {
  color: #88b156;
}
.modal h2 + .tblGrid {
  margin-top: 0;
}
.modal h2 .icn-reload {
  width: 36px !important;
  margin-bottom: 0;
  top: 9px;
  background: #959595;
  color: #fff;
}
.modal h2 .icn-reload:before {
  font-size: 24px;
}
.modal h3 {
  margin-bottom: 8px;
  font-size: 11px;
  color: #999;
  font-weight: 100;
  text-transform: uppercase;
}
legend {
  margin-bottom: 8px;
  font-size: 22px;
  color: #444;
  font-weight: 300;
  width: 100%;
}
.rule .txt,
.rule .smartSelect {
  display: block;
  float: left;
  margin-right: 4px;
}
.rule .txt {
  line-height: 34px;
  margin-bottom: 5px;
}
.rule .smartSelect {
  width: auto;
}
.rule .smartSelect .dummy {
  padding: 0;
  border: 0;
}
.rule .smartSelect .dummy:before {
  display: none;
}
.rule .smartSelect .dummy .selectedValues span {
  color: #1a1834;
  border-bottom: 1px dashed #1a1834;
}
.profileSIM {
  width: 992px !important;
  height: 100vh !important;
}
.profileSIM .stat {
  padding-top: 16px;
}
.profileSIM .stat .chart {
  width: 360px;
}
.partnerAdd {
  width: 640px;
  height: 80vh;
}
.addTariff {
  width: 800px;
  height: 80vh;
}
.addTariff .tariff-grid .t-header {
  line-height: 45px;
  background: #8a8d8f;
  color: #fff;
  padding: 0 8px;
  font-size: 22px;
}
.addTariff .tariff-grid .rule {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.addTariff .tariff-grid .rule .stroke {
  padding: 13px 8px;
  width: 84%;
  font-size: 12px;
}
.addTariff .tariff-grid .rule .value {
  width: 16%;
  padding: 8px;
}
.addTariff .tariff-grid .rule .value .fld-box {
  margin: 0;
}
.addTariff .tariff-grid .rule .value .fld-box input[type="text"] {
  height: 26px;
  line-height: 25px;
}
.addTariff .tariff-grid .rule .value span {
  padding-left: 8px;
}
.head-thin {
  font-family: "Roboto";
  font-size: 26px;
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}
label .settings {
  float: right;
  text-decoration: none;
  border-bottom: 1px dashed #1a1834;
  margin-left: 12px;
  font-weight: normal;
}
.headline.simple {
  padding: 24px 24px 0 24px;
  background: transparent;
  border-bottom: 1px solid #f1f1f1;
  outline: 0;
  filter: none;
  -webkit-filter: none;
  color: #333;
}
.standalone .headline.simple {
  padding: 0;
}
.blind {
  color: #1a1834;
  border-bottom: 1px dashed #1a1834;
}
.auth {
  width: 320px;
  padding: 18px;
  border-radius: 8px;
  background: #f7f7f7;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .auth {
    height: auto;
  }
}
.auth .fld-box {
  margin-bottom: 16px;
}
.auth .header {
  font-size: 24px;
  margin: 32px 0;
  display: block;
  text-align: center;
  color: #333;
  font-weight: 100;
}
.auth .col-md-8,
.auth input[type=email],
.auth input[type=password],
.auth .btn {
  width: 100%;
}
.auth .form-group {
  margin-bottom: 20px;
}
.tree {
  padding-left: 38px;
  width: 100%;
}
.tree label.radiobox {
  margin-bottom: 0;
}
.tree label.radiobox span {
  font-size: 12px;
}
.modal-content .column .w-42 + .btn-icn {
  margin-top: 20px;
}
._info,
._block {
  position: relative;
}
._info input,
._block input {
  width: 100%;
}
._info .type,
._block .type {
  position: absolute;
  width: 36px;
  height: 34px;
  line-height: 34px;
  background: #f1f1f1;
  right: 1px;
  bottom: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
._place {
  border-bottom: 1px solid #fff;
  padding: 8px 0;
}
._place .fld-box {
  margin-bottom: 0;
}
.UserAdd .modal-content {
  width: 480px;
}
.UserAdd .modal-content .fld-box {
  margin-bottom: 24px;
}
.modal-content.wide {
  width: 1280px;
}
.modal-content.standart {
  width: 640px;
}
.modal-content.autoheight {
  height: auto;
  top: 5vh;
  bottom: auto;
}
.modal-content.tiny {
  width: 480px;
}
.modal.wide .modal-content {
  width: 900px;
}
.modal.standart .modal-content {
  width: 640px;
}
.modal.autoheight .modal-content {
  height: auto;
  top: 5vh;
  bottom: auto;
}
.modal.tiny .modal-content {
  width: 480px;
}
.modal.full-h .modal-content {
  height: auto;
  top: 0;
  bottom: 0;
  height: 100vh;
}
.modal table {
  white-space: normal;
}
.modal h1 {
  font-size: 36px;
  font-weight: 100;
  margin-bottom: 48px;
  margin-top: 64px;
}
.modal td {
  font-size: 15px !important;
  padding: 8px !important;
  height: 53px;
  border: 1px solid #ededed;
}
.modal td .radiobox {
  margin-bottom: 0 !important;
}
.modal th {
  font-size: 13px !important;
  font-weight: 100 !important;
  border: 1px solid #fff !important;
  color: #999;
}
.modal *:not(.tree) .radiobox {
  margin-bottom: 8px;
}
.modal *:not(.tree) .radiobox span {
  font-size: 15px;
}
.modal .nano-pane {
  right: -24px;
}
.modal .tblHeader {
  position: relative !important;
}
.modal .tblHeader + .tblBody {
  margin-top: 0;
}
.modal .tblGrid.simTest {
  margin-top: 0;
  padding-bottom: 32px;
}
.modal .tblGrid.simTest td .icn-success:before {
  color: #628d02;
}
.modal .tblGrid + h2 {
  margin-top: 16px;
}
.modal dl {
  margin-bottom: 64px;
  width: 100%;
}
.modal dl.edit dt {
  line-height: 43px;
}
.modal dt {
  width: 30%;
  font-size: 12px;
}
.modal dd {
  width: 70%;
  font-size: 12px;
}
.modal .filters {
  padding: 0;
}
tr.active td {
  font-weight: 600;
}
fieldset {
  background: #f3f3f3;
  padding: 16px;
  margin: 16px 0;
  border: 0;
}
.dvd {
  font-size: 14px;
  text-align: center;
  line-height: 36px;
}
.btn-normal.btn-s:hover {
  background: #b0d400;
  color: #fff;
}
.btn-normal.btn-s:hover:before {
  color: #fff;
}
.btn-normal.btn-s:before {
  color: #b0d400;
}
label:not(.value):not(.radiobox):not(.fld-file) {
  margin-bottom: 2px !important;
  font-weight: 500;
}
.btn.btn-m {
  font-weight: 100;
  font-size: 16.5px;
}
.dummy,
input {
  font-weight: 100;
}
.smartSelect .dd-content {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
.smartSelect .dd-content .nano {
  height: 296px;
}
.smartSelect .dd-content label:not(.radiobox) span {
  padding: 8px 12px;
  color: #333;
  background: #fff;
  font-weight: 100;
  font-size: 16px;
  border-top: 1px solid #e6e6e6;
}
.smartSelect .dd-content label:not(.radiobox) span:hover {
  background: #f7f7f7;
}
.btn.btn-s {
  font-size: 16.5px;
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  font-weight: 100;
}
.radiobox span {
  font-weight: 100;
}
.radiobox span:before {
  border: 1px solid #e4e4e4 !important;
}
.trigger {
  line-height: 24px;
}
.trigger span {
  float: left;
}
.trigger em {
  font-style: normal;
  font-size: 22px;
  font-weight: 100;
  margin-left: 8px;
  margin-top: 2px;
  cursor: pointer;
  color: #333;
  text-transform: none;
}
h2.blind {
  margin-bottom: 24px;
  border-style: dotted;
}
.blind-cnt {
  padding: 0 64px;
}
.radiobox input[type="checkbox"]:checked + span:after {
  font-family: glyph;
  content: "";
  background: #b0d400;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
}
.dd-content .nano .nano-pane {
  right: 0;
  width: 5px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.85);
}
.inner {
  padding: 24px;
}
.inner .controls {
  padding: 0;
}
.fld-box.lft label:not(.w-100) {
  margin-right: 8px;
}
.fld-box.lft label:not(.w-100) + .datepicker {
  margin-right: 8px;
}
input[disabled] {
  background: #efefef;
}
.modal.alert {
  background: transparent;
}
.modal.alert .modal-content {
  top: 25vh;
  bottom: auto;
  width: 480px;
  height: 250px;
  background: rgba(26, 24, 52, 0.85);
  border-radius: 5px;
}
.modal.alert .modal-content .modal-body {
  color: #fff;
  background: transparent;
  padding: 32px 64px !important;
  position: relative;
  border-radius: 5px;
}
.modal.alert .modal-content .modal-body h1 {
  font-size: 24px;
  margin-bottom: 16px;
  margin-top: 0;
}
.modal.alert .modal-content .modal-body p {
  font-size: 16px;
  font-weight: 100;
}
.modal.alert .modal-content .modal-body .controls {
  background: transparent;
  text-align: justify;
  position: absolute;
  bottom: 0;
  width: 352px;
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.modal.alert .modal-content .modal-body .controls .btn {
  margin: 0;
}
.modal.alert .modal-content .modal-body .controls:before {
  display: none;
}
.modal.alert .modal-content .modal-body .controls:after {
  visibility: hidden;
}
.modal.alert .modal-content .modal-body .controls {
  padding-bottom: 32px;
}
.modal.alert .modal-content .modal-body .controls .btn {
  width: 120px;
  margin-right: 16px;
}
.modal.modal-tariff tr td {
  font-size: 13px !important;
}
.modal.modal-tariff tr td:first-of-type {
  width: 80%;
}
.modal.modal-tariff tr td .radiobox span {
  padding-left: 32px;
  font-size: 13px;
}
.modal.modal-tariff tr td input[type="text"] {
  height: 24px;
  line-height: 24px;
  font-size: 13px !important;
  width: 100%;
  padding: 0 8px;
}
label.imp {
  font-weight: bold;
  color: #333;
}
.send-msg {
  position: fixed;
  width: 864px;
  bottom: 0;
}
.messages {
  position: relative;
  height: calc(100% - 278px);
  position: absolute;
  left: 0;
  background: #c6c6c6;
  width: 994px;
  padding: 32px 128px;
}
.messages .nano-pane {
  right: 0;
}
.messages .headline {
  font-size: 12px;
  text-align: center;
  border: 0;
  margin-bottom: 16px;
  display: inline-block;
  width: 100%;
}
.messages .msg {
  border-radius: 16px;
  padding: 16px;
  position: relative;
  max-width: 68%;
  color: #fff;
  margin-bottom: 32px;
}
.messages .msg span {
  font-size: 14px;
  line-height: 140%;
  font-weight: 100;
}
.messages .msg em {
  position: absolute;
  bottom: 100%;
  left: 16px;
  margin-bottom: 8px;
  font-size: 10px;
  color: #000;
  font-style: normal;
}
.messages .msg:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.messages .incoming {
  text-align: left;
}
.messages .incoming .msg {
  background: #8a8d8f;
  border-bottom-left-radius: 0;
  margin-left: 8px;
}
.messages .incoming .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #8a8d8f transparent;
  left: -8px;
}
.messages .outcoming {
  text-align: right;
}
.messages .outcoming .msg {
  background: #58595b;
  border-bottom-right-radius: 0;
  margin-right: 14px;
}
.messages .outcoming .msg:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent #58595b;
  right: -8px;
}
.datepicker input {
  width: 148px;
}
.datepicker .icn-date:before {
  line-height: 47px;
}
.dboards {
  padding: 24px;
  height: calc(100vh - 96px);
  width: 100%;
  top: 64px;
  overflow: scroll;
}
.dboards .box {
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}
.dboards .box .title .name {
  font-size: 24px;
  color: #fff;
  font-weight: 100;
  margin-bottom: 24px;
}
.dboards .box .d-navi li {
  margin-top: 32px;
}
.dboards .box .d-navi li:nth-child(-n + 4) {
  margin-top: 0;
}
.dboards .box .d-navi li a {
  color: #fff;
  display: block;
  width: 340px;
  text-decoration: none;
  overflow: auto;
}
.dboards .box .d-navi li a i {
  width: 48px;
  height: 48px;
  background-size: contain;
  display: block;
  float: left;
  margin-right: 8px;
}
.dboards .box .d-navi li a span {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
}
.dboards .box .d-navi li a p {
  font-size: 10px;
}
.dboards .highcharts-legend-item text {
  color: #fff !important;
}
.dboards .highcharts-background {
  display: none;
}
.dn {
  display: none;
}
.tar {
  text-align: right;
}
hr.hr {
  height: 2px;
  background: #e0e2e4;
  width: 100%;
  margin-bottom: 30px;
}
.main-container {
  padding: 0 40px 0 40px;
  width: 100%;
}
.main-container h1 {
  margin: 0 0 20px 0;
  font-size: 36px;
  font-weight: 100;
}
.well {
  background: #d8dbe1;
  border-radius: 0px;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 160%;
  font-weight: 100;
  border: 1px dashed #d8dbe1;
  position: relative;
  padding-left: 84px;
}
.well:before {
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  background: url(../i/icn_idea.png);
  background-size: cover;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
}
.well.warning {
  background-color: #fff1f1;
  margin-bottom: 48px;
  border: 1px dashed #d51317;
}
.well.warning:before {
  background: url(../i/icn_warning.png);
  background-size: cover;
}
.well li {
  list-style: none;
  margin-bottom: 16px;
  margin-left: 0 !important;
}
.well li li {
  margin-bottom: 0;
  margin-top: 8px;
  margin-left: 0;
}
.well li li:before {
  content: "— ";
}
.fz {
  font-size: 12px;
}
.tooltip {
  display: none;
  position: fixed;
  background: #fff;
  color: #6d747a;
  font-size: 14px;
  line-height: 140%;
  padding: 16px;
  font-weight: 100;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 98321509234;
  max-width: 320px;
}
input.error {
  border-color: #b9706f !important;
}
span.msg-error {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #b9706f;
}
.bubble-counter {
  font-size: 10px;
  display: inline-block;
  color: #fff;
  cursor: default;
  padding: 5px;
  background: #d51317;
  border-radius: 10px;
  margin: -5px 0 0px 10px;
}
ul.ul > li.li,
ol.ol > li.li {
  margin-left: 15px;
}
@media screen and (max-width: 1366px) {
  header .logo {
    right: auto !important;
    left: 120px !important;
  }
}
.srv {
  padding-bottom: 16px;
  margin-bottom: 32px;
  border-bottom: 1px solid #d8dbe1;
}
.srv.srv-set {
  background: rgba(216, 219, 225, 0.4);
  min-height: 132px !important;
}
.srv.srv-set h3 {
  color: #000;
}
.srv.srv-set.lft ._info {
  margin-right: 7px;
}
.srv.srv-set .radiobox span {
  padding-left: 30px;
  font-weight: 900;
  font-size: 16px;
}
.modal .srv {
  margin-bottom: 16px;
  width: 49%;
  min-height: 194px;
}
.modal .srv:last-of-type {
  margin-bottom: 64px;
}
.modal .srv dt {
  width: 100%;
}
.srv:last-of-type {
  margin-bottom: 0;
}
.srv dt {
  font-size: 22px;
  font-weight: 100;
}
.srv dd span {
  display: block;
  margin-bottom: 8px;
}
.srv dd span:nth-of-type(1) {
  font-size: 14px;
  font-weight: 100;
}
.srv dd span:nth-of-type(2) {
  font-size: 14px;
  font-weight: 100;
  line-height: 160%;
}
.srv dd span:nth-of-type(2) br {
  display: block;
  height: 8px;
}
.srv dd span:nth-of-type(2) a {
  display: inline-block;
  color: #fff;
  background: #d51317;
  padding: 0 4px;
  text-decoration: none;
  border-radius: 2px;
}
.srv dd span:nth-of-type(2) em {
  display: inline-block;
  color: #fff;
  background: #17ae10;
  padding: 0 4px;
  text-decoration: none;
  font-style: normal;
  border-radius: 2px;
}
.srv dd span:nth-of-type(2) em.inactive {
  background: #8a8d8f;
}
.srv .btn-s {
  margin: 0 16px 0 0;
}
.btn-lbl {
  font-size: 18px;
  line-height: 40px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb5 {
  margin-bottom: 5px;
}
.mt20 {
  margin-top: 20px;
}
.mt10 {
  margin-top: 10px;
}
.mt5 {
  margin-top: 5px;
}
.alert-big .modal-content {
  width: 900px !important;
  min-height: 500px !important;
  text-align: center;
}
.btn {
  transition: background 200ms linear, color 200ms linear, border 200ms linear;
  -webkit-appearance: none;
}
.btn.inactive,
.btn:disabled {
  background: rgba(26, 24, 52, 0.2);
  color: #808080;
  cursor: default;
  pointer-events: none;
}
.btn.inactive:before,
.btn:disabled:before {
  color: #808080;
}
.btn.inactive:hover,
.btn:disabled:hover {
  background: rgba(26, 24, 52, 0.2);
  color: #808080;
}
.btn.inactive:hover:before,
.btn:disabled:hover:before {
  color: #808080;
}
.set-number {
  margin: 16px 0;
}
.set-number p {
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  margin-right: 8px;
}
.set-number input[type="text"] {
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: normal;
}
.file-add {
  width: 100%;
  position: relative;
}
.file-add:before {
  font-size: 14px;
  line-height: 39px;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  border: 1px dashed #47484a;
  pointer-events: none;
  cursor: pointer;
}
.file-add:after {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  background-image: url(../i/icn-file.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  padding-right: 140px;
  pointer-events: none;
}
.file-add input {
  width: 100%;
  cursor: pointer;
}
.fld-box-half {
  margin-bottom: 10px;
}
.fld-box-half label:not([class]) {
  margin-bottom: 0 !important;
}
.filters label:not(.value):not(.radiobox),
.controls label:not(.value):not(.radiobox) {
  margin-bottom: 0 !important;
  margin-left: 32px;
}
.filters label:not(.value):not(.radiobox):first-of-type,
.controls label:not(.value):not(.radiobox):first-of-type {
  margin-left: 0;
}
.mtm_preloader {
  transition: 1s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999999;
}
.mtm_preloader:before {
  content: "";
  top: calc(50vh - 52px);
  width: 52px;
  height: 52px;
  border-width: 6px;
  border-style: solid;
  border-color: #f1f1f1 transparent;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  animation: l_left linear 2.5s infinite;
  -webkit-animation: l_left linear 2.5s infinite;
  -moz-animation: l_left linear 2.5s infinite;
  -o-animation: l_left linear 2.5s infinite;
  -ms-animation: l_left linear 2.5s infinite;
}
.mtm_preloader:after {
  content: "";
  top: calc(50vh - 52px);
  margin-top: 11px;
  width: 30px;
  height: 30px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #f1f1f1;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  animation: l_right linear 2.5s infinite;
  -webkit-animation: l_right linear 2.5s infinite;
  -moz-animation: l_right linear 2.5s infinite;
  -o-animation: l_right linear 2.5s infinite;
  -ms-animation: l_right linear 2.5s infinite;
}
@keyframes l_left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes l_left {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes l_left {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes l_left {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes l_left {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@keyframes l_right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes l_right {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes l_right {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-o-keyframes l_right {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-360deg);
  }
}
@-ms-keyframes l_right {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-360deg);
  }
}
.radiobox.disabled span {
  color: #bebebe;
  cursor: not-allowed;
}
_filter {
  box-shadow: 0px 0px 2px #0073ff;
}
.trigger em {
  line-height: 22px;
  font-size: 20px;
}
.trigger input + span {
  box-shadow: none;
  height: 22px;
  border: 0;
  width: 44px;
  background: #e5e5e5;
}
.trigger input + span:before {
  width: 18px;
  height: 18px;
  left: 2px;
  top: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.trigger input:checked + span {
  background: #e30613;
}
.trigger input:checked + span:before {
  margin-left: 22px;
}
.scrollable.default-skin .scroll-bar .thumb {
  background: #e6e6e6 !important;
  opacity: 1 !important;
}
#tooltip {
  font-size: 14px;
  z-index: 9999;
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  background-color: #1a1834;
  padding: 16px;
  color: #fff;
  font-weight: 100;
  border-radius: 5px;
  -webkit-box-shadow: 10px 7px 30px -7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 7px 30px -7px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 7px 30px -7px rgba(0, 0, 0, 0.5);
}
#tooltip em {
  display: block;
  margin: 4px 0;
}
.event-msg {
  padding: 16px 24px;
  margin-bottom: 16px;
  font-weight: 100;
}
.event-msg.success {
  background: #b0d400;
}
.event-msg.error {
  background: #f15f5c;
}
.pagination {
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 8px 24px 16px 24px;
}
.pagination li {
  padding: 0 6px !important;
}
.customScroll .scroll-bar.horizontal {
  height: 10px !important;
  margin-top: 4px;
  background: #1a1834;
  position: relative;
}
.customScroll .scroll-bar.horizontal:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 10px;
  background: #1a1834;
  left: -24px;
  top: 0;
}
.customScroll .scroll-bar.horizontal:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #1a1834;
  right: -10px;
  top: 0;
  z-index: 0;
}
.customScroll .scroll-bar.horizontal .thumb {
  border-radius: 0 !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.35) !important;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.customScroll .scroll-bar.horizontal .thumb:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 6px;
  background: rgba(255, 255, 255, 0.35) !important;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  left: -24px;
  top: -2px;
}
.customScroll .scroll-bar.horizontal .thumb:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 6px;
  background: rgba(255, 255, 255, 0.35) !important;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  right: -10px;
  top: -2px;
  z-index: 1;
}
.scrollable.default-skin .scroll-bar.vertical {
  width: 10px !important;
  background: #1a1834;
  padding: 0 0 8px 0;
}
.scrollable.default-skin .scroll-bar.vertical .mm {
  width: 2px!important;
}
.scrollable.default-skin .scroll-bar.vertical .thumb {
  border-radius: 0 !important;
  width: 10px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.schedule-item {
  background: #f3f3f3;
  border-radius: 5px;
  padding: 0 12px;
  font-weight: 100;
  margin-bottom: 8px;
}
.schedule-item span,
.schedule-item a {
  font-size: 16.7px;
  line-height: 36px;
}
.schedule-item--remove {
  text-decoration: none;
  margin-left: 10px;
}
.schedule-add-form {
  margin-top: 5px;
}
.schedule-add-form--start,
.schedule-add-form--end {
  width: 35% !important;
}
.state {
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
}
.state:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 6px;
}
.state.red:before {
  background: #f64747;
}
.state.orange:before {
  background: #f2784b;
}
.state.yellow:before {
  background: #e9d460;
}
.state.green:before {
  background: #2ecc71;
}
.state.lightblue:before {
  background: #19b5fe;
}
.state.blue:before {
  background: #6bb9f0;
}
.state.darkblue:before {
  background: #3a539b;
}
.state.purple:before {
  background: #947cb0;
}
.state.grey:before {
  background: #6c7a89;
}
.state.cyan:before {
  background: #12CBC4;
}

.state.pink:before {
  background: #ff1493;
}

.state.violet:before {
  background: #c71585;
}

.state.black:before {
  background: #000000;
}

.item-info {
  margin-bottom: 24px;
}
.item-info table {
  width: 100%;
  table-layout: auto!important;
}
.item-info table.multiline {
  table-layout: fixed!important;
  white-space: normal!important;
}
.item-info table tr {
  background: #f7f7f7;
}
.item-info table tr strong.high {
  color: #EA2027;
}
.item-info table tr strong.low {
  color: #2ecc71;
}
.item-info table tr strong.medium {
  color: #3a539b;
}
.item-info table tr.total td {
  font-weight: 600;
  text-align: right;
}
.item-info table th {
  background: #ffffff !important;
  height: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  cursor: default;
}
.item-info table th span {
  border-bottom: 1px dotted #999;
  cursor: help;
}
.item-info table td {
  border: 3px solid #fff;
}
.item-info table td em {
  font-style: normal;
  white-space: nowrap;
}
.item-info table td:first-child {
  padding-left: 11px !important;
}
.item-info table td .icn-warning {
  border-bottom: 0 !important;
  color: orange;
}
.item-info table td .radiobox {
  top: 0;
}
.item-info table .btn {
  margin-bottom: 0;
  width: auto;
}
.item-info table select {
  font-size: 13px;
  width: auto!important;
}
.item-info table + .btn {
  float: right;
  margin-top: 12px;
  margin-bottom: 0;
}
.item-info table form {
  text-align: left;
  display: inline-block;
}
.item-info table form .btn {
  margin-left: 12px;
}
.item-info table form input,
.item-info table form select {
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}
.item-info table form input.high,
.item-info table form select.high {
  background: #EA2027;
  color: #fff;
}
.item-info table form input.low,
.item-info table form select.low {
  background: #2ecc71;
  color: #fff;
}
.item-info table form input.medium,
.item-info table form select.medium {
  background: #3a539b;
  color: #fff;
}
.item-info table form .state {
  margin-top: 5px;
}
.item-info table form .state + select {
  width: calc(100% - 24px) !important;
}
.item-info table form.address {
  width: 100%;
}
.item-info table form.address input[type="text"] {
  width: calc(100% - 84px);
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .item-info.single {
    display: block;
    width: 100%;
  }
  .item-info.single tbody tr {
    display: block;
    width: 70%;
    overflow: auto;
    background: #fff!important;
  }
  .item-info.single tbody tr:first-of-type {
    width: 30%;
    float: left;
  }
  .item-info.single tbody td {
    display: block;
    border: 0;
    margin-bottom: 4px;
    background: #f7f7f7;
  }
  .item-info.single tbody th {
    display: block;
    padding: 9px 0!important;
    height: auto!important;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.icn-checked {
  color: #88b156;
}
.btn-mini {
  display: block;
  width: 18px !important;
  height: 18px;
}
.btn-mini:before {
  content: "";
}
.btn-mini.icn-trash {
  background: url(../i/delete.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-restore {
  background: url(../i/restore.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-view {
  background: url(../i/show.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-aprove {
  background: url(../i/aprove.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-publish {
  background: url(../i/publish.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-html-active {
  background: url(../i/html_active.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-copy {
  background: url(../i/copy.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-edit {
  background: url(../i/edit.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-sendmail {
  background: url(../i/sendmail.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-forprint {
  background: url(../i/print-inactive.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-forprint-active {
  background: url(../i/print-active.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-money {
  background: url(../i/money.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-money2 {
  background: url(../i/money2.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-addfile {
  background: url(../i/addfile.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-scan {
  background: url(../i/scan.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-azer {
  background: url(../i/azer.png) no-repeat;
  background-size: cover;
}
.btn-mini.icn-cancel {
  background: url(../i/i_cancel.png) no-repeat;
  background-size: cover;
}
.no-vert-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.filters + .controls {
  padding-top: 0;
}
.fld-box .dummy {
  color: #8c8c8c;
}
.blind.more {
  margin-bottom: 20px;
  font-size: 12px;
  color: #1375ab;
  margin-top: -6.66666667px;
  width: 100%;
  border-bottom: 0;
}
.blind.more span {
  border-bottom: 1px dashed #1375ab;
}
.blind-cnt {
  padding: 0;
}
.deleted td {
  color: #999;
  text-decoration: line-through;
}
.deleted td .icn-warning {
  display: none;
}
.deleted td .btn-mini {
  opacity: 0.3;
}
.deleted td .btn-mini.icn-restore {
  opacity: 1;
}
.deleted td a {
  opacity: 0.4;
}
tr.add td {
  background: #ffffff;
}
input[type="text"],
select,
textarea,
.smartSelect .dummy,
.fld-file {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.fld-file:after {
  color: #a6a6a6;
}
table .btn {
  margin: 0;
}
table th span[data-tooltip] {
  cursor: help;
  border-bottom: 1px dotted #999;
}
[data-href] {
  cursor: pointer;
}
[data-href]:hover {
  background: rgba(176, 212, 0, 0.25) !important;
}
.parser {
  width: calc(100% - 94px);
}
#contract_docs_form .item-info,
#student_docs_form .item-info {
  margin-bottom: 0;
}
#contract_docs_form table,
#student_docs_form table {
  table-layout: fixed !important;
}
#contract_docs_form table tr.add td,
#student_docs_form table tr.add td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#contract_docs_form table tr td .btn-mini,
#student_docs_form table tr td .btn-mini {
  display: inline-block !important;
}
#contract_docs_form table tr td:first-of-type,
#student_docs_form table tr td:first-of-type,
#contract_docs_form table tr td:last-of-type,
#student_docs_form table tr td:last-of-type {
  width: 42px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.doc-ems td {
  border-top: 0!important;
}
.doc-ems td:first-of-type,
.doc-ems td:last-of-type {
  width: 42px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.trashed td {
  text-decoration: line-through;
  color: #ccc;
}
.trashed td a {
  color: #ccc;
  text-decoration: none;
}
.comments .comment {
  font-weight: 100;
  padding: 12px 48px 0 0;
  border-radius: 5px;
  position: relative;
  margin-bottom: 12px;
  border-top: 2px dashed #efefef;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .comments .comment {
    padding-right: 0;
  }
}
.comments .comment .avatar {
  width: 48px;
  height: 48px;
}
.comments .comment .avatar img {
  width: 100%;
  border-radius: 50%;
}
.comments .comment .text {
  width: calc(100% - 64px);
}
.comments .comment span {
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 22px;
}
.comments .comment:hover .icn-trash {
  display: block;
}
.comments .comment .icn-trash {
  position: absolute;
  right: 16px;
  top: 20px;
  width: 16px!important;
  height: 16px!important;
  display: none;
}
.comments .comment cite {
  font-size: 15px;
  font-style: italic;
  display: inline-block;
  width: 100%;
  padding: 8px 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #efefef;
  border-radius: 4px;
  margin: 8px 0;
}
.comments .comment p {
  font-size: 17px;
  line-height: 160%;
}
.comments .comment .reply {
  padding: 8px 0 0 0;
}
.comments .comment .reply .btn {
  float: right;
  margin: 20px 0 0 0;
}
.comments .radiobox {
  margin-top: 8px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .comments .radiobox {
    margin-bottom: 20px;
  }
}
.comments .blind-cnt .radiobox {
  margin-top: 0;
  margin-right: 12px;
}
.jconfirm-title {
  position: relative;
  padding-top: 116px;
}
.jconfirm-title:before {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  left: 0;
  right: 0;
  top: 0;
  background: url(../i/i_astrodog.png);
  background-size: cover;
  margin: auto;
}
ul.errors {
  width: 100%;
}
ul.errors li {
  font-size: 13px;
  margin-bottom: 8px;
  font-weight: 100;
  display: block;
  color: #f64747;
}