@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.ttf)
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf)
}

@font-face {
  font-family: Open Sans;
  src: url(../fonts/OpenSans.ttf)
}

@font-face {
  font-family: Open Sans;
  font-weight: 700;
  src: url(../fonts/OpenSans-Bold.ttf)
}

@font-face {
  font-family: Open Sans;
  font-weight: 600;
  src: url(../fonts/OpenSans-SemiBold.ttf)
}

@font-face {
  font-family: Open Sans;
  font-style: italic;
  src: url(../fonts/OpenSans-Italic.ttf)
}

@font-face {
  font-family: Helvetica;
  src: url(../fonts/Helvetica.otf)
}

.bottom {
  position: static;
  bottom: 0px;
}
.сontent {
  padding-bottom: 100px;
}
a.navbar__text {
  text-decoration: none !important;
  display: inherit;
  line-height: 42px;
}
.cross {
  font-size: 16px;
}
.expand-incoming__item,
.expand__item_active {
  background-color: white;
}
.expand__item-btn a:hover,
.expand__item-btn:hover a {
  text-decoration: none;
  color: inherit;
}
input[type="submit"].expand__item-btn-text,
button.expand__item-btn-text {
  background: none;
  border: none;
  letter-spacing: inherit;
  outline: none;
  width: 100%;
  display: block;
  height: 100%;
}
.expand-incoming__item {
  position: relative;
  border-radius: 5px;
  width: 100%;
  background-color: white;
  border: 1px solid #d8e0ea;
  cursor: pointer;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
.expand-incoming__item:hover {
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 63, 139, 0.2);
  box-shadow: 0 6px 15px 0 rgba(0, 63, 139, 0.2);
}

a.header__drop-down-btn:hover {
  color: inherit;
  text-decoration: inherit;
  opacity: inherit;
}
.expand__comment-received {
  margin-bottom: 20px;
}
.navbar__item-active .navbar__text-new {
  color: #008555;
  border-color: #008555;
}
.navbar__item-active .navbar__text-new .text-2 {
  color: #008555;
}

.expand__comment-received.js-comment-view {
  position: relative;
}
.expand__comment-received.js-comment-view::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #a3adf4;
  position: absolute;
  left: -15px;
  top: 3px;
  border-radius: 10px;
}
.expand__comment-received.js-comment-view .expand__comment-block {
  background-color: #dcdffb;
}
.content-client_find {
  padding-top: 32px;
  padding-bottom: 0px;
}


.default_form {
  position: static;
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  margin-top: 63px;

  padding: 43px 43px 43px;
  background-color: white;
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 63, 139, 0.2);
  box-shadow: 0 6px 15px 0 rgba(0, 63, 139, 0.2);
  border: solid 1px #d8e0ea;
  z-index: 5;
  border-top: 0;
}
.default-select-wrap {
  position: relative;
}
.default-select-wrap::before {
  content: '';
  border-radius: 2px;
  background-color: #eff6ff;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.default-select-wrap::after {
  content: '';
  border: 4px solid transparent;
  border-top: 4px solid #9e9e9e;
  z-index: 2;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -2px;
}

.default-select-wrap select {
  font-size: 15px;
  color: #333333;
  height: 100%;
  width: 100%;
  margin-left: 16px;
  padding-right: 45px;
  position: relative;
  z-index: 3;
  outline: none;

  background: transparent;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-background-position: -9999px -9999px !important;
  cursor: pointer;
}
.header__drop-down-item .expand__item-btn {
  margin: 0px;
  height: 46px;
}


.default_form_title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
  margin: 0px 0px 30px 0px;
  text-align: center;
}
.default_form_text {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: #9e9e9e;
  margin: -20px 0px 30px 0px;
}
.default_form_small {
  max-width: 480px;
}
.default_form_small .default_form_wrap {
  max-width: 246px;
  margin: 0 auto;
}
.default_form.header__drop-down {
  padding-right: 0px;
}


.employees-add-link {
  position: fixed;
  right: 80px;
  bottom: 80px;
  padding: 0px 40px;
  line-height: 80px;
  height: 82px;
  background-color: #008555;
  color: #008555;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  z-index: 9;
  width: 82px;
  transition: all 300ms;
  overflow: hidden;
  text-align: center;
}
.employees-add-link::before {
  content: '+';
  color: #f5faff;
  font-size: 40px;
  transition: all 300ms;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 82px;
  height: 82px;
  line-height: 78px;
}
.employees-add-link span {
  display: block;
  width: 170px;
}
.employees-add-link:active,
.employees-add-link:focus,
.employees-add-link:hover {
  opacity: 1;
  color: #f5faff;
  text-decoration: none;
}
.employees-add-link:hover {
  width: 240px;
}
.employees-add-link:hover::before {
  font-size: 13px;
}

.filter-employees .filtbar__item-wrap {
  width: auto;
  padding-left: 20px;
}

.default_form_group .help-block {
  position: absolute;
  top: -4px;
  left: 16px;
  font-size: 9px;
}

.filtbar__sort-label {
  width: 10px;
  height: 7px;
}

.content-atms__addresses-wrap {
  width: auto;
}
.ya_content img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: auto;
}
.ya_content {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  padding-top: 4px;
}
.ya_description {
  font-size: 10px;
  opacity: 0.5;
}

#YaMap canvas {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
}
.default-textarea-wrap {
  height: auto;
}
.default-textarea-wrap textarea {
  margin: 0px;
  border: 0px;
  padding: 16px;
  height: auto;
  min-height: 200px;
  resize: vertical;
}

.fancybox-slide--iframe .fancybox-content {
  max-width  : 480px;
  height : 600px;
  margin: 0;
}

.header__formSearch_button {
  border-radius: 5px;
  background-color: #f8be12;
  font-size: 9px;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  border: none;
  height: 27px;
  padding: 0px 20px;
  margin-left: 15px;
  position: absolute;
  right: -80px;
  display: none;
}

.header__drop-down-item .cancel__item-btn {
  margin: 0px;
  height: 46px;
  background: rgba(51, 51, 51, 0.1);
}
.cancel__item-btn a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0px 20px;
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(51, 51, 51, 0.8);
}
.cancel__item-btn a:hover {
  text-decoration: none;
}
.form__button_plus {
  width: 23px;
  height: 23px;
  background: #008555;
  color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  padding: 0px;
  line-height: 23px;
}

.expand__sent_re .create-formSearch-liable {
  margin-bottom: 0px;
}
.client_contact__phone_caption {
  display: block;
  font-weight: normal;
  font-size: 11px;
  color: rgba(51, 51, 51, 0.6);
}

form .formSearch .form-group {
  width: 93%;
  height: auto;
  margin: 0px;
  position: relative;
}
form .form-group .help-block {
  position: absolute;
}


.indicator__support .indicator__line,
.indicator__support .indicator__line-bg{
  background-color:#ff9a33;
}
.expand-support .expand__detector,
.expand-support .expand__numb {
  background-color: #ff9a33;
}


.report__xls_link {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  background: rgba(15, 35, 225, 0.1);
  display: inline-block;
  padding: 10px 15px;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
}
.report__xls_link:active,
.report__xls_link:focus,
.report__xls_link:hover {
  text-decoration: none;
  color: #333;
}

/*.expand__item_active,
.expand__item_active .expand__item-wrap-2 {
  max-height: none;
}*/

.js-ticket-responsible-list {
  max-height: 130px;
  overflow: auto;
}

.expand__disabled {
  position: relative;
  pointer-events: none;
}
.expand__disabled::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  z-index: 9;
  opacity: .5;
}
.navbar__text {
  padding-left: 15px;
  padding-right: 15px;
}

.multiselect__single {
  background-color: transparent !important;
}
.multiselect__option.multiselect__option--highlight {
  background-color: #eff6ff !important;
  color: #000000 !important;
}
.multiselect__select {
  height: calc(100% - 2px) !important;
}
.input-custom-case {
  border-radius: 4px !important;
}
.multiselect__tags {
  border-radius: 4px !important;
}
.multiselect__tags-wrap {
  display: none !important;
}
.multiselect__input, .multiselect__single {
  font-size: 12px !important;
  background-color: transparent !important;
}
.multiselect__single {
  padding-top: 5px !important;
  overflow-y: hidden !important;
}
.multiselect {
  height: 100% !important;
}
.multiselect__option::after,
.multiselect__option::before {
  display: none !important;
}
.multiselect__input, .multiselect__single, .multiselect__placeholder {
  height: 20px !important;
  padding-top: 2px !important;
  margin-bottom: 10px !important;
  padding-left: 5px !important;
}
.multiselect__input {
  display: none !important;
}
.multiselect--active .multiselect__input {
  display: block !important;
}
.multiselect__placeholder {
  display: flex !important;
  align-items: center !important;
}
.multiselect-value {
  padding-bottom: 1px !important;
  padding-right: .5px !important;
}
.multiselect__option--highlight {
  background-color: #eff6ff !important;
  color: #000000 !important;
}

.mx-input {
  min-height: 45px !important;
  border-radius: 5px !important;
  border: 1px solid #e8e8e8 !important;
}
.mx-input::placeholder {
  font-size: 12px !important;
  color: #adadad !important;
}
.date-custom-field-case {
  border: none !important;
}
.multiselect__placeholder {
  margin-top: 3px !important;
}