@keyframes loading {
  0 {transform:rotate(0);}
  100% {transform:rotate(-360deg);}
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url(fonts/FiraSans-LightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Fira Sans Italic'), local('FiraSans-Italic'), url(fonts/FiraSans-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(fonts/FiraSans-MediumItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url(fonts/FiraSans-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url(fonts/FiraSans-BoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Fira Sans ExtraBold Italic'), local('FiraSans-ExtraBoldItalic'), url(fonts/FiraSans-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: local('Fira Sans Black Italic'), local('FiraSans-BlackItalic'), url(fonts/FiraSans-BlackItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Fira Sans Light'), local('FiraSans-Light'), url(fonts/FiraSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(fonts/FiraSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(fonts/FiraSans-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(fonts/FiraSans-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(fonts/FiraSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'), url(fonts/FiraSans-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Fira Sans Black'), local('FiraSans-Black'), url(fonts/FiraSans-Black.ttf) format('truetype');
}
.font10 {font-size: 10px !important}
.font11 {font-size: 11px !important}
.font13 {font-size: 13px !important}
.line14 {line-height: 14px !important}
/*
 * Base structure
 */
body > svg {
  display: none;
}

body {
  background-color: #fff;
  color: #000;
  font-family: 'Fira Sans', Arial, sans-serif;
  font-size: 12px;
  /* line-height: 1; */
  min-width: 1200px;
  /* width: 100vw; */
  min-height: 560px;
  /* overflow: hidden; */
  position: relative;
}
@media (min-width: 1600px){
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  } 
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height;
}
.collapsing.width {
  width: 0;
  height: auto;
  transition-property: width;
}

.navbar-collapse.width {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}
.navbar-collapse.width > ul {
  width: 200px;
}

#BodyWrapper {
  /* min-width: 1280px; */
}

#main {
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 48px;
  right: 0;
  top: 0;
  z-index: 1030;
}

#main .adminCat{
    overflow: auto !important;
}

.container-fluid#main {
  padding: 0 20px;
  width: auto;
}
#BodyWrapper #main,
#BodyWrapper #main .fixed-bottom,
#BodyWrapper #main .fixed-top,
#BodyWrapper #main .absolute-bottom,
#BodyWrapper #main .absolute-top {
  transition: .35s ease;
}
#BodyWrapper #main,
#BodyWrapper #main .fixed-bottom,
#BodyWrapper #main .fixed-top {
  position: absolute;
}
#BodyWrapper #main .fixed-top + .fixed-bottom {
  z-index: -1;
}
#main > .fixed-bottom, #main > .tab-content > .tab-pane > .fixed-bottom {
  top: 43px;
}
.scroll-horizontal {
  width: 100%;
  overflow-x: auto;
}
.scroll-vertical {
  height: 100%;
  overflow-y: auto;
}
#main .fixed-bottom.company {
  top: 86px;
}
#BodyWrapper #main {
  left: 50px;
}
#BodyWrapper.collapse.show #main {
  left: 265px;
}

#navbar-left {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 0;
  width: 48px;
  z-index: 1031;
}
#navbar-left.collapse,
#navbar-left.collapsing {
  height: auto;
  overflow: visible !important;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: width,visibility;
  -o-transition-property: width,visibility;
  transition-property: width,visibility;
}
#navbar-left.collapse {
  width: 50px;
}
#navbar-left.collapse.show {
  width: 265px;
}
#BodyWrapper,
#BodyWrapper.collapsing,
#BodyWrapper #navbar-left,
#BodyWrapper.collapsing #navbar-left,
#BodyWrapper #navbar-left .sidebar-nav > li > a,
#BodyWrapper.collapsing #navbar-left .sidebar-nav > li > a,
#BodyWrapper #main,
#BodyWrapper.collapsing #main {
  display: block;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
}
#BodyWrapper #navbar-left,
#BodyWrapper.collapsing #navbar-left,
#BodyWrapper #navbar-left .sidebar-nav > li > a,
#BodyWrapper.collapsing #navbar-left .sidebar-nav > li > a {
  -webkit-transition-property: width,visibility;
  -o-transition-property: width,visibility;
  transition-property: width,visibility;
}
#BodyWrapper #main,
#BodyWrapper.collapsing #main {
  -webkit-transition-property: left,visibility;
  -o-transition-property: left,visibility;
  transition-property: left,visibility;
}

#BodyWrapper,
#BodyWrapper.collapsing {
  width: 100vw !important;
  height: 100vh !important;
  overflow: visible !important;
  padding-left: 50px;
}

#BodyWrapper.collapse.show {
  padding-left: 265px;
}

#BodyWrapper:not(.show) {
  display: inherit;
}

#BodyWrapper #navbar-left > .sidebar-nav > li > a {
  overflow: hidden;
  width: 40px;
  white-space: nowrap;
}
#BodyWrapper.collapse.show #navbar-left {
  width: 265px;
}
#BodyWrapper.collapse.show #navbar-left > .sidebar-nav > li > a {
  font-size: 12px;
  padding: 10px 10px 10px 50px;
  width: 265px;
}
#BodyWrapper.collapse.show #navbar-left .sidebar-nav .dropdown-menu {
  left: 100%;
}

/* ICONS */

.icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  font-size: 0;
  transition: .1s;
  fill: currentColor;
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 0;
}
.icon > svg {font-size:0;line-height:20px}
.icon-sm {
  width: 14px;
  height: 14px;
}
.icon-sm > svg {line-height:14px}
 h1 > .icon-check {
  vertical-align: top;
  margin-left: 10px;
  width: 30px;
  height: 30px;
}
h1 > .icon-check > svg {
  width: 40px;
  height: 40px;
  margin: -5px;
}
.popover-body .icon,
.btn > .icon {
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.icon.icon-mail-send,
.icon.icon-mail-send > svg {
  width: 23px !important;
}
.icon.icon-mail-huge,
.icon.icon-mail-huge > svg {
  width: 30px !important;
  height: 22px !important;
  margin: -1px auto;
}
.btn > .icon.icon-arrow {
  width: 10px;
}
.btn:not(.btn-notext) > .icon {
  margin: 0 5px 0 -2px;
}
.btn:not(.btn-notext) > .icon-append {
  margin-right: -2px !important;
  margin-left: 5px !important;
}
.badge > .icon {
  vertical-align: top;
}
.btn > .icon > svg {
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 0;
}
.btn > .icon.icon-arrow > svg {
  margin: 0 -5px;
}

.btn.printBtnHead{
    padding: 0px 0px 0px 7px !important;
}

.navbar-dark .icon-hamburger-menu {
  color: #FFF;
}
.navbar-dark.collapse.show .icon-hamburger-menu {
  color: #A9B0B6;
}
.navbar-dark .icon-quit {
  color: #ED6E72;
}
.navbar-dark .nav-item:not(.active) .icon-help,
.navbar-dark .nav-item:not(.active) .icon-mail,
.navbar-dark .nav-item:not(.active) .icon-notification,
.navbar-dark .nav-item:not(.active) .icon-user {
  color: #C8E2F8;
}
.navbar-dark .navbar-nav.basket .icon-analytics,
.navbar-dark .navbar-nav.basket .icon-tlp,
.navbar-dark .navbar-nav.basket .icon-catalog,
.navbar-dark .navbar-nav.basket .icon-company,
.navbar-dark .navbar-nav.basket .icon-directory,
.navbar-dark .navbar-nav.basket .icon-signature,
.navbar-dark .navbar-nav.basket .icon-orders,
.navbar-dark .navbar-nav.basket .icon-point,
.navbar-dark .navbar-nav.basket .icon-procedure {
  color: #65B30C;
}
.navbar-dark .navbar-nav.provider .icon-analytics,
.navbar-dark .navbar-nav.provider .icon-tlp,
.navbar-dark .navbar-nav.provider .icon-catalog,
.navbar-dark .navbar-nav.provider .icon-company,
.navbar-dark .navbar-nav.provider .icon-directory,
.navbar-dark .navbar-nav.provider .icon-signature,
.navbar-dark .navbar-nav.provider .icon-orders,
.navbar-dark .navbar-nav.provider .icon-point,
.navbar-dark .navbar-nav.provider .icon-procedure {
  color: #0ECCC6;
}

.icon-basket.active,
.sravnenie .buyer .icon.active {
  color: #10AC17;
}
.icon-provider.active,
.sravnenie .provider .icon.active {
  color: #34CCC7;
}
.icon-basket-history.active {
  color: #E27210;
}
.icon-important.active,
.icon-trash.active {
  color: #CC0E14;
}
.icon-star {
  color: #C6CBCF;
}
.icon-star.active {
  color: #E27210;
}
.icon-phone.active,
.icon-pin.active,
.icon-doc-text.active,
.icon-picture.active,
.icon-print.active,
.icon-arrow-big.active {
  color: #107de2;
}
.icon-picture.inactive {
  color: #BFC3C8;
}
.btn:hover > .icon.active {
  color: inherit;
}
.icon-arrow-big.down, .icon-arrow-small.down {transform:rotate(90deg)}
.icon-arrow-big.left, .icon-arrow-small.left {transform:rotate(180deg)}
.icon-arrow-big.up, .icon-arrow-small.up {transform:rotate(270deg)}
.btn:not(.btn-notext) > .icon-arrow-big.down {}
.btn:not(.btn-notext) > .icon-arrow-big.left {}
.btn:not(.btn-notext) > .icon-arrow-big.up   {}
.icon-arrow-small {width: 12px;height: 12px;}
.icon-arrow-small > svg {width: 20px;height: 20px;margin: -4px;}

.icon-kebab-menu.down {
  transform: rotate(90deg);
}
.btn:not(.btn-notext) > .icon-kebab-menu.down {
  margin: 0 0 0 -6px;
}
.icon-ring, .icon-ringline, .icon-dot, .popover-body .icon-dot, .btn > .icon-dot {
  margin: 6px 0 7px;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  vertical-align: top;
  border-radius: 50%;
}
.icon-dot, .popover-body .icon-dot, .btn > .icon-dot {
  background-color: currentColor;
}
.icon-ring, .icon-ringline {
  border-color: currentColor;
  border-style: solid;
  border-width: 1px;
}
.icon-ringline::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -.5px;
  width: 1px;
  height: 100%;
  background-color: currentColor;
}
.orders_plan .icon-ring, .orders_plan .icon-ringline, .orders_plan .icon-dot {
  margin: 3px 0;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
}
/* END ICONS */

/* BEGIN CONTROLS */
b, strong, th, .text-bold {font-weight:500}
.strong {font-weight:700}
.inline-block {display: inline-block;}
p {
  line-height: normal;
  margin-bottom: 10px;
}
.text-wrap {
  white-space: normal;
}
a {
  color: #107de2;
  border-color: #107de2;
}
a.active {
  color: #0A0E92;
  border-color: #0A0E92;
}
.link-tr {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 4px auto 5px;
}
.link-inactive, .btn-link.link-inactive {
  font-weight: 500;
  color: #52616A;
}
.btn-link.link-inactive > .icon-mail-huge {color:#A9B0B6}
.link-inactive:hover, .link-inactive:hover > * {
  color: #107de2 !important;
  text-decoration: none;
}
.link-inactive:active, .link-inactive:active > * {
  color: #0A0E92 !important;
  text-decoration: none;
}
.link-inactive:hover > .text-primary, .link-inactive:active > .text-primary {color: #fff !important;}
.link-solid {
  cursor: pointer;
  text-decoration: underline;
}
.link-solid:hover {
  text-decoration: none;
}
.link-dotted, .select-el, a.select-el:not([href]):not([tabindex]) {
  cursor: pointer;
  text-decoration: none;
  color: #107de2;
  border-bottom: #107de2 1px dotted;
}
.link-dotted.link-inactive {
  color: #52616A!important;
  border-bottom-color: #52616A !important;
  font-weight: normal;
}
.link-dotted:hover, .btn:hover > .link-dotted, .select-el:hover {
  text-decoration: none;
  border-bottom-style: solid;
}
.link-dotted.active {
  border: none;
  text-decoration: none;
}

h1, .h1, .good-description > h1 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 23px;
  line-height: normal;
}
.modal .good-description > h1 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
}
.card-body {padding: 5px}
.card-body.tile {padding: 10px}
.ProcurementProceduresEditForm .card-body {padding: 5px 5px 5px 10px;}
.card-title {line-height: 20px;margin-bottom:0;}
.card-body > h1 {
  line-height: 30px;
  align-self: center;
  width: 100%;
}
.card-body > h1:not(.form-group) {
  margin-bottom: 0;
}
.sravnenie-toolbar .card-body > h1 {
  white-space: nowrap;
}
.card-footer {background: none; padding: 5px}
.card-footer:last-child {border-radius: 0 0 3px 3px}
h1 > a {
  color: #107de2;
}
.h2, h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}
.modal .good-description > h2 {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 16px;
}
.h3, h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.h4, h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.h5, h5, h5.card-title, .h5.card-title {
  font-size: 20px;
  line-height: 24px;
}
.row-md [class*="col-"] > .card-deck > .card > .card-body > h5 {
  font-size: 24px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon-label {
  height: 20px;
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  color: #52616A;
}
.control-label {
  vertical-align: top;
  height: 20px;
  margin: 0;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #52616A;
}
.popover-body .icon-label,
.popover-body .control-label {
  vertical-align: top;
}
.control-label.text-uppercase {
  font-size: 12px;
}
.control-label.text-uppercase.text-muted {
  font-size: 14px;
  color: #A9B0B6 !important;
}
.control-label + .form-inline {
  padding-top: 5px;
  padding-bottom: 5px;
}

.divider-solid {
  border-top: 1px solid #A9B0B6;
}
.company .divider-solid {
  margin: 10px -10px 10px;
}

.divider-dashed {
  border-top: 1px dashed #52616A;
}

  /* buttons */
  
  button:focus {
    outline: none;
  }

  .btn {
    position: relative;
    min-width: 24px;
    min-height: 30px;
    padding: 4px 12px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500;
    transition-duration: .1s;
  }
  .btn> * {
    line-height: 20px;
  }
  .btn-attention {
    position: relative;
  }
  .btn-attention:after {
    content: "!";
    display: block;
    width: 14px;
    height: 14px;
    padding: 0 0 0 1px;
    background-color: #E27210;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }
  .btn-notext {
    padding: 4px;
  }
  .btn-group-xs>.btn, .btn-xs {
    padding: 0;
    min-width: 0;
    min-height: 0;
    line-height: normal;
  }
  .btn-group-sm>.btn, .btn-sm {
    padding: 3px 8px;
    min-width: 0;
    min-height: 0;
    font-size: 14px;
    line-height: 1;
  }
  .btn-group-xs>.btn-notext, .btn-xs.btn-notext, .btn-group-sm>.btn-notext, .btn-sm.btn-notext {
    padding: 0;
  }
  .btn-group-lg>.btn, .btn-lg {
    padding: 9px 15px;
    font-weight: 600;
  }
  .btn-group-lg>.btn-notext, .btn-lg.btn-notext {
    padding: 10px;
  }
  .compla-login .btn-lg.btn-block {
    padding: 14px;
  }
  .compla-login .btn-lg:not(.btn-block) {
    padding: 14px 72px;
  }
  
  .btn-group-lgx>.btn, .btn-lgx {
    padding: 19px;
    font-weight: 600;
    font-size: 18px;
  }
  .btn-group-lgx>.btn-notext, .btn-lgx.btn-notext {
    padding: 19px;
  }
  .dropdown-toggle-split {
    min-width: 30px;
    min-height: 30px;
    padding: 4px !important;
  }
  .dropdown-toggle.dropdown-toggle-split > .icon-arrow {
    margin: 0 !important;
  }
  .btn.focus, .btn:focus {
    box-shadow: none;
  }
  .btn.disabled, .btn:disabled {
    opacity: .5;
  }

  .btn-green {
    background-color: #10AC17;
    border-color: #10AC17;
    color: #fff !important;
  }
  .btn-green:not(:disabled):hover {
    background-color: #008E00;
    border-color: #008E00;
  }
  .btn-green:not(:disabled):not(.disabled).active,
  .btn-green:not(:disabled):not(.disabled):active,
  .show>.btn-green.dropdown-toggle {
    background-color: #24C02B;
    border-color: #24C02B;
  }
  .btn-green:not(:disabled):not(.disabled).active:focus,
  .btn-green:not(:disabled):not(.disabled):active:focus,
  .show>.btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
  }

  .btn-violet {
    background-color: #0A0E92;
    border-color: #0A0E92;
    color: #fff !important;
  }
  .btn-violet:hover {
    background-color: #0055BA;
    border-color: #0055BA;
  }
  .btn-violet:not(:disabled):not(.disabled).active,
  .btn-violet:not(:disabled):not(.disabled):active,
  .show>.btn-violet.dropdown-toggle {
    background-color: #2491F6;
    border-color: #2491F6;
  }
  .btn-violet:not(:disabled):not(.disabled).active:focus,
  .btn-violet:not(:disabled):not(.disabled):active:focus,
  .show>.btn-violet.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
  }

  .btn-primary,
  .btn-primary.disabled,
  .btn-primary:disabled {
    background-color: #107de2;
    border-color: #107de2;
    color: #fff !important;
  }
  .btn-primary:not(:disabled):hover {
    background-color: #0055BA;
    border-color: #0055BA;
  }
  .btn-primary:not(:disabled):not(.disabled).active,
  .btn-primary:not(:disabled):not(.disabled):active,
  .show>.btn-primary.dropdown-toggle {
    background-color: #2491F6;
    border-color: #2491F6;
  }
  .btn-primary:not(:disabled):not(.disabled).active:focus,
  .btn-primary:not(:disabled):not(.disabled):active:focus,
  .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
  }
  .btn-outline-primary {
    border-color: #107de2;
    color: #107de2;
  }

  .btn-secondary,
  .btn-secondary.disabled,
  .btn-secondary:disabled {
    background-color: #A9B0B6;
    border-color: #A9B0B6;
    color: #fff;
  }
  .btn-secondary:not(:disabled):hover {
    border-color: #8B9298;
    background-color: #8B9298;
  }
  .btn-secondary:not(:disabled):not(.disabled).active,
  .btn-secondary:not(:disabled):not(.disabled):active,
  .show>.btn-secondary.dropdown-toggle {
    background-color: #BDC4CA;
    border-color: #BDC4CA;
  }
  .btn-secondary.link-inactive {
    background-color: #C9D6DE;
    border-color: #C9D6DE;
    color: #52616A;
  }
  .btn-secondary.link-inactive:hover,
  .btn-outline-secondary:not(:disabled):not(.disabled):active,
  .btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #fff !important;
    border-color: #107de2;
    background-color: #107de2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .btn-outline-secondary,
  .btn-outline-secondary.disabled,
  .btn-outline-secondary:disabled {
    border-color: #52616A;
    color: #52616A;
  }
  .btn-outline-secondary.link-inactive {
    border-color: #A9B0B6;
    /* color: #A9B0B6; */
  }
  .btn-outline-secondary:hover {
    color: #fff;
    border-color: #52616A;
    background-color: #52616A;
  }
  .btn-outline-primary:hover > .icon,
  .btn-outline-secondary:hover > .icon {
    color: #fff !important;
  }
  .btn-input .btn-outline-primary:hover > .icon,
  .btn-input .btn-outline-secondary:hover > .icon {
    color: #52616A !important;
  }
  .btn-input .btn-outline-secondary,
  .btn-input .btn-outline-secondary:not(:disabled):not(.disabled):hover,
  .btn-input .btn-outline-secondary:not(:disabled):not(.disabled):active,
  .btn-input .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .btn-input .btn-outline-secondary:not(:disabled):not(.disabled):active {
    border-color: #52616A;
    color: #52616A;
    background-color: #fff;
    text-align: left;
    box-shadow: none;
    padding: 4px 6px;
    font-weight: normal;
  }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled,
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    opacity: 1;
    background: #DDEAEB;
    border: 1px dashed #A9B0B6;
  }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled,
  .btn-outline-secondary.disabled > .icon, .btn-outline-secondary:disabled > .icon,
  .btn-outline-danger.disabled, .btn-outline-danger:disabled,
  .btn-outline-danger.disabled > .icon, .btn-outline-danger:disabled > .icon {
    color: #89969D !important;
  }

  .btn-danger,
  .btn-danger:hover,
  .btn-danger:not(:disabled):not(.disabled).active,
  .btn-danger:not(:disabled):not(.disabled):active,
  .show>.btn-danger.dropdown-toggle {
    background-color: #CC0E14;
    border-color: #CC0E14;
    color: #fff;
  }
  .btn-danger > .link-dotted {
    border-color: #fff;
  }
  .btn-outline-danger {
    border-color: #CC0E14;
    color: #CC0E14;
  }
  .btn-outline-danger > .link-dotted {
    border-color: #CC0E14;
  }

  .btn-warning,
  .btn-warning:hover,
  .btn-warning:not(:disabled):not(.disabled).active,
  .btn-warning:not(:disabled):not(.disabled):active,
  .show>.btn-warning.dropdown-toggle {
    background-color: #E27210;
    border-color: #E27210;
    color: #fff;
  }
  .btn-warning > .link-dotted {
    border-color: #fff;
  }
  .btn-outline-warning {
    border-color: #E27210;
    color: #E27210;
  }
  .btn-outline-warning > .link-dotted {
    border-color: #E27210;
  }

  .btn-success,
  .btn-outline-success:hover,
  .position .btn-outline-secondary:hover {
    background-color: #65B30C;
    border-color: #65B30C;
  }
  .btn-success:not(:disabled):hover {
    background-color: #519F00;
    border-color: #519F00;
  }
  .btn-success:not(:disabled):not(.disabled).active,
  .btn-success:not(:disabled):not(.disabled):active,
  .show>.btn-success.dropdown-toggle {
    background-color: #79C720;
    border-color: #79C720;
  }
  .btn-success:not(:disabled):not(.disabled).active:focus,
  .btn-success:not(:disabled):not(.disabled):active:focus,
  .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
  }

  .btn-success > .link-dotted {border-color: #fff;}

  .btn-outline-success,
  .btn-outline-success.disabled,
  .btn-outline-success:disabled {
    border-color: #10AC17;
    color: #10AC17;
  }
  .btn-outline-success > .link-dotted {
    border-color: #10AC17;
  }
  .btn-success.disabled, .btn-success:disabled,
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    opacity: 1;
    border-color: #DDEAEB;
    color: #99A6AB;
  }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    background: none;
    border-color: #99A6AB;
  }
  .btn-success.disabled, .btn-success:disabled {background: #DDEAEB;}
  .btn-link {
    color: #107de2;
  }
  .btn-link.disabled, .btn-link:disabled, .btn-link.disabled *, .btn-link:disabled * {
    color: #C9D6DE !important;
    opacity: 1;
  }
  .btn-link:hover, .btn-link:hover > .link-dotted {
    color: #0A0E92;
    text-decoration: none;
  }
  .btn-link.focus, .btn-link:focus {
    text-decoration: none;
  }
  .btn-link:hover > .link-dotted {
    border-color: #0A0E92;
  }
  .btn-outline-link {
    border: #107de2 1px dashed;
    background-color: transparent;
    color: #107de2;
  }
  .btn-outline-link:hover {
    border: #0A0E92 1px solid;
    color: #0A0E92;
  }
  .btn-outline-link:hover > .icon {
    color: #0A0E92;
  }
  .btn-outline-link.collapsed {border: #89969D 1px solid; color: #52616A;}
  .btn-outline-link.collapsed:hover {border-color: #107DE2; color: #107DE2;}
  .btn-outline-link.collapsed > .icon {color: #1C83E2;}
  .btn-collapse {transition: .35s ease;}
  .btn-collapse.collapsed {color: #E27210;}
  .btn-collapse.collapsed:hover {color: #CE5E0A;}
  .btn-collapse.collapsed > .icon {transform: rotate(180deg);}
  .btn-input .btn-block {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .btn-input .btn-block:not(:last-child),
  .btn-input:hover > .btn-block:not(:last-child) {
    border-right-width: 0;
  }
  .btn-input .dropdown-toggle-split:not(:first-child),
  .btn-input:hover > .dropdown-toggle-split:not(:first-child) {
    border-left: none;
    text-align: center !important;
  }

  .badge {
    border: none;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
  }
  .badge[ng-click], .badge[onclick], button.badge {
    cursor: pointer;
  }
  .good-order-summa .badge {
    padding: 1px;
  }
  .compla-track-status {
    min-width: 175px;
    white-space: nowrap;
  }
  .badge-pill {
    border-radius: 100px;
    padding: 3px 10px;
  }
  .compla-track-status .badge-pill {
    font-size: 11px;
    font-weight: 500;
    line-height: 15px !important;
    margin: 5px 0;
    padding-bottom: 2px;
  }
  .good-edit-form .compla-track-status .badge-pill {
    margin: 0;
    padding: 5px 10px;
    font-size: 13px;
  }
  .main-head .compla-track-status .badge-pill {
    vertical-align: middle;
    font-size: 12px;
    margin: 5px 0;
    padding: 0 10px;
    line-height: 20px !important;
  }
  .good-edit-form .compla-track-status .badge-pill > .icon,
  .main-head .compla-track-status .badge-pill > .icon {
    margin-left: 10px;
    color: inherit;
  }
  .modal-header .compla-track-status .badge-pill {
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
  }
  .compla-track-status .badge-pill + .btn {
    margin-left: 20px
  }
  .badge-primary, .badge-text-primary {
    color: #fff;
    background-color: #107de2;
  }
  .badge-secondary {
    color: #52616A;
    background-color: #C9D6DE;
  }
  .badge-dark {
    color: #fff;
    background-color: #1E2022;
  }
  .badge-violet {
    color: #fff;
    background-color: #0A0E92;
  }
  .badge-success, .badge-text-success, .badge-five {
    color: #fff;
    background-color: #65B30C;
  }
  .badge-warning, .badge-text-warning, .badge-text-halfsuccess, .badge-four, .badge-three {
    background-color: #E27210;
    color: #fff;
  }
  .badge-danger, .badge-text-danger, .badge-two, .badge-one {
    color: #fff;
    background-color: #CC0E14;
  }
  .badge-invite {
    color: #0A0E92;
    background-color: #FFFF88;
  }
  .badge > .link-dotted {
    border-color: currentColor;
    color: currentColor;
  }
  .badge-outline-primary, .badge-outline-secondary, .badge-outline-dark, .badge-outline-muted, .badge-outline-violet, .badge-outline-green, .badge-outline-success, .badge-outline-warning, .badge-outline-danger {
    border: 1px solid transparent;
  }
  .badge-outline-primary {
    color: #107de2;
    border-color: #107de2;
  }
  .badge-outline-secondary {
    color: #C9D6DE;
    border-color: #C9D6DE;
  }
  .badge-outline-dark {
    color: #1E2022;
    border-color: #1E2022;
  }
  .badge-outline-muted {
    color: #52616A;
    border-color: #52616A;
  }
  .badge-outline-violet {
    color: #0A0E92;
    border-color: #0A0E92;
  }
  .badge-outline-green {
    color: #65B30C;
    border-color: #65B30C;
  }
  .badge-outline-success {
    color: #10AC17;
    border-color: #10AC17;
  }
  .badge-outline-warning {
    color: #E27210;
    border-color: #E27210;
  }
  .badge-outline-danger {
    color: #CC0E14;
    border-color: #CC0E14;
  }
  .badge-sm {
    font-size: 12px;
    line-height: 15px;
    padding: 1px 7px !important;
    min-width: 38px;
  }

  .text-violet {
    color: #0A0E92 !important;
    border-color: #0A0E92 !important;
  }
  .text-violet:hover {
    color: #0A0E92 !important;
    border-color: #0A0E92 !important;
  }
  .text-muted {
    color: #52616A !important;
    border-color: #52616A !important;
  }
    .text-muted-for-medal_compare{
    color: #A9B0B6 !important;
    border-color: #A9B0B6 !important;
  }
    .text-black-50,
  .text-inactive {
    color: #A9B0B6 !important;
    border-color: #A9B0B6 !important;
  }
  .text-primary {
    color: #107de2 !important;
    border-color: #107de2 !important;
  }
  .text-halfsuccess {
    color: #0B6C07 !important;
    border-color: #0B6C07 !important;
  }
  .text-halfsuccess > .icon, .text-halfsuccess.icon {
    color: #95910A !important;
    border-color: #95910A !important;
  }
  .text-green {
    color: #65B30C !important;
    border-color: #65B30C !important;
  }
  .text-success {
    color: #10AC17 !important;
    border-color: #10AC17 !important;
  }
  .text-warning {
    color: #E27210 !important;
    border-color: #E27210 !important;
  }
  .text-gray{
    color: #52616A;    
  }
  
  .bg-muted {background: #F0F5F9 !important;}
  .bg-none, .sravnenie-toolbar > .card.bg-none > .card-body {background: none !important;}
  .bg-success, .sravnenie-toolbar > .card.bg-success > .card-body {background: #FAFFEF !important;}
  .bg-warning, .sravnenie-toolbar > .card.bg-warning > .card-body {background: #FEF2E8 !important;}
  .bg-danger, .sravnenie-toolbar > .card.bg-danger > .card-body {background: #FBEFEF !important;}
  .icon-ring.bg-success, .text-success > .icon-ring {background: rgba(16, 172, 23, .2);}
  .icon-ring.bg-warning, .text-warning > .icon-ring {background: rgba(226, 114, 16, .2);}
  .icon-ring.bg-danger, .text-danger > .icon-ring {background: rgba(204, 14, 20, .2);}
  .bg-primary, .sravnenie-toolbar > .card.bg-primary {background: #C8E2F8 !important;}
  .bg-secondary {background: #EFFBFF !important;}
  .bg-light, .sravnenie-toolbar > .card.bg-light {background: #FAFAFA !important;}

  .border-2      {border-width: 2px}
  .border-none      {border: none !important;}
  .border-violet    {border-color: #0A0E92 !important;}
  .border-light     {border-color: #F0F5F9 !important;}
  .border-muted     {border-color: #C9D6DE !important;}
  .border-dark      {border-color: #000000 !important;}
  .border-primary   {border-color: #107DE2 !important;}
  .border-secondary {border-color: #C8E2F8 !important;}
  .border-success   {border-color: #10AC17 !important;}
  .border-warning   {border-color: #E27210 !important;}
  .border-danger    {border-color: #CC0E14 !important;}
  .card-left-violet  {border-left: 4px solid #0A0E92 !important;}
  .card-left-primary {border-left: 4px solid #107DE2 !important;}
  .card-left-success {border-left: 4px solid #10AC17 !important;}
  .card-left-warning {border-left: 4px solid #E27210 !important;}
  .card-left-danger  {border-left: 4px solid #CC0E14 !important;}
  .firstTab .card.bg-warning {
    background: #F7F5BE;
    margin-left: -10px;
    margin-right: -10px;
  }
  .firstTab .card.border-warning {
    border-width: 2px;
    border-radius: 0;
  }
  .firstTab .card.bg-warning .card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 0px;
    padding: 0;
  }
  .firstTab .card.bg-warning .card-body {
    padding: 13px 8px;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
  }
  .table-striped tbody tr:nth-of-type(even) {
    background-color: #F0F5F9;
  }
  .table tbody+tbody {border-top:none}
  .table tbody tr.active,
  .table-hover tbody tr:active,
  .table-hover tbody tr:hover,
  .table-hover .table-secondary:hover {
      background-color: #EFFBFF;
  }
  .table-primary, .table-primary>td, .table-primary>th {
    background-color: #ffffff;
  }
  .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
    background-color: #EFFBFF;
  }
  .table-primary>td:first-child, .table-primary>th:first-child {
    border-left: #107DE2 2px solid;
  }
  .table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #fff;
  }
  .table-secondary>td:first-child, .table-secondary>th:first-child {
    border-left: #C9D6DE 2px solid;
  }
  .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
    background-color: #EFFBFF;
  }
  .table-success, .table-success>td, .table-success>th {
    background-color: #FAFFEF;
  }
  .table-success>td:first-child, .table-success>th:first-child {
    border-left: #65B30C 2px solid;
  }
  .table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
    background-color: #F2FFD7;
  }
  .table-warning, .table-warning>td, .table-warning>th {
    background-color: #FEF2E8;
  }
  .table-warning>td:first-child, .table-warning>th:first-child {
    border-left: #E27210 2px solid;
  }
  .table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
    background-color: #FFE9D7;
  }
  .table-danger, .table-danger>td, .table-danger>th {
    background-color: #FBEFEF;
  }
  .table-danger>td:first-child, .table-danger>th:first-child {
    border-left: #CC0E14 2px solid;
  }
  .table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
    background-color: #FFE1E1;
  }
  .text-danger, #nav-contracts .table-danger a {
      color: #CC0E14 !important;
      border-color: #CC0E14 !important;
  }
  .tender-opened {
    color: #65B30C;
  }
  .tender-closed {
    color: #E27210;
  }
  /* end buttons */

  /* checkbox */

  input[type=checkbox][disabled],
  input[type=radio][disabled] {
    cursor: not-allowed;
  }

  input[type=checkbox]:not(disabled),
  input[type=radio]:not(disabled),
  input.order_contragent  {
    cursor: pointer;
  }

  input[type=checkbox],
  input[type=radio] {
    margin: 0;
    vertical-align: top;
  }

  input[type=checkbox] {
    height: 20px;
    width: 20px;
  }

  .table .checkbox {
    margin: 0;
    padding: 0;
  }
  .table .checkbox input[type=checkbox] {
    top: 0;
    margin: 0;
    position: static;
  }
  .table .checkbox input[type=checkbox] + label {
    top: 0;
    margin: 0;
    padding: 0;
    position: absolute;
  }

  input[type=radio] {
    border-radius: 50%;
    height: 20px;
    width: 20px;
  }

  input[type=checkbox] + label,
  input[type=radio] + label{
    line-height: 20px;
    margin: 0;
    height: auto;
    min-height: 20px;
    padding: 0 0 0 20px;
    pointer-events: none;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #52616A;
  }
  
  .ahref_for_registration{
    line-height: 20px;
    margin: 0;
    height: auto;
    min-height: 20px;
    padding: 0 0 0 5px;  
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
  }
  
  
  input[type=checkbox] + label:not(:empty),
  input[type=radio] + label:not(:empty), .label {
    padding: 0 0 0 25px;
  }

  input[type=checkbox]:not(checked),
  input[type=radio]:not(checked) {
    opacity: 0;
    position: absolute;
  }

  input[type=radio]:not(checked) {
    /* top: 2px; */
  }

  input[type=checkbox] + label:before,
  input[type=radio] + label:before {
    background: #fff;
    border: #52616A 1px solid;
  }

  input[type=checkbox]:hover + label:before,
  input[type=radio]:hover + label:before {
    border-color: #107de2;
  }
  input[type=checkbox][disabled] + label:before,
  input[type=radio][disabled] + label:before {
    border-color: #CFDBE2;
  }

  input[type=checkbox]:not(checked) + label,
  input[type=radio]:not(checked) + label {
    outline: none;
    position: relative;
    left: 0;
    top: 0;
  }

  input[type=checkbox]:not(checked) + label:before,
  input[type=radio]:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
  }

  input[type=radio]:not(checked) + label:before {
    border-radius: 50%;
  }

  input[type=checkbox]:not(checked) + label:after,
  input[type=radio]:not(checked) + label:after {
    content: '';
    opacity: 0;
    position: absolute;
    transition: all .2s;
  }

  input[type=checkbox].halfstate + label:after {
    background: #00ADEE;
    height: 12px;
    left: 2px;
    top: 2px;
    width: 12px;
  }

  input[type=checkbox]:not(checked) + label:after {
    content: '';
    height: 10px;
    left: 3px;
    top: 5px;
    width: 14px;
    background: transparent url(../img/a-check.svg) 50% 50% no-repeat;
    background-size: 14px 10px;
  }

  input[type=checkbox][disabled] + label:after {
    background: #CFDBE2;
    left: 5px;
    width: 10px;
  }

  input[type=radio][disabled] + label:after {
    background: #CFDBE2;
  }

  input[type=radio]:not(checked) + label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #2D9CDB;
    border-radius: 50%;
  }

  input[type=checkbox]:checked + label:before,
  input[type=radio]:checked + label:before {
    background: #fff;
  }

  input[type=checkbox]:checked + label:after,
  input[type=radio]:checked + label:after {
    opacity: 1;
  }

  input[disabled] + label {
    color: #CFDBE2;
  }
  
  .checkbox, .checkbox-semafor {
    position: relative;
    padding: 5px 0;
    line-height: 20px;
  }
  .checkbox-semafor.bg-warning {
    padding: 5px 20px;
    border-radius: 3px;
  }
  .control-label + .form-inline > .checkbox, .control-label + .form-inline > .checkbox-semafor {
    padding: 0;
  }
  .checkbox-semafor > input[type=checkbox] + label {
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 40px;
  }
  .checkbox-semafor > input[type=checkbox] + label:not(:empty) {
    padding: 0 0 0 50px;
  }
  .checkbox-semafor.right > input[type=checkbox] + label {
    padding: 0 50px 0 0;
    width: 100%;
  }
  .checkbox-semafor > input[type=checkbox] {
    margin: 0;
    width: 40px;
    height: 20px;
  }
  .checkbox-semafor.right {position: relative}
  .checkbox-semafor.right > input[type=checkbox] {
    right: 0;
  }
  .checkbox-semafor > input[type=checkbox]:not(checked) + label:before {
    /* background: none; */
    border: #52616A 1px solid;
    border-radius: 10px;
    height: 20px;
    left: 0;
    top: 0;
    width: 40px;
  }
  .checkbox-semafor.right > input[type=checkbox]:not(checked) + label:before {
    left: auto;
    right: 0;
  }

  .checkbox-semafor > input[type=checkbox]:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    opacity: 1;
    transition: all .2s;
    background-color: #52616A;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
  }
  .checkbox-semafor.right > input[type=checkbox]:not(checked) + label:after {
    left: auto;
    right: 22px;
  }
  .checkbox-semafor > input[type=checkbox]:hover + label:before {
    border-color: #107de2;
  }
  .checkbox-semafor > input[type=checkbox]:hover + label:after {
    background-color: #107de2;
  }
  .checkbox-semafor > input[type=checkbox]:checked + label:before {
    border-color: #65B30C;
  }
  .checkbox-semafor > input[type=checkbox]:checked + label:after {
    background-color: #65B30C;
    left: 22px;
  }
  .checkbox-semafor.icons > input[type=checkbox]:checked + label:after {
    background-image: url(../img/a-check-white.svg);
  }
  .checkbox-semafor.right > input[type=checkbox]:checked + label:after {
    left: auto;
    right: 2px;
  }
  .checkbox-semafor > input[type=checkbox][disabled] + label {
    color: #CFDBE2;
  }
  .checkbox-semafor > input[type=checkbox][disabled] + label:before {
    border-color: #CFDBE2;
  }
  .checkbox-semafor > input[type=checkbox][disabled] + label:after {
    background: #CFDBE2;
  }

  .checkbox-convert > input[type=checkbox] + label {
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 40px;
  }

  .checkbox-convert.right > input[type=checkbox] + label {
    padding: 0 43px 0 0;
    width: 100%;
  }
  .checkbox-convert > input[type=checkbox] {
    margin: 0 auto;
    width: 40px;
    height: 20px;
  }
  .checkbox-convert.right {position: relative}
  .checkbox-convert.right > input[type=checkbox] {
    right: 0;
  }
  .checkbox-convert > input[type=checkbox]:not(checked) + label:before {
    background: #bec1c4 url(../../svg/other/arrow3.svg) 50% 50% no-repeat;
    background-size: 22px;
    border: none;
    border-radius: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    width: 40px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  }
  .checkbox-convert.right > input[type=checkbox]:not(checked) + label:before {
    left: auto;
    right: 3px;
  }
  .checkbox-convert > input[type=checkbox]:not(checked) + label:after {
    content: none;
  }
  .checkbox-convert > input[type=checkbox]:checked + label:before {
    background-color: #27AE60;
    background-image:url(../../svg/other/arrow4.svg);
    top: 3px;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  }

  .input-right, .checkbox-semafor.right, .checkbox-convert.right {position: relative;}

  .input-right > input[type=checkbox]:not(checked), .input-right > input[type=radio]:not(checked) {
    right: 0;
  }
  .input-right > input[type=checkbox] + label, .input-right > input[type=radio] + label {
    padding-left: 0;
    padding-right: 25px;
  }
  .input-right > input[type=checkbox]:not(checked) + label:before, .input-right > input[type=radio]:not(checked) + label:before {
    left: auto;
    right: 0;
  }
  .input-right > input[type=checkbox]:not(checked) + label:after {
    left: auto;
    right: 3px;
  }

  .text-right > input[type=checkbox],
  .text-right > input[type=radio],
  .text-right > input[type=checkbox] + label,
  .text-right > input[type=radio] + label {
    right: 0;
  }

  .text-center > input[type=checkbox],
  .text-center > input[type=radio],
  .text-center > input[type=checkbox] + label,
  .text-center > input[type=radio] + label {
    margin: 2px auto;
    left: 0;
    right: 0;
  }
  .text-center > input[type=checkbox]:not(checked) + label:before,
  .text-center > input[type=radio]:not(checked) + label:before {
    right: 0;
    margin: 0 auto;
  }
  .text-center > input[type=checkbox]:not(checked) + label:after,
  .text-center > input[type=radio]:not(checked) + label:after {
    right: 3px;
    margin: 0 auto;
  }

  /* end checkbox */

  /* input */
  td .input-group {flex-wrap: nowrap;}
  input[mask=percent], input[mask=money], input[mask=integer] {text-align: right;}
  select:hover, .form-select:hover, input:hover,
  input[type=text]:hover, input.datepicker:hover, input[type=number]:hover,
  input[type=email]:hover, input[type=phone]:hover, textarea:hover,
  .input-group-addon:hover, .input-group-btn .select-arrow:hover {
  }

      input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,
      select:hover:focus, .form-select:hover:focus, input:hover:focus,
      input[type=text]:hover:focus, input.datepicker:hover:focus, input[type=number]:hover,
      input[type=email]:hover:focus, input[type=phone]:hover:focus, textarea:hover:focus,
      .input-group-addon:focus, .input-group-btn .select-arrow:focus {
          outline: none;
      }
  .form-group {
    margin-bottom: 15px;
  }
  .popover-body .form-group {
    margin-bottom: 10px;
  }
  .form-control {
    height: 30px;
    border-color: #52616A;
    border-radius: 3px;
    color: #52616A;
    font-size: 14px;
    line-height: 16px;
    padding: 6px;
  }
  .form-control:focus {
    border-color: #107de2;
    box-shadow: none;
  }
  select.form-control:not([size]):not([multiple]) {
    height: 30px;
  }
  .form-control,
  .input-group>.form-control,
  .input-group>.input-group-append>.btn,
  .input-group>.input-group-append>.input-group-text,
  .input-group>.input-group-prepend>.btn,
  .input-group>.input-group-prepend>.input-group-text {
    padding: 4px 8px;
    min-width: 24px;
    min-height: 30px;
    line-height: 20px;
  }
  .input-group>.input-group-append>.btn-notext,
  .input-group>.input-group-prepend>.btn-notext {
    padding: 4px;
  }
  textarea.form-control {
    height: auto;
    resize: none;
  }
  .input-group>.form-control {
    padding: 4px 0;
    text-indent: 4px;
  }
  .input-group>.input-group-append>.btn-link,
  .input-group>.input-group-prepend>.btn-link {
    background-color: #fff;
    padding: 4px 3px;
  }
  .form-control-lg,
  .input-group-lg>.form-control,
  .input-group-lg>.input-group-append>.btn,
  .input-group-lg>.input-group-append>.input-group-text,
  .input-group-lg>.input-group-prepend>.btn,
  .input-group-lg>.input-group-prepend>.input-group-text {
    border-radius: 3px;
    padding: 5px 6px;
    min-width: 42px;
    min-height: 42px;
    line-height: 30px;
    font-size: 18px;
  }
  .form-control::placeholder {
    color: #A9B0B6;
    font-size: 14px;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .form-control:-ms-input-placeholder {
    color: #A9B0B6;
    font-size: 14px;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .form-control::-ms-input-placeholder {
    color: #A9B0B6;
    font-size: 14px;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .form-control:focus:placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .form-control:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .form-control:focus::-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .input-group-lg .btn>.icon {
    width: 20px;
    height: 20px;
  }
  .input-group-lg>.input-group-append>.btn>.icon-search {
    margin: 6px 0 4px;
  }

  .form-force {
    position: relative;
  }
  .form-force .form-control:not(:disabled):not(.disabled),
  .form-force:active .form-control:not(:disabled):not(.disabled),
  .form-force:focus .form-control:not(:disabled):not(.disabled),
  .form-force:hover .form-control:not(:disabled):not(.disabled),
  .form-force .btn-link:not(:disabled):not(.disabled),
  .btn-input .btn-outline-secondary.form-force,
  .btn-input .btn-outline-secondary.form-force:not(:disabled):not(.disabled):hover,
  .btn-input .btn-outline-secondary.form-force:not(:disabled):not(.disabled):active,
  .btn-input .btn-outline-secondary.form-force:not(:disabled):not(.disabled).active,
  .btn-input.form-force .btn-outline-secondary:not(:disabled):not(.disabled),
  .btn-input.form-force .btn-outline-secondary:not(:disabled):not(.disabled):hover,
  .btn-input.form-force .btn-outline-secondary:not(:disabled):not(.disabled):active,
  .btn-input.form-force .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .form-force .chosen-container-single:not(.chosen-disabled) .chosen-single,
  .form-force .chosen-container-single:not(.chosen-disabled) a:not([href]):not([tabindex]).chosen-single,
  .form-force .chosen-container-active.chosen-with-drop .chosen-single,
  .form-force .chosen-container-active.chosen-with-drop .chosen-drop,
  .form-force .input-group-text {
    background-color: #F7F5BE;
  }

  .form-force:before {
    content: "*";
    position: absolute;
    right: 0;
    top: -18px;
    height: 16px;
    text-align: right;
    line-height: 24px;
    font-size: 24px;
    color: #CC0E14;
  }

  .row.date-period, .row.row-md {
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
  }
  .row.date-period:before {
    content: "\2014";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 30px;
    text-align: center;
    color: #52616A;
    font-size: 14px;
  }
  .row.date-period > [class*="col-"], .row.row-md > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .input-group-text,
  .input-group-append .btn,
  .input-group-prepend .btn {
    padding: 6px;
    line-height: 16px;
    font-size: 14px;
    border-radius: 3px;
  }
  .input-group-text,
  .input-group-append .btn-link,
  .input-group-prepend .btn-link {
    border-color: #52616A;
    color: #52616A;
  }
  .input-group-append .btn-link,
  .input-group-prepend .btn-link {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
  }
  .input-group-append .btn-link:last-child {
    border-right-color: inherit !important;
  }
  .form-control[disabled] ~ .input-group-append .btn-link:last-child,
  .form-control[disabled] ~ .input-group-prepend .btn-link:last-child,
  .form-control[readonly] ~ .input-group-append .btn-link:last-child,
  .form-control[readonly] ~ .input-group-prepend .btn-link:last-child {
    border-right-color: #A9B0B6 !important;
  }
  .input-group-prepend .btn-link:first-child {
    border-left-color: inherit;
  }
  .input-group-text {
    background: #fff;
    border-color: #52616A;
    color: #000;
  }
  .input-group > * {
    border-left-width: 0;
    border-right-width: 0;
  }
  .input-group > *:first-child, .input-group > *:first-child > .input-group-text {
    border-left-width: 1px;
  }
  .input-group > *:last-child, .input-group > *:last-child > .input-group-text {
    border-right-width: 1px;
  }
  .input-group .btn {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .input-group .btn+.btn {
    margin: 0 !important;
  }
  .input-group .btn:disabled {
    opacity: 1;
    background-color: #F0F5F9;
    border-color: #A9B0B6;
    border-style: dashed;
    color: #A9B0B6;
  }
  .input-group .input-group-append > .btn-link:disabled {
    border-left-color: transparent;
  }
  .input-group .input-group-prepend > .btn-link:disabled {
    border-right-color: transparent;
  }

  .input-group .input-group-append > select {
    margin-left: 1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  /* fix to make calendar buttons click-transparent */

  .input-group>.form-control[bs-datepicker] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    padding-right: 27px;
  }
  input[bs-datepicker] ~ .input-group-append,
  input[bs-datepicker] ~ .input-group-append > * {
    opacity: .75;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 3;
  }

  /* end input*/

  /* chosen */
  .chosen-container {
    max-width: 100%;
    font-size: 14px;
  }
  .form-control.header-input + .chosen-container {
    display: inline-block;
  }
  
    .form-control + .chosen-container {
    display: block;
    /* min-width: 100%; */
  }
  
  .input-group>.custom-file + .chosen-container, .input-group>.custom-select + .chosen-container, .input-group>.form-control + .chosen-container {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0;
  }
  .form-control:not(:last-child) + .chosen-container:not(:last-child) .chosen-single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .chosen-container .chosen-drop {
    border-color: #52616A;
    border-radius: 0 0 3px 3px;
    box-shadow: none;
  }
  .chosen-container-single .chosen-default {
    color: #A9B0B6;
  }
  .chosen-container .chosen-single {
    height: 30px;
    font-size: 14px;
    line-height: 16px;
    padding: 6px;
    box-shadow: none;
    background: #fff;
    border-color: #52616A;
    border-radius: 3px;
    color: #52616A;
  }
  .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #52616A;
    background: #fff;
  }
  .chosen-container-single .chosen-default span {
    color: #A9B0B6;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .chosen-container-active .chosen-single {
    box-shadow: none;
  }
  .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 34px;
  }
  .chosen-container-single .chosen-single div {
    width: 28px;
  }
  .chosen-container-single .chosen-single div b {
    width: 14px;
    margin: 0 7px;
    background-position: 1px 4px;
  }
  .chosen-container-single .chosen-search input[type="text"] {
    background-color: #fff;
  }
  .form-control.disabled, .form-control[disabled], .form-control[readonly],
  .form-control[disabled] ~ .input-group-append .input-group-text,
  .form-control[disabled] ~ .input-group-append .btn-link,
  .form-control[disabled] ~ .input-group-prepend .btn-link,
  .form-control[readonly] ~ .input-group-append .input-group-text,
  .form-control[readonly] ~ .input-group-append .btn-link,
  .form-control[readonly] ~ .input-group-prepend .btn-link,
  .chosen-disabled .chosen-single,
  .btn-input .btn-outline-secondary[disabled] {
    background-color: #F0F5F9;
    border-color: #A9B0B6;
    border-style: dashed;
    color: #A9B0B6 !important;
  }
  .chosen-disabled .chosen-single div {
    opacity: .5;
  }
  .chosen-disabled {
    opacity: 1 !important;
  }
  .chosen-container .chosen-results li {
    font-weight: normal;
    text-transform: none;
}
  .table-chosen {
    height: 445px;
  }
  .table-chosen thead .chosen-single {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    height: 40px;
  }
  .table-chosen thead .chosen-single span {
    font-size: 12px;
    color: #1E2022;
    height: 40px;
    padding: 12px 5px;
  }
  .table-chosen thead .chosen-container-single .chosen-single div {
    width: 20px;
  }
  .table-chosen thead .chosen-single div b,
  .table-chosen thead .chosen-container-active .chosen-single div b {
    width: 10px;
    background-position: 0 10px;
  }
  .table-chosen thead .chosen-container .chosen-drop {
    width: auto;
    margin-top: 0;
    margin-left: -1px;
    border-color: #a9b0b6;
    border-top: 1px solid #a9b0b6;
    border-radius: 0;
  }
  /* end chosen */

  /* tree */

  #derevo {margin: 0;padding: 0;}

  #derevo .level1 {
    /* margin-left: 10px; */
  }

  #derevo .level2 {
    /* margin-left: 20px; */
  }

  #derevo .level3 {
    /* margin-left: 30px; */
  }

  #derevo .level4 {
    /* margin-left: 40px; */
  }

  #derevo .level5 {
    /* margin-left: 60px; */
  }

  #derevo span {
    text-decoration: none;
    display: block;
    margin: 0;
    position: relative;
    line-height: 24px;
  }

  #derevo li>span:hover {
    background: #DBE7EB;
  }

  #derevo li>span>a.current {
    background: #CCF8CB;
  }

    #derevo span a {
      display: block;
      position: relative;
      margin: 0;
      padding: 4px 4px 4px 24px;
      font-size: 13px;
      line-height: 16px;
      color: #1E2022;
    }

  #derevo .level0>span,
  #derevo .level1>span {
    margin-left: 0;
  }

  #derevo .level0>span>.derevo-folder, 
  #derevo .level1>span>.derevo-folder {
    padding-left: 40px;
    font-weight: 600;
  }

.derevo-root { /* I AM gROOT!1 */
  color: #1c75bc;
  display: block;
  font-size: 1em;
  font-weight: 600;
  height: 18px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

  .derevo-root a {
    display: inline-block;
    float: left;
    font-size: 17px;
    height: 18px;
    line-height: 7px;
    margin: 0 4px 0 0;
    text-align: center;
    width: 12px;
  }

#derevo ul, #derevo li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

  #derevo ul li {
    margin-left: 15px;
  }
  #derevo ul li.level2 {
    margin-left: 40px;
  }

#derevo .derevo-marker-folder {
  position: absolute;
  top: 0;
  left: 10px;
  margin: 0;
  padding: 2px;
  height: 24px;
  width: 24px;
  color: #107de2;
  z-index: 1;
}
  #derevo .derevo-marker-folder.current {
    color: #65B30C;
  }
  #derevo .derevo-marker-folder > .icon {
    margin: 0;
  }

#derevo .derevo-marker-arrow {
  height: 24px;
  left: 0;
  padding: 2px;
  position: absolute;
  top: 0;
  margin: 0;
  width: 24px;
  color: #107de2;
  z-index: 1;
}
  #derevo .derevo-marker-arrow > .icon {
    transform: rotate(-90deg);
  }
  #derevo .derevo-marker-arrow.current {
    color: #65B30C;
    transform: rotate(90deg);
  }
#derevo .derevo-marker-circle {
  height: 6px;
  left: 0;
  margin: 9px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 6px;
  background: #52616A !important;
  border-radius: 50%;
  z-index: 1;
}
#derevo .add {
  border-bottom: transparent 1px dashed;
  clear: both;
  color: #08A650;
  display: inline-block;
}

  #derevo .add:hover {
    border-bottom-color: #08A650;
    text-decoration: none;
  }

  #derevo .add:before {
    content: "";
    background: transparent url(../../svg/other/dobavit-green.svg) 50% 50% no-repeat;
    display: inline-block;
    height: 12px;
    left: -1.25em;
    padding: 0;
    position: absolute;
    top: 1px;
    vertical-align: top;
    width: 12px;
  }

#derevo .button {
  border-bottom: transparent 1px dashed;
  color: #08A650;
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-left: 5px;
  display: none;
}

#derevo .delete {
  background: transparent url(../../svg/other/delete-gray.svg) 50% 50% no-repeat;
}

#derevo .button:hover {
  text-decoration: none;
  border-bottom: #20449f 1px dashed;
}

#derevo .edit {
  background: transparent url(../../svg/other/izmenit.svg) 50% 50% no-repeat;
}
#derevo .show {
  background: transparent url(../../svg/new/toolbar/prosmotr.svg) 50% 50% no-repeat;
}
#derevo span:hover .button {
  visibility: visible;
  display: inherit;
}

/* IE 6 Fixup */
* html #derevo * {
  height: 1%;
}

  /* end tree */

  /* dropdown */

  .dropdown-menu {
    border-radius: 5px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
    padding: 10px;
    font-size: 13px;
  }
  .dropdown-item {
    position: relative;
    padding: 5px;
    line-height: 20px;
    color: #000;
    border-bottom: #A9B0B6 solid 1px;
  }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #107DE2 !important;
    background-color: #EFF5F9;
  }
  .dropdown-item.active, .dropdown-item:active, .dropdown-item.active *, .dropdown-item:active * {
    color: #fff !important;
    background-color: #107DE2;
  }
  .dropdown-item.active .icon-dot, .dropdown-item:active .icon-dot {
    background-color: #fff !important;
  }
  .dropdown-item:last-child {
    border-bottom: none;
  }
  .dropdown-item > .icon,
  .dropdown-item > .dropdown-toggle > .icon {
    margin: 0 4px 0 0;
    vertical-align: top;
  }
  .dropdown-item > .dropdown-toggle {
    display: block;
    padding-right: 20px;
  }
  .dropdown-menu.datepicker {
      border-radius: 0;
      padding: 0;
  }
  .dropdown-menu.datepicker table {
      border-spacing: 0;
  }
  .datepicker thead {
    border-color: #a9b0b6;
  }
  .dropdown-menu.datepicker table th {
      padding: 0 !important;
      background: none !important;
      border: none !important;
      text-transform: none !important;
  }
  .dropdown-menu.datepicker table td {
      border: none !important;
      padding: 0 !important;
      height: 25px !important;
  }
  .datepicker .select-arrow {
    margin: 0;
    width: 100%;
    height: 25px;
  }
  .datepicker .select-arrow:after {
    border: none;
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("chosen-sprite.png") no-repeat 2px -2px;
  }
  .datepicker .select-arrow.left:after {
    border: none;
    margin: 5px;
    transform: rotate(90deg);
  }
  .datepicker .select-arrow.right:after {
    border: none;
    margin: 5px 6px;
    transform: rotate(270deg);
  }

  /* end dropdown */

/* END CONTROLS */

/* BREADCRUMBS */

#main .container-fluid > .breadcrumbs {padding-top: 8px;padding-bottom: 8px;}
#main .container-fluid > .collapse + .breadcrumbs {border-top: 1px solid #A9B0B6;}
.row:not(.no-gutters)>.col.breadcrumb {padding: 0 20px;}
.breadcrumb {
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 12px;
}
.breadcrumb-item + .breadcrumb-item {padding-left: 4px; white-space: nowrap;}
.breadcrumb-item + .breadcrumb-item::before {color: #A9B0B6; padding-right: 4px;}
.breadcrumb-item.active {color: #A9B0B6;}
.breadcrumb-item > a {color: #0A0E92;}
#main .container-fluid > .fulltextsearch {padding-top: 15px;}
#main .main-head > .container-fluid > .fulltextsearch {padding-top: 11px; padding-bottom: 10px;}
#main .container-fluid > .collapse + .fulltextsearch {padding-top: 0;}

/* END BREADCRUMBS */

/* LEFT MENU */

.navbar-row {
  padding: 0 10px;
}
.navbar-header {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
}
.navbar-brand {
  width: 76px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 0;
}
.navbar-toggler {
  border: none;
  border-radius: 0;
  font-size: 0;
  padding: 0 3px;
  text-align: left;
}
.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler > .icon {
  width: 24px;
  height: 24px;
}
.navbar-nav .nav-link {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0;
}
.navbar-nav .nav-link {
  font-size: 15px;
  padding: 8px 15px;
  overflow: hidden;
  white-space: nowrap;
}
#navbar-left .nav-link {
  font-size: 0;
}
.navbar-nav .nav-divider {
  height: 1px;
  margin: 5px 10px;
}
.navbar-nav .nav-divider:first-child {
  margin-top: 0;
}
.navbar-nav .active .nav-link:before,
.navbar-nav .active .nav-link:hover:before {
  content: "(you are here)";
  display: block;
  position: absolute;
  right: 0;
  margin: 6px 5px 0 0;
  background-color: #65B30C;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  color: transparent;
}
#BodyWrapper.collapse.show .navbar-nav .active .nav-link:before,
#BodyWrapper.collapse.show .navbar-nav .active .nav-link:hover:before {
  margin-right: 10px;
}
.navbar-nav .nav-link > .icon {
  margin: 0 2px 0 0;
  vertical-align: top;
}
#navbar-left .nav-link > .icon {margin: 0;}
#navbar-left .nav-link > .icon-tlp {width:24px;margin: 0 -2px;}
#navbar-left .nav-link > span:not(.nav-counter) {
  font-size: 15px;
  font-weight: 500;
}
#navbar-left .nav-link > .icon + span {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
}
#navbar-left .nav-link.user > span {
  font-weight: normal;
}

.nav-counter, :hover > .nav-counter {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  line-height: 14px;
  height: 14px;
  min-width: 14px;
  text-align: center;
  border-radius: 7px;
  font-size: 12px;
  background: #CC0E14;
  color: #fff !important;
}
#navbar-left .nav-link > .nav-counter {
  position: absolute;
  right: 10px;
  margin: 3px -5px 3px 0;
}
.btn-notext > .nav-counter {
  position: absolute;
  right: 0;
  margin: 3px 0;
}
#BodyWrapper.collapse > #navbar-left .nav-link > .nav-counter {
  /* margin: 10px -5px 0 0; */
}
#BodyWrapper.collapse.show > #navbar-left .nav-link > .nav-counter {
  margin: 3px 0;
}
.navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-item {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.input-group>.input-group-prepend>.btn.dropdown-toggle,
.input-group>.input-group-append>.btn.dropdown-toggle {
  padding-right: 10px;
}
.dropdown-toggle::after,
.dropright .dropdown-toggle::after {
  content: none;
}
.dropdown-toggle:not(.btn) > .icon-arrow {
  position: absolute;
  right: 0;
  margin: 7px 0 !important;
  vertical-align: top;
  height: 16px;
}
.dropdown-toggle > .icon-arrow > svg {
  margin: -2px 0;
}
.dropright > .dropdown-toggle > .icon-arrow,
.navbar-nav .dropdown-toggle > .icon-arrow {
  transform: rotate(270deg);
}
.navbar-nav .dropdown-toggle > .icon-arrow {
  position: absolute;
  right: 0;
  top: 8px;
  margin: 0 !important;
  height: 20px;
}
#BodyWrapper.collapse.show .navbar-nav .dropdown-toggle > .icon-arrow {
  right: 4px;
  height: 20px;
}
.dropdown-menu > .dropdown-item:hover > .dropdown-menu {display: block;margin-left: 14px;margin-top: -5px;padding: 0 10px;}
.navbar-nav .dropdown-menu,
.dropdown-divider {
  border-color: #52616A;
}
.navbar-nav .dropdown-menu {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.navbar-nav .dropdown-item {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 8px 20px;
  line-height: 20px;
  font-size: 14px;
}
.navbar-dark {
  background-color: #52616A;
}
.navbar-dark .navbar-logo {
  border: none;
}
.navbar-dark .navbar-nav .nav-divider {
  background-color: #3E4D56;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  background-color: #485760;
  color: #fff;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:hover {
  background-color: #34434C;
}
.navbar-dark .navbar-nav a:focus > .icon-arrow {
  color: #fff;
}
.navbar-dark .navbar-nav .dropdown-menu {
  background-color: #526169;
}
.navbar-dark .navbar-nav .dropdown-item:focus,
.navbar-dark .navbar-nav .dropdown-item:hover {
  background-color: #34434c;
}
.navbar-dark .navbar-nav.basket .dropdown-toggle,
.navbar-dark .navbar-nav .basket.dropdown-toggle:focus,
.navbar-dark .navbar-nav.basket .dropdown-toggle:hover,
.navbar-dark .navbar-nav.basket .dropdown-toggle.show,
.navbar-dark .navbar-nav.basket .show>.dropdown-toggle,
.navbar-dark .navbar-nav .show>.dropdown-menu > .dropdown-item.basket,
.navbar-dark .navbar-nav .show>.dropdown-menu > .dropdown-item.basket > .icon {
  background: transparent;
  color: #80E210 !important;
}
.navbar-dark .navbar-nav.basket .active > .nav-link,
.navbar-dark .navbar-nav.basket .active > .nav-link:hover {
  color: #65B30C;
}
.navbar-dark .navbar-nav.basket .active > .nav-link:before,
.navbar-dark .navbar-nav.basket .active > .nav-link:hover:before {
  background-color: #65B30C;
}
.navbar-dark .navbar-nav.provider .dropdown-toggle,
.navbar-dark .navbar-nav.provider .dropdown-toggle:focus,
.navbar-dark .navbar-nav.provider .dropdown-toggle:hover,
.navbar-dark .navbar-nav.provider .dropdown-toggle.show,
.navbar-dark .navbar-nav.provider.show>.dropdown-toggle,
.navbar-dark .navbar-nav .show>.dropdown-menu > .dropdown-item.provider,
.navbar-dark .navbar-nav .show>.dropdown-menu > .dropdown-item.provider > .icon {
  background: transparent;
  color: #52EAE5 !important;
}
.navbar-dark .navbar-nav.provider .active > .nav-link,
.navbar-dark .navbar-nav.provider .active > .nav-link:hover {
  color: #0ECCC6;
}
.navbar-dark .navbar-nav.provider .active > .nav-link:before,
.navbar-dark .navbar-nav.provider .active > .nav-link:hover:before {
  background-color: #0ECCC6;
}

/* END LEFT MENU */

/* TOP MENU */

.compla-masthead {
  /*background-color: #52616A;
  border-bottom: 1px solid #A9B0B6;*/
  margin-top: 15px;
}
.compla-masthead .h1, .compla-masthead h1 {
    /*background: transparent url(svg/logo_new.svg) 50% 50% no-repeat;
    display: inline-block;
    font-size: 0;
    height: 23px;
    margin: 10px;
    vertical-align: top;
    width: 78px;*/
    background: transparent url(svg/logo_new.svg) 50% 50% no-repeat;
    display: inline-block;
    font-size: 0;
    height: 33px;
    margin: 10px;
    vertical-align: top;
    width: 138px;
    margin-top: 23px;
}
#main .nav-top {
  position: absolute;
  right: 0;
  /* left: 0; */
}
#main .nav-top.nav-head {
  left: 0;
}
#main .nav-top .navbar-nav {
  /* flex: 1; */
  /* text-align: right; */
  flex-direction: row;
  padding-right: 20px;
}
#main .nav-top .navbar-nav .nav-link {
  padding: 11px 0;
  position: relative;
  color: #52616A;
}
#main .nav-top .navbar-nav .nav-item + .nav-item {
  margin-left: 30px;
}
#main .nav-top .icon-important {
    color: #CC0E14;
}
#main .nav-top .icon-basket {
    color: #65B30C;
}
#main .nav-top .icon-basket-history {
    color: #E27210;
}

.nav-tabs:not(.flex-column) {border-bottom-color: #A9B0B6; padding: 0 20px;}
.nav-tabs.flex-column {border: none; padding: 20px 0;}
.modal-content > .modal-body > .nav-tabs:not(.flex-column) {margin: 0 -20px;}
.nav-tabs .h2, .nav-tabs h2 {
  display: inline-block;
  margin-top: 10px;
}
.nav-tabs .close {
  padding: 11px 11px 10px;
  line-height: 0;
}
.nav-tabs .close > .icon {vertical-align: top;}

.nav-tabs > .nav-link, .tree-new .nav-tabs > .nav-link {
  cursor: pointer;
  background: none;
  border-radius: 0;
  line-height: 16px;
  font-size: 14px;
  color: #52616A;
}
.nav-tabs:not(.flex-column) > .nav-link, .tree-new .nav-tabs:not(.flex-column) > .nav-link {border-width: 0 0 3px; padding: 10px 0; text-transform: uppercase; line-height: 20px; font-weight: 600;}
.nav-tabs.flex-column > .nav-link, .tree-new .nav-tabs.flex-column > .nav-link {border-width: 0 5px 0 0;padding: 0 20px;}

.nav-tabs:not(.flex-column) > .nav-link + .nav-link {margin-left: 30px;}
.nav-tabs > .nav-link:focus, .nav-tabs > .nav-link:hover, .nav-tabs > .nav-link.btn-selected:hover, .tree-new .nav-tabs > .nav-link:hover {border-color: #52616A;}
.nav-tabs > .nav-item.show .nav-link, .nav-tabs > .nav-link.active, .nav-tabs > .nav-link.btn-selected {
  color: #E27210 !important;
  border-color: #E27210;
  background: transparent;
  /* color: #0A0E92 !important; */
  /* border-color: #0A0E92; */
}
.nav-tabs.flex-column > .nav-item.show .nav-link, .nav-tabs.flex-column > .nav-link.active, .nav-tabs.flex-column > .nav-link.btn-selected {
  color: #000 !important;
  border-color: #107DE2;
}
.nav-orange > .nav-item.show .nav-link, .nav-orange > .nav-link.active, .nav-orange > .nav-link.btn-selected {
  color: #E27210 !important;
  border-color: #E27210;
}
.nav-tabs.nav-dotted {
  border-bottom: none;
  padding: 0;
}
.nav-tabs.nav-dotted > .nav-link {
  padding: 0;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #107DE2;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: none;
  color: #107DE2;
}

.nav-tabs.nav-dotted .nav-item + .nav-item {
  margin-left: 30px;
}
.nav-tabs.nav-dotted .nav-link:focus, .nav-tabs.nav-dotted .nav-link:hover, .nav-tabs.nav-dotted .nav-link.btn-selected:hover {
  border-color: #0A0E92;
  border-style: solid;
  color: #0A0E92;
}
.nav-tabs.nav-dotted .nav-item.show .nav-link, .nav-tabs.nav-dotted .nav-link.active, .nav-tabs.nav-dotted .nav-link.btn-selected {
  color: #52616A;
  border: none;
}

.main-head {
  border-bottom: 1px solid #A9B0B6;
}
#main .main-head {
  padding-top: 6px;
  padding-bottom: 6px;
  /* padding-right: 6px; */
}
#main .main-head.bg-secondary {
  border-color: #C8E2F8;
}
#main .container-fluid.main-head > .row{
  padding-top: 0;
}
.main-head h2,
.main-head .compla-track-status,
.main-head .main-label {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  min-width: auto;
}
.main-head h2 {
  margin-bottom: 0;
  line-height: 30px;
  /* font-weight: normal; */
  color: #000;
}
.main-head .btn {vertical-align: top;}
.main-head .btn:not(:last-child) + .btn:not(.dropdown-toggle) {margin-left: 20px;}
.main-head .btn.link-close {margin-right: -15px;}
.main-head .col.text-right .link-inactive,
.main-head .col .float-right .link-inactive:not(.btn) {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  font-size: 14px;
}
.main-head .main-label {
  height: 30px;
  line-height: 30px;
  margin: 0;
}
/* END TOP MENU */

/* MAIN CONTAINER */
@media (max-width: 1200px) {
  .container {
    max-width: 1150px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1200px;
  }
}
#main .container-fluid h3 {
  margin: 0;
  padding-bottom: 10px;
  font-weight: 600;
  /* font-size: 14px; */
  color: #0A0E92;
}
.container,
.container-fluid,
.no-gutters > .container,
.no-gutters > .container-fluid {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.fixed-bottom.cabinet .provider > .container,
.fixed-bottom.cabinet .wrapper > .container {margin-left: 0;}
.container:not(.card-body) > .row,
.container-fluid:not(.card-body) > .row {
  margin-left: -20px;
  margin-right: -20px;
}
.container:not(.card-body):not(.good-edit-form) > .row:not(.no-gutters) > [class*="col-"], .container-fluid:not(.card-body):not(.good-edit-form)  > .row:not(.no-gutters) > [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.container:not(.card-body) > .row.form-group,
.container-fluid:not(.card-body) > .row.form-group {
  margin-bottom: 0;
  padding-bottom: 15px;
}
#main .container > .toolbar + .row,
#main .container-fluid > .toolbar + .row {
  padding-top: 0;
}
.container-fluid > .row:not(.no-gutters) > [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* END MAIN CONTAINER */

/* TILES */

#main .container-fluid > .row.fullcatalogcount {
  padding-top: 18px;
  font-size: 14px;
}
.row.tiles, .container:not(.card-body) > .row.tiles {
  align-items: stretch;
  align-content: stretch;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
}
.row.tiles.level1 {
  padding-top: 10px;
}
.row.tiles > [class*="col-"] {
  align-content: stretch;
  margin-bottom: 20px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.tile, .tile:hover {
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  background: #FFF;
  border-radius: 5px;
  text-decoration: none;
  min-height: 70px;
  border: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.tile[ng-click] {
  cursor: pointer;
}
.tree-new {
  min-width: 230px;
  max-width: 230px;
  width: 100%;
  opacity: 1;
  transition: opacity .35s ease;
}
.collapse:not(.show) > .tree-new {
  opacity: 0;
}
.tree-new .tile {
  background: #F0F5F9;
  border-bottom: 1px solid #a8b0b6;
  border-radius: 0;
  box-shadow: none;
  min-height: 49px;
  padding: 5px;
}
.tree-new .tile:hover .tile-name, .tree-new .tile.active .tile-name {color: #107DE2;}
.tree-new .tile:hover, .tree-new .tile.active, .tree-new .tile:active {background-color: #EFFBFF;}
.tree-new .tile:hover:before, .tree-new .tile.active:before, .tree-new .tile:active:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: #107DE2;
}

.tile-image {
  display: flex;
  align-items: center;
  flex: 0 0 70px;
  overflow: hidden;
  padding: 4px;
  border-right: 1px solid #C9D6DE;
  background: url(../img/a-picture.svg) center no-repeat;
  background-size: 16px;
}
.tree-new .tile-image {
  margin-right: 5px;
  padding: 0;
  border-right: none;
  flex-basis: 38px;
  min-width: 38px;
  max-width: 38px;
  width: 38px;
}

.tile > .tile-body {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  align-content: space-between;
}

.tile .tile-name {
  flex-basis: 100%;
  padding: 10px 10px 5px;
  line-height: 24px;
  font-size: 18px;
}
.modal .tile .tile-name {
  padding: 5px;
  line-height: normal;
  font-size: 16px;
}
.tree-new .tile .tile-name {
  padding: 5px 10px;
  /* min-height: 30px; */
  /* max-height: 30px; */
  line-height: 20px;
  font-size: 14px;
  color: #52616A;
  font-weight: normal;
}
.tree-new .level1 .tile .tile-name {
  padding: 0;
  line-height: 14px;
  font-weight: 600;
}

.tile .tile-priority {
  flex-basis: 100%;
  padding: 0px 0px 0px 10px;
  min-height: 24px;
  line-height: 24px;
  font-size: 10px;
  color: #52616A;
}
/*.tree-new .tile .tile-priority {
  padding: 5px 10px;
  min-height: 30px;
  max-height: 30px;
  line-height: 20px;
  font-size: 14px;
  color: #52616A;
  font-weight: normal;
}
.tree-new .level1 .tile .tile-priority {
  padding: 5px 0;
  min-height: 24px;
  max-height: 24px;
  line-height: 14px;
}
.tree-new .active .tile-name, .tree-new .active:hover .tile-priority {
  color: #52616A;
}*/


.tile .tile-counter {
  flex-basis: 100%;
  padding: 4px 10px 10px;
  line-height: 18px;
  font-weight: 600;
  font-size: 14px;
  color: #52616A;
}
.level1 .tile .tile-counter {
  display: block;
}
.modal .tile .tile-counter {
  padding: 5px;
  line-height: normal;
}
.tree-new .tile .tile-counter {
  padding: 0;
  /* min-height: 24px; */
  line-height: 14px;
  font-size: 14px;
  font-weight: normal;
}

/* END TILES */

/* CATALOG */

.catalog-head,
.catalog-body {
  /* margin-left: -10px; */
  /* margin-right: -10px; */
  /* flex-wrap: nowrap; */
}
.catalog-body > .left[class*="col-"] {padding-right: 10px;}
.catalog-body > .right[class*="col-"]  {padding-left: 10px;}
.catalog-head {
  line-height: 16px;
  height: 16px;
  margin-bottom: 6px;
}
.catalog-head  strong {
    font-size: 14px;
}
.catalog-head a {
    font-size: 13px;
}
.catalog-head a + a{
    margin-left: 10px;
}

#main .container-fluid > .catalog-body {
  padding-top: 0;
}
.catalog-action-basket .btn {
  width: 120px;
}
.catalog-body .btn-success,
.good-action .good-order-summa > .btn-success {
  background-color: #65B30C;
  border-color: #65B30C;
}
.catalog-body .btn-outline-success {
  border-color: #0A954B;
  color: #0A954B;
}
.catalog-body .btn-outline-success {
  border-color: #0A954B;
  color: #0A954B;
}

.catalog-body > .col.left {
  position: relative;
  /* padding-bottom: 40px; */
}
.pagination {
  margin: 0;
  border: #A9B0B6 1px solid;
  border-width: 1px 0 0;
  border-radius: 0;
  font-size: 0;
  height: 40px;
  background: #F0F5F9;
  padding: 9px 20px;
  z-index: 1;
}
.catalog-body .left .pagination-container {
  position: fixed;
  bottom: 0px;
  left: 68px;
  right: 267px;
  height: 40px;
  border-top: #A9B0B6 1px solid;
  border-left: #A9B0B6 1px solid;
  border-right: #A9B0B6 1px solid;
  background: #F0F5F9;
  z-index: 1;
}
#BodyWrapper.collapse.show .catalog-body .left .pagination-container {
  left: 285px;
}
.catalog-body .pagination-container .pagination {
  border: none;
}
.provider-grid .pagination {
  /*position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.modal-body .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
}
.modal-body .selectedcount {
  position: absolute;
  bottom: 9px;
  left: 10px;  
  z-index: 2;
  font-size: 14px;
}
.modal-footer .pagination-container {
  /* position: absolute; */
  margin-top: -21px;
  /* top: 0; */
  /* left: 0; */
  /* right: 0; */
  width: 100%;
  /* height: 40px; */
}
.modal-footer.provider-popup .pagination-container {
}
.modal-footer.provider-popup .pagination-container + .row {
  margin-top: 25px;
  margin-left: -15px;
}
.modal-footer .pagination-container .pagination {
  text-align: right;
}
.modal-footer .pagination-container .selectedcount {
  position: absolute;
  left: 0;
  top: 0;
  padding: 9px 20px;
  z-index: 2;
  font-size: 14px;
}

.pagination .page-item {
  padding: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
}
.pagination .page-item + .page-item {
  margin-left: 5px;
}
.pagination .page-item > span {
  display: block;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.pagination .page-item > span.pages-amount {
  margin-right: 20px;
}
.pagination .page-link {
  margin: 0;
  padding: 0 4px;
  border-color: transparent;
  border-radius: 3px;
  background: none;
  min-width: 22px;
  height: 22px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
}
.pagination .page-link:focus {
    box-shadow: none;
}
.pagination .page-link:hover {
  background: #C9D6DE;
  text-decoration: none;
  color: #107DE2;
}
.pagination .page-item.active .page-link {
  background: #107DE2;
  text-decoration: none;
}
.pagination .page-item.active .page-link:hover {
  color: #fff !important;
}

.table-wrapper {
  /* overflow-x: hidden; */
  /* overflow-y: auto; */
  /* border: #C9D6DE 1px solid; */
}
.catalog-body .table-wrapper {
  position: absolute;
  top: 174px;
  bottom: 40px;
  left: 20px;
  right: 250px;
}
.catalog-item {
  margin: 0;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #C9D6DE;
}
.catalog-item:not(:last-child) {
  border-bottom: none;
}
.table-wrapper > .catalog-item {
  margin-left: 0;
  margin-right: 0;
}
.catalog-item > .col {
  padding: 10px;
}
.catalog-item > .catalog-icons {
  flex: 0 0 171px;
  border-right: #C9D6DE 1px solid;
}
.catalog-icons .badge {
  position: absolute;
  left: 20px;
  top: 20px;
}
.catalog-icons .icon {
  position: absolute;
  left: 20px;
}
.catalog-icons .icon-basket-history {
  background: #fff;
  top: auto;
  bottom: 20px;
}
.catalog-icons .catalog-image {
  width: 150px;
  height: 150px;
  background: url(../img/a-picture.svg) center no-repeat;
  background-size: 40px;
  margin: 0 auto;
}
div:not(.modal-body) > .good-item > .catalog-icons .catalog-image {
  width: 180px;
  height: 180px;
}
.catalog-item > .catalog-content {
  overflow: hidden;
  padding-bottom: 50px;
  line-height: 16px;
  font-size: 12px;
  color: #1E2022;
}
.catalog-content > .row {
  margin-left: -10px;
  margin-right: -10px;
}
.catalog-content > .row > .col,
.catalog-content > .row > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.catalog-content > .row.form-group:not(:last-child) {
  margin-bottom: 6px;
}
.catalog-content > .row.form-group:last-child {
  margin-bottom: 0;
}
.catalog-goodnumbers {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
}
.catalog-content .catalog-goodnumbers {
  font-size: 12px;
}
.catalog-goodnumbers.form-group {
  margin-bottom: 8px;
}

.catalog-goodnumbers-articul,
.catalog-goodnumbers-id{
    /*display: table-cell !important;*/
   /*width: 156px !important;
    max-width: 156px !important;*/
}

.catalog-goodnumber-1 {
  color: #52616A;
  white-space: nowrap;
}
.catalog-goodnumber-2 {
  color: #000;
  white-space: nowrap;
  margin-right: 5px;
}
.form-inline > .form-group:not(.ng-hide) + .form-group {margin-left: 5px;}
.form-inline.compla-track-status .form-group:not(.ng-hide) + .form-group,
.catalog-content .catalog-goodnumbers .form-group:not(.ng-hide) + .form-group {margin-left: 25px !important;}
.catalog-content .catalog-goodname,
.catalog-content .catalog-goodname a {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.catalog-content .row.catalog-note > .col {
  position: relative;
}
.catalog-content .row.catalog-note > .col > .note {
  display: block;
  max-width: 100%;
  padding-right: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-content .row.catalog-note > .col > .link-solid {
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  width: 65px;
  text-align: right;
}
.catalog-content .catalog-price {
  /* font-weight: 600; */
  font-size: 16px;
  white-space: nowrap;
  padding-right: 0;
}
.catalog-count {
  line-height: 18px;
}
.catalog-content .catalog-count {/* font-size: 12px !important; */}
.catalog-count .icon {
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin: 2px 0;
}
.catalog-count .icon > svg {
  width: 20px;
  height: 20px;
  margin: -3px;
}
.catalog-item .catalog-count .icon {
  margin: 2px 0;
}
.catalog-item .row.catalog-action-basket .catalog-count .icon {
  /* height: 24px; */
  /* margin: 3px 0; */
}
.catalog-item .row.catalog-action-basket {
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 50px;
  background: #FAFAFA;
  border-top: 1px solid #C9D6DE;
}
.catalog-item .row.catalog-action-basket > [class*="col-"] {
  line-height: 1;
  font-size: 0;
  white-space: nowrap;
}
.catalog-item .catalog-action-basket .catalog-count {font-size: 12px !important;line-height: 18px !important;}
.catalog-item .catalog-action-basket .icon-important {
  margin-right: 10px;
}
.contributor-speed {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
}
.catalog-item .catalog-contributor {
  padding-bottom: 50px;
  flex: 0 0 161px;
  border-left: #C9D6DE 1px solid;
  font-size: 12px;
}
.catalog-item .catalog-contributor > .form-group {
  margin-bottom: 10px;
}
.catalog-item .catalog-contributor > .form-group:last-child {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  height: 50px;
  padding: 15px 0;
}
.catalog-contributor .contributor-name {
  font-size: 13px;
}
.catalog-contributor .contributor-location {
  margin-bottom: 10px;
  line-height: 16px;
}
.catalog-contributor .contributor-location > a {
  border-bottom: #107de2 1px dotted;
}
.catalog-contributor .contributor-location > a:hover {
  color: #107de2;
  text-decoration: none;
  border-bottom-style: solid;
}
.icon-location,
.catalog-contributor .contributor-location > .icon {
  vertical-align: top;
  width: 12px;
  height: 16px;
  color: #A9B0B6;
  overflow: hidden;
}
.icon-location > svg,
.catalog-contributor .contributor-location > .icon > svg {
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: -4px;
  margin-top: -2px;
}
.company-info .icon-location {
  vertical-align: top;
  width: 20px;
  height: 20px;
}
.company-info .icon-location > svg {
  vertical-align: top;
  width: 24px;
  height: 28px;
  margin-left: -5px;
  margin-top: -4px;
}
.catalog-contributor .contributor-rating {
  line-height: 20px;
}
.catalog-contributor .contributor-rating .badge {
  line-height: 16px;
  font-weight: normal;
  font-size: 14px;
}

.catalog-body .filter-wrapper {
  max-width: 100%;
  flex-grow: 1;
  padding: 15px;
  background: #F0F5F9;
  border-radius: 5px;
  font-size: 12px;
}
.catalog-body .filter-wrapper > .form-group:first-child {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.catalog-body .filter-wrapper > .form-group:last-child {
  margin-bottom: 0;
}
.catalog-body .filter-wrapper > .form-group > .link-dotted {
  white-space: nowrap;
}
.catalog-body .chosen-container {
  min-width: 100%;
  width: 100%;
}

/* END CATALOG */

/* GOOD */

.table-wrapper > .row {margin-left: -20px; margin-right: -20px;}
.table-wrapper > .row > [class*=col] {padding: 15px 20px 20px;}
.table-wrapper > .row > [class*=col] {
  border-left: 1px solid #A9B0B6;
  border-top: 1px solid #A9B0B6;
}
.table-wrapper > .row > [class*=col]:last-child {border-right: 1px solid #A9B0B6;}
.table-wrapper > .row:last-child > [class*=col] {border-bottom: 1px solid #A9B0B6;}
.table-wrapper > .row > [class*=col] .row {
  margin-left: -10px;
  margin-right: -10px;
}
.table-wrapper > .row > [class*=col] > .row.form-group {
  /* margin-bottom: 10px; */
}
.table-wrapper > .row > [class*=col] .row:not(.no-gutters) > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}
.table-wrapper .catalog-icons {
  display: flex;
  max-width: 240px;
}
.table-wrapper > .row > .catalog-icons[class*=col] {
  align-items: center;
  width: 221px;
  max-width: 221px;
  padding: 20px;
}

.good-body > .good-item {
  margin: 0;
}
div:not(.modal-body) > .good-item > .col {
  padding: 20px;
}
div:not(.modal-body) > .good-item > .col.catalog-content {
  padding: 10px 10px 55px;
}
.company .good-item > .col.catalog-content {
  padding: 10px 15px;
}
.good-item > .catalog-icons {
  display: flex;
  max-width: 240px;
}
div:not(.modal-body) > .good-item > .catalog-icons {
  align-items: center;
  width: 221px;
  max-width: 221px;
  padding: 20px;
  /* border-right: 1px solid #C9D6DE; */
}
div.modal-body > .good-item > .catalog-icons {
  align-items: start;
  padding-left: 20px;
}
.good-item .row.catalog-action-basket {
  align-items: center;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  height: 40px;
  font-size: 13px;
}
.good-action {
  padding: 5px 10px 55px !important;
  max-width: 281px;
  width: 281px;
  /* border-left: #C9D6DE 1px solid; */
  background-color: #F0F5F9;
}
.company .good-body .good-contributor {
  max-width: 231px;
  width: 231px;
  border-right: #A9B0B6 1px solid;
  border-top: none;
  background-color: #F0F5F9;
  padding: 10px;
}
.company .good-body .good-contributor > .row {
  margin-left: -10px;
  margin-right: -10px;
}
.company .good-body .good-contributor > .row .nav-tabs {
  width: 100%;
  justify-content: space-between;
}
td > .good-order-count {
  width: 103px;
  margin: 0 auto;
}
.good-action .good-order-count {
  margin: 0;
  padding-bottom: 9px;
  border-bottom: 1px dashed #52616A;
}
.good-action .good-order-count > .col {
  padding: 0;
}
.good-order-summa {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.modal .good-order-summa {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 15px;
}
.good-action .good-order-summa {
  padding-top: 10px;
  padding-bottom: 55px;
}
.good-action .good-order-summa > .btn-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.good-contributor {
  margin: 0;
  /* border-top: #C9D6DE 1px solid; */
  font-size: 13px;
}
.good-contributor > .col {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5px;
}
.good-contributor > .col > div {
  width: 100%;
}
.contributor-logo {
  display: flex;
  align-items: center;
  max-width: 190px;
}
.contributor-logo > .img-fluid {
  position: relative;
  height: 100%;
  min-height: 60px;
  max-height: 60px;
  margin: 0;
  width: 100%;
  /* max-width: 170px; */
  /* min-width: 170px; */
}
.contributor-logo > .img-fluid:before {
  content: "Logo";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  border: 1px solid #C4C4C4;
  text-align: center;
  line-height: 58px;
  font-weight: 600;
  color: #DADADA;
}
.good-contributor .contributor-name {
  font-weight: 600;
  color: #52616A;
}
.good-contributor .contributor-location {
  width: 100%;
  line-height: 16px;
}
.good-contributor .contributor-location > a {
  border-bottom-color: #107de2;
}
.good-contributor .contributor-location > .icon {
  vertical-align: top;
  width: 12px;
  height: 16px;
  color: #A9B0B6;
  overflow: hidden;
}
.good-contributor .icon-doc-text,
.good-contributor .icon-phone {
  width: 12px;
  height: 16px;
}
.good-contributor .icon-doc-text > svg,
.good-contributor .icon-phone > svg,
.good-contributor .contributor-location > .icon > svg {
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: -4px;
  margin-top: -2px;
}

.good-description {
  /* display: block; */
  position: relative;
  /* margin: 0; */
  /* padding: 20px 0 0; */
  font-size: 13px;
  /* border-top: #C9D6DE 1px solid; */
}
.good-body .good-description {
  display: block;
  position: relative;
  margin: 0;
  padding: 20px;
}
.company-text > .tab-pane > .container-fluid,
.good-body .good-description > .container-fluid {
  /* max-width: 756px; */
  margin: 0;
  padding: 0;
}

.good-description p,
.good-description ul,
.good-description ol {
  margin-bottom: 15px;
  padding: 0;
  line-height: 16px;
}
.good-description *:last-child {
  margin-bottom: 0;
}

.good-description ul > li,
.good-description ol > li {
  list-style-position: inside;
}

.good-attachment {
  padding: 0 !important;
  /* background: #E6F0F4; */
  /* border-left: 1px solid #A9B0B6; */
  /* font-size: 14px; */
  /* color: #52616A; */
}
.good-edit-form .good-attachment {
  border: 1px solid #A9B0B6;
}
.good-description .good-attachment {
  float: right;
  margin-top: 5px;
  /* position: absolute; */
  max-width: 300px;
  /* right: 20px; */
  /* top: 20px; */
  border: 1px solid #A9B0B6;
}
.good-count > strong {
  display: block;
  line-height: 25px;
  font-size: 18px;
}
.good-action .catalog-goodnumber-1 {
  text-transform: uppercase;
  color: #0A0E92;
  font-size: 11px;
  line-height: 15px;
}
.good-action .catalog-goodnumber-2 {
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
}
.good-count-control {
  min-width: 103px;
  max-width: 103px;
  margin: 0 auto;
}
.good-count-control > .form-control {
  margin: 5px;
  width: 45px;
  text-align: center;
}
.good-count-control > .btn-secondary {
  width: 24px;
  padding: 4px 1px;
  background-color: #52616A;
  border-color: #52616A;
  color: #fff;
}
.good-count-control > .btn-secondary:hover {
  background-color: #107DE2;
}
.good-count-control > .btn-secondary:not(:disabled):not(.disabled).active,
.good-count-control > .btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #005FC4;
}
.summa-dates, .summa-dates > * {
  line-height: 15px;
}
.summa-dates {
  font-size: 12px;
}
.summa-old {
  font-size: 12px;
  font-weight: normal;
  text-decoration: line-through;
}
.summa,
.summa-new,
.summa-promo {
  line-height: 18px;
  font-size: 16px;
  white-space: nowrap;
}
.table .summa,
.table .summa-new,
.table .summa-promo {
  line-height: 16px;
  font-size: 14px;
}
.good-order-summa .summa,
.good-order-summa .summa-new,
.good-order-summa .summa-promo {
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
}
.modal .summa-old {
  line-height: 13px;
  font-size: 11px;
}
.modal .good-order-summa .summa,
.modal .good-order-summa .summa-new,
.modal .good-order-summa .summa-promo {
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
}
.catalog-price .summa,
.catalog-price .summa-new,
.catalog-price .summa-promo {
  line-height: 1;
}
.good-action .summa-dates {
  margin-bottom: 10px;
}
.good-action .summa-old {
  position: absolute;
  right: 0;
  top: 36px;
  line-height: 20px;
}
.table .summa-new,
.table .summa-promo {
  color: #000;
}

.good-edit-form {border-bottom: 1px solid #A9B0B6;}
.good-edit-form, .good-edit-text {padding-bottom: 20px;}
.good-edit-form .row, .container-fluid.good-edit-form .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
@media (min-width: 1300px){
  .good-edit-form:not(.provider) .row, .container-fluid.good-edit-form:not(.provider) .row {
    /* max-width: 1000px; */
  }
  .good-edit-form:not(.provider) .row.no-gutters {
    /* max-width: 1200px; */
  }
}
.good-edit-form .row:not(.no-gutters) > [class*="col-"], .container-fluid.good-edit-form .row:not(.no-gutters) > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.catalog-image-upload {
  padding: 20px !important;
  position: relative;
  width: 221px;
  min-width: 221px;
  max-width: 221px;
}
.catalog-image-wrapper {
  display: flex;
  align-items: center;
  width: 180px;
  height: 180px;
  border: 1px dashed #52616A;
  overflow: hidden;
  position: relative;
  background: url(../img/a-picture.svg) center no-repeat;
  background-size: 40px;
}
.catalog-image-wrapper:not(:empty) {
  border-style: solid;
  border-color: #C9D6DE;
}
.compla-cabinet .catalog-image-wrapper {width: 60px; height: 60px;}
.compla-cabinet .catalog-image-upload .catalog-image-wrapper,
.compla-cabinet .catalog-image-upload .catalog-image-toolbar {
  width: 120px;
  border: 1px dashed #52616A;
  overflow: hidden;
  position: relative;
}
.compla-cabinet .catalog-image-upload .catalog-image-wrapper {
  height: 120px;
  background: url(../img/a-picture.svg) center no-repeat;
  background-size: 40px;
}
.compla-cabinet .catalog-image-upload .catalog-image-toolbar {
  border-top: none;
  overflow: hidden;
  position: relative;
  background: url(../img/a-picture.svg) center no-repeat;
  background-size: 40px;
}
.img-fluid{
  display: block;
  max-height: 100%;
  max-height: -webkit-fill-available;
  margin: 0 auto;
  background: #fff;
}
.catalog-image-wrapper .icon-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.catalog-image-wrapper .icon-picture > svg {
  width: 40px;
  height: 40px;
  margin: auto;
}

.catalog-image-upload .catalog-image-toolbar {
  opacity: 0;
  transition: .35s;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: rgba(82, 97, 106, .85);
  color: #fff;
  text-align: center;
}
.compla-cabinet .catalog-image-upload .catalog-image-toolbar {
  opacity: 1;
  display: block;
  position: static;
  background: none;
  text-align: justify;
}
.catalog-image-upload:hover .catalog-image-toolbar {opacity: 1;}
.catalog-image-upload .catalog-image-toolbar > div {margin: 10px;}
.catalog-image-upload .catalog-image-toolbar > div[ng-click] {cursor: pointer;}
.catalog-image-upload .catalog-image-toolbar .link-dotted {
  font-size: 14px;
  line-height: 1;
  border-color: #fff;
  color: #fff;
}
.compla-cabinet .catalog-image-upload .catalog-image-toolbar .link-dotted {border-color: #52616A; color: #52616A;}
.good-edit-form  .catalog-image-upload.active .catalog-image-toolbar {
  border-style: solid;
  border-top: none;
}
.good-edit-form .good-variables {
  /* border-bottom: 1px solid #A9B0B6; */
  /* border-top: 1px solid #A9B0B6; */
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
}
.good-edit-form .good-variables:not(:last-child) {
  padding-right: 20px;
}
/* END GOOD */

/* PROVIDER */

#main .container-fluid > .toolbar {
  padding: 20px 0;
  font-size: 0;
}
#main .container-fluid > .toolbar-lg {
  background: linear-gradient(0, rgba(248, 249, 249, 0) 16.77%, #F0F5F9 69.7%);
}
.toolbar .btn:not(.ng-hide) + .btn:not(.ng-hide),
.toolbar .btn:not(.ng-hide) + .btn.ng-hide + .btn:not(.ng-hide) {
  margin-left: 15px;
}
.toolbar .btn-group .btn:not(.ng-hide) + .btn:not(.ng-hide),
.toolbar .btn-group .btn:not(.ng-hide) + .btn.ng-hide + .btn:not(.ng-hide) {
  margin-left: -1px;
}
.sravnenie .provider .toolbar .dropdown {
  margin-right: auto;
}
.sravnenie .provider .toolbar .btn:not(.ng-hide) + .btn {
  margin-left: 2px;
}
.provider-grid,
#main .container-fluid > .row.provider-grid {
  margin: 0;
  padding: 0;
  border: 1px solid #A9B0B6;
  /* border-bottom: none; */
  flex-wrap: nowrap;
  overflow: hidden;
  transition: .35s ease;
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 20px; */
  /* right: 20px; */
}

.sravnenie .card{
    border-radius: 0;
}

.provider-grid > [class*="col-"] {
  position: relative;
  margin-bottom: -1px;
}
.provider-grid col.left {

}
.provider-grid .width {
  display: flex;
  flex-direction: column;
  justify-content: normal;
  align-items: flex-end;
  border-right: 1px solid #A9B0B6;
  overflow: hidden;
  width: 231px;
  height: 100%;
}
.provider-grid .width:not(.show) {
  width: 41px;
}
.provider-grid .width.collapsing {
  /* width: 41px; */
}
.provider-grid .width > * {
  /* flex-grow: 1; */
}
.tree {
  position: relative;
  background: #F0F5F9;
}
.provider-grid .tree {
  width: 230px;
  height: 100%;
}
.tree:before {
  content: "";
  display: block;
  position: absolute;
  width: 6%;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(270deg, #F0F5F9 13.6%, rgba(240, 245, 249, 0) 195.5%);
}
.provider-grid thead th {
  padding: 5px;
  background: #DBE2E8;
}

.toolbar-sm {
  padding: 5px;
  width: 100%;
  height: 40px;
}
.compla-track .toolbar-sm {
  padding: 0;
  height: 30px;
}
.provider-grid .toolbar-sm {
  background: #DBE2E8;
  border-bottom: 1px solid #A9B0B6;
  min-width: 230px;
  max-width: 230px;

  height: 41px;
}

.toolbar-sm .btn-group .btn,
.toolbar-sm .input-group .btn,
.toolbar-sm .btn-group .btn:hover,
.toolbar-sm .input-group .btn:hover,
.toolbar-sm .btn-group .btn-outline-primary:hover > .icon,
.toolbar-sm .input-group .btn-outline-secondary:hover > .icon,
.toolbar-sm .input-group-text {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  font-weight: 600;
  color: #52616A !important;
}
.toolbar-sm .btn {
  width: 30px;
}
.toolbar-sm .input-group-text {
  border-width: 0;
  padding: 5px 7px;
}

.toolbar-sm .btn-group .btn:not(.ng-hide) + .btn,
.toolbar-sm .input-group .btn:not(.ng-hide) + .btn,
.toolbar-sm .btn-group + .input-group-text,
.toolbar-sm .input-group-prepend + .input-group-text {
  margin-left: 7px;
  position: relative;
}
.toolbar-sm .input-group-prepend + .input-group-text {
  margin-left: 7px;
  position: relative;
}
.toolbar-sm .input-group-text + .input-group-append {
  margin-left: 6px;
  position: relative;
}
.toolbar-sm .btn-group .btn:not(.ng-hide) + .btn:before,
.toolbar-sm .input-group .btn:not(.ng-hide) + .btn:before,
.toolbar-sm .btn-group + .input-group-text:before,
.toolbar-sm .input-group-prepend + .input-group-text:before,
.toolbar-sm .input-group-text + .input-group-append:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: -5px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #A9B0B6;
}
.toolbar-sm .input-group-text + .input-group-append:before {
  left: -6px;
}

.provider-grid .table-responsive {
  /* margin: 0 0 39px; */
  max-width: 100%;
  min-width: 100%;
  /* position: absolute; */
  /* bottom: 39px; */
  /* top: 0; */
}
.table {
  /* min-width: 1080px; */
  font-size: 13px;
  /* line-height: 20px; */
  margin-bottom: 0;
}
.provider-grid .card-body > .table {
  font-size: 12px;
}
.table tbody td, .table tbody th {
  border-color: #A9B0B6 !important;
  border-top-width: 1px;
  border-bottom: none;
  vertical-align: middle;
  color: #1E2022;
}
.table.table-dotted tbody tr:not(:first-child) > td, .table.table-dotted tbody tr:not(:first-child) > th {border-top: 1px dotted #52616A}
.table.table-dotted tbody tr:first-child > td, .table.table-dotted tbody tr:first-child > th {border-top-color: #C9D6DE;}
.table:not(.table-dotted) tbody td, .table:not(.table-dotted) tbody th {padding: 5px}
.table.table-dotted td, .table.table-dotted th {padding: 0;line-height: 24px;}
.table-bordered td, .table-bordered th {
  border: 1px solid #A9B0B6;
}
.table:not(.table-dotted) tbody tr:last-child td, .table:not(.table-dotted) tbody tr:last-child th {border-bottom: 1px solid #A9B0B6}
.table.table-dotted tbody tr:last-child td, .table.table-dotted tbody tr:last-child th {border-bottom: none}
.provider-grid .table tbody tr:last-child>td,
.provider-grid .table tbody tr:last-child>th {
  /* border-bottom: none; */
}
.table:not(.table-dotted) thead td, .table:not(.table-dotted) thead th {
  border-color: #A9B0B6 !important;
  border-bottom-width: 1px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: #1E2022;
  line-height: 20px;
  position: relative;
  z-index: 1;
}
.table thead td {
  padding: 5px;
  background: none;
  border-top: none;
}
.table:not(.table-dotted) thead th {
  padding: 10px 5px;
  background: #DBE2E8;
  border-top-width: 1px;
  text-transform: uppercase;
  height: 41px;
}
.table thead th .dropdown-item {text-transform: none}
.provider-grid .table thead th,
.form-loading .table thead th {
  border-top: none;
}
.popover .table thead th {
  font-size: 11px;
  line-height: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.table:not(.table-dotted) tr>td:first-child, .table:not(.table-dotted) tr>th:first-child {padding-left: 10px;}
.table:not(.table-dotted) tr>td:last-child, .table:not(.table-dotted) tr>th:last-child {padding-right: 10px;}
.table.editable-table tr>td:first-child, .table.editable-table tr>th:first-child {/* padding-left: 5px; */}
.table.editable-table tr>td:last-child, .table.editable-table tr>th:last-child {/* padding-right: 5px; */}
.table td .row {align-items: center;}
.table-chosen thead th,
.table-chosen thead th:first-child {
  padding: 0;
}
.table-chosen thead th + th {
  border-left: 1px solid #A9B0B6;
}
.col-title {
  color: #000;
  font-size: 12px;
}
.table-sorting .col-title,
.table-chosen .col-title,
.table-sorting .col-sorting,
.table-chosen .col-dropdown {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 13px;
  white-space: normal;
}
.table-sorting .col-sorting {
  width: 10px;
  height: 20px;
  /* margin-left: 10px; */
}
.table-sorting .sort-asc,
.table-sorting .sort-desc {
  background: none;
  font-size: 0;
  border: 4px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
}
.table-sorting .sort-asc {
  border-bottom-color: #107DE2;
  border-width: 0 4px 6px;
}
.table-sorting .sort-desc {
  border-top-color: #107DE2;
  border-width: 6px 4px 0;
}
.table-sorting .sortable:hover .sort-asc {border-bottom-color: #0055BA;}
.table-sorting .sortable:hover .sort-desc {border-top-color: #0055BA;}
.table-sorting .sortable:active .sort-asc {border-bottom-color: #2491F6;}
.table-sorting .sortable:active .sort-desc {border-top-color: #2491F6;}
.table-chosen .col-dropdown {
  width: 24px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
}
.table-chosen .col-dropdown .btn {
  border-radius: 0;
  border-width: 0 1px;
  height: 100%;
  padding: 0;
  background: none;
  border-color: transparent;
}
.table-chosen .col-dropdown .btn:hover {
  background: #A9B0B6;
  border-color: #A9B0B6;
  color: #52616A;
}
.table-chosen .col-dropdown .btn:focus {
  background: #107de2;
  border-color: #107de2;
  color: #fff;
  box-shadow: none !important;
}
.table-chosen .col-dropdown .btn .icon {
  margin: -4px 0 0 !important;
  vertical-align: middle;
}
.table .tile-image {
  flex-basis: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  margin-right: 10px;
  border: 1px solid #A9B0B6;
  border-radius: 3px;
  overflow: hidden;
}
.goods .provider-grid .badge {
  margin-bottom: 4px;
}
.popover {
  border: 1px solid rgba(0,0,0,.25);
  background: #fff;
  padding: 0;
  box-shadow: 0 0px 10px rgba(0,0,0,.25);
  border-radius: 5px;
  max-width: none;
  font-family: 'Fira Sans', Arial, sans-serif;
  color: #52616A;

}

.category_block_popover{
   /* display: inline-block;*/
}

body:not(.modal-open) .popover {
  z-index: 9999;
}
.popover-body {
  padding: 20px;
  font-size: 12px;
}
.popover-header .close,
.popover-body .close {
  padding: 5px;
  line-height: 20px;
  margin: -5px -10px 0 0;
}
.popover-header .close > .icon,
.popover-body .close > .icon {
  vertical-align: top;
}
.popover-title {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  min-height: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}
.popover-list {
  margin-left: -5px;
}
/* END PROVIDER */

/* MODAL */

.modal-backdrop {
  background-color: #52616a;
}
.modal-backdrop.show {
  opacity: .7;
}
@media (min-width: 720px){
  .modal-sm {
    max-width: 350px;
  }
  .modal-md {
    max-width: 600px;
  }
}
@media (min-width: 1200px){
  .modal-lg {
      max-width: 960px;
  }
  .modal-lgx {
    max-width: 1100px;
  }
}
@media (min-height: 768px){
  .modal-body {
    /*max-height: 75vh;*/
    overflow-y: auto;
    overflow-x: hidden;
  }
  .modal-lgx .modal-body {
    min-height: 500px;
  }
}
@media (max-height: 768px){
  .modal-lgx .modal-body .provider-grid > .col > div {
    /* max-height: 386px; */
    /* overflow-y: auto; */
  }
  .modal-lgx .modal-body .provider-grid.provider-selected > .col > .table-responsive {
    /* max-height: 326px; */
  }
}
@media (max-height: 1024px){
  .modal-body {
  }
}
.modal-content {
  border: none;
  padding: 20px;
}
.modal-header {
  position: relative;
  margin: -20px -20px 0;
  padding: 15px 20px;
  border-bottom-color: #C9D6DE;
}
.modal-header:not(.modal-striped) {
  border: none;
}
.modal-striped.modal-header {
  margin: -20px -20px 0;
  padding: 15px 50px 15px 20px;
}
.modal-prepend {
  position: absolute;
  top: 8px;
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  font-weight: 800;
}
.modal-title,
.dialog-header-error span{
  color: #1E2022;
  font-size: 16px;
  line-height: 20px;
}

.modal-prepend + .modal-title {
  padding-top: 10px;
  margin-bottom: -10px;
}
.modal-header:not(.modal-striped) .modal-title {
  /* font-weight: bold; */
  /* margin-top: -5px; */
  /* margin-left: -5px; */
  /* margin-bottom: 15px; */
}
.modal-lg .modal-title, .modal-lgx .modal-title {
  font-size: 18px;
}
.modal-header .modal-title > .icon {
  vertical-align: top;
  height: 40px;
  width: 40px;
  margin: -10px 4px -10px -4px;
}
.modal-header .modal-title > .icon-information {
  height: 20px;
  width: 20px;
  margin: 0 4px 0 -4px;
}
.modal-header .close {
  padding: 15px;
  line-height: 20px;
  margin: -15px -20px -15px auto;
}
.modal-striped.modal-header .close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.modal-header .close > .icon {
  color: #000;
  vertical-align: top;
}
.modal-footer {
  position: relative;
  padding: 20px 0 0;
  border-top-color: #C9D6DE;
}
.modal-footer:not(.modal-striped) {
  border: none;
}
.modal-striped.modal-footer {
  margin: 0 -20px -20px;
  padding: 20px;
}
.modal-footer .btn {
  font-weight: bold;
  min-width: 90px;
}
.modal-footer .btn:not(.ng-hide) + .btn:not(.ng-hide) {
  margin-left: 20px;
}
.modal-footer>:not(:last-child) {
  margin-right: 0;
}
.modal-footer > .pagination-container ~ .btn {
  margin-top: 40px;
}
.modal-body {
  min-height: 50px;
  font-size: 13px;
  line-height: 15px;
}
.modal-body:not(.modal-striped) {
  padding: 0;
}
.modal-striped.modal-body {
  margin: 0 -20px;
  padding: 15px 20px;
  line-height: 20px;
}
.modal-striped.modal-body:not(.ng-hide) + .modal-body {
  border-top: #C9D6DE 1px solid;
}
.modal-striped.modal-body .no-gutters + .no-gutters{
  margin-top: 5px;
}
.modal-striped.modal-body .control-label {
  vertical-align: top;
  height: 20px;
  line-height: 20px;
}
.modal-striped.modal-body .control-label:not(.form-group) {
  margin-bottom: 0;
}
.modal-body > p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
}
.modal-body.comment > p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-right: 100px;
}

/* otziv */
.otziv {
  border-bottom: 1px solid #B4BABF;
}
.otziv:last-child {
  margin-bottom: 0;
}

.otziv .row {
  margin: 0;
}
.otziv > .row {
  border-bottom: 1px solid #B4BABF;
}
.otziv > .row.otziv-body {
  border-bottom: none;
}
.otziv-head > [class*=col] {
  padding: 10px 0;
  line-height: 18px;
  white-space: nowrap;
}
.otziv-head > .otziv-title {
  font-weight: 600;
  font-size: 14px;
  color: #52616A;
}
.otziv-head > .otziv-date {
  font-size: 14px;
  color: #B4BABF;
}
.otziv-body > [class*=col] {
  padding: 10px;
}
.otziv-body > .otziv-text {
  padding: 10px 0;
  font-size: 14px;
  color: #000;
}
.otziv-body > .otziv-text > :last-child {
  margin-bottom: 0;
}
.otziv-body > .otziv-rating {
  background: #F0F5F9;
}
.otziv-rating .row {
  margin-left: -5px;
  margin-right: -5px;
}
.otziv-rating .row + .row {
  margin-top: 10px;
}
.otziv-rating .row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  font-size: 13px;
  color: #52616A;
  white-space: nowrap;
}
.otziv-rating .icon {
  vertical-align: top;
  width: 15px;
}
.otziv-rating .icon + icon {
  margin: 0;
}
.otziv-rating .icon > svg {
  width: 20px;
  margin-left: -2px;
  margin-right: -2px;
}
/* end otziv */

/* excel */
.form-striped {
  border-color: #A9B0B6;
  border-width: 1px 0;
  border-style: solid;
}
.excelimportform {
  height: 500px;
  padding: 0 200px;
}
.excelimportform > [class*="col-"] {
  display: flex;
  align-items: start;
  align-content: start;
  flex-wrap: wrap;
}
.excelimportform > [class*="col-"] > div {
  width: 100%;
  margin: 10px 20px;
}
.excelimportform > [class*="col-"].text-left {
  justify-content: flex-start;
}
.excelimportform > [class*="col-"].text-left > div {
  width: 330px;
  max-width: 330px;
  min-width: 330px;
}
.excelimportform > [class*="col-"].text-right {
  justify-content: flex-end;
}
.excelimportform > [class*="col-"].text-right > div {
  width: 260px;
  max-width: 260px;
  min-width: 260px;
}
.excelimportform > [class*="col-"] > div:last-child {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
.excelimportform .btn {margin-top: 200px;}
/* end excel */

/* END MODAL */

/* DRAGNDROP */

.dragndrop {
  border: 2px dashed transparent;
  margin: -2px;
  position: relative;
}
.provider .dragndrop {
  border: 1px dashed #A9B0B6;
  border-radius: 3px;
  margin: 0;
  padding: 10px 5px;
}
.file-attachment > .dragndrop {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dragndrop:active {
  border-color: #1BBDEF;
}
/*
.dragndrop:active:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .75) url(../../img/a-upload.svg) 50% 50% no-repeat;
  background-size: 60px;
  z-index: 1;
}
*/

.file-attachment,
.list-attachment {
  padding: 0;
  position: relative;
  border-radius: 3px;
  border: 1px dashed  #A9B0B6;
  overflow: hidden;
}
.main-head textarea,
.main-head .file-attachment,
.main-head .list-attachment {
  height: 95px !important;
}
.file-attachment > ul, .file-attachment > ol, .file-attachment li,
.list-attachment > ul, .list-attachment > ol, .list-attachment li {
  display: block;
  list-style: none;
  margin: 0;
  position: relative;
}
.file-attachment > ul,
.list-attachment > ul {
  padding: 3px 6px;
  max-height: 100%;
  overflow-y: auto;
}
.file-attachment > ol, .file-attachment li,
.list-attachment > ol, .list-attachment li {
  padding: 0;
}
.file-attachment li > .link-solid,
.list-attachment li > .link-solid {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  line-height: 20px;
  font-size: 13px;
}
.file-attachment li > .link-solid {padding-right:20px}
.good-attachment .form-group > .link-solid,
.file-attachment li > .link-solid,
.list-attachment li > .link-solid
{color: #107de2;}
.good-attachment .form-group > .link-solid:hover,
.file-attachment li > .link-solid:hover,
.list-attachment li > .link-solid:hover
{color: #0055BA;}
.good-attachment .form-group > .link-solid:active,
.file-attachment li > .link-solid:active,
.list-attachment li > .link-solid:active
{color: #2491F6;}
.file-attachment li > .delete {
  position: absolute;
  top: 0;
  right: 0;
}
.file-attachment > .file-attachment-empty {
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 13px;
}
/* END DRAGNDROP */

#dropzoneparent, fileloader{
  /* height:100%; */
  position: relative;
  /* border: 1px solid #A9B0B6; */
  /* padding: 21px; */
}

.filedropzone{
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: #d0d0d091;
  z-index: 9999;
}
.importdropzone{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .75) url(../img/a-upload.svg) 50% 50% no-repeat;
  background-size: 60px;
  z-index: 1;
}
.importdropzone .well{
    margin-top: 22%;
    color: #ffffffbf;
    text-align: center;
    font-size: 22px;
}

.disabled_form{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 14%;
  background: #ffffffb0;
}

.hide_form{
  display: none;
}

/*
fileloader:hover .filedropzone{
  display: block;

.file_uploader_control{
  width: 523px;
  height: 157px;
  padding-bottom: 0 !important;
  padding-top: 40px !important;
}
.file_uploader_control .file_uploader_header {
  position: absolute;
  top: 15px;
  left: 20px;
  right: 20px;
}
.file_uploader_control .file_uploader_body {
  height: 100%;
  overflow-y: auto;
}
.uslugaedit .file_uploader_control{
      width: auto;
      height: 179px;
}

.file_uploader_control .close {
  line-height: 20px;
}
*/
#fileLoaderImageBody{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #ffffffb0;
  z-index: 1;
}

#fileLoaderImageBody img{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  margin: -25px;
}

#button_traning_header {
  background: inherit;
  font-weight: 600;
  font-size: 15px;
  line-height: inherit;
  color: #fff;
  width: inherit;
  height: inherit;
  margin: inherit;
}
#button_traning_header:hover{
  background-color: #485760;
}
#button_traning_header:before {
  content: none;
  display: none;
}

.container-fluid.catalog-fixed {
    width: auto;
    position: fixed;
    right: 0;
    top: 43px;
    height: 100px;
}
#main > .tab-content > .tab-pane > .catalog-scroll {
    width: auto;
    top: 143px;
    /* border-top: #A9B0B6 1px solid; */
}
#main .container-fluid.catalog-scroll > .row:first-child {
    padding-top: 0;
}

.loader {
  position: relative;
}
.loader:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(82, 97, 106, 0.85);
  z-index: 1;
}
.table.loader:before {
  top: 0;
}
.loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/a-loader.png) center no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  z-index: 2;
  -webkit-animation: loading 3s linear infinite;
  animation: loading 1.5s linear infinite;
}

.form-loading {
  position: relative;
}
.form-loading:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(82, 97, 106, 0.85);
  z-index: 100;
}
.table.form-loading:before {
  top: 0;
}
.form-loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/a-loader.png) center no-repeat;
  background-size: 60px;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  z-index: 101;
  -webkit-animation: loading 3s linear infinite;
  animation: loading 3s linear infinite;
}

/* KORZINA */

.basket-total {
  margin-top: 10px;
  padding: 10px;
  border-radius: 3px;
}
.basket-total .summa,
.basket-total .summa-prefix {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}
.basket-total .summa-prefix {
  margin-right: 72px;
}
.basket-total .summa-information {
  margin-top: 10px;
  border-top: #A9B0B6 1px dashed;
  padding-top: 10px;
}
.basket-total .summa-information .text {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 20px;
  color: #A9B0B6;
}

/* END KORZINA */
/* CARD */ 
.good-contributor ul {
  padding: 0;
  list-style: none;
}
.good-contributor ul>li {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 4px 10px;
  position: relative;
}
.good-contributor ul>li:before {
  content: "";
  background-color: #107de2;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 7px;
  left: -10px;
}
.counter {
  justify-content: start;
  flex-wrap: nowrap;
  /* max-width: 150px; */
  /* min-width: 100px; */
}
.sravnenie .counter {
  /* max-width: 100px; */
}
.counter .form-control {
  max-width: 100px;
  min-width: 50px;
}
.sravnenie .counter .form-control {
  max-width: 50px;
}
.counter .btn-group > .btn {
  padding-left: 2px;
  padding-right: 2px;
}
.counter .btn-group > .btn:not(.ng-hide) + .btn {
  margin-left: 2px;
}
.counter .btn-group > .btn:not(.ng-hide) + .btn:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  width: 1px;
  top: 0;
  left: -3px;
  bottom: 0;
  background-color: #A9B0B6;
}
.card.search-filter {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #F1FAFA;
  border-color: #C8E2F8;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.modal-body > .card.search-filter {
  box-shadow: none;
  border-radius: 0;
}
.search-filter .card-body,
.search-filter .card-footer {
  padding: 15px 20px;
}
.search-filter .card-footer {
  background: #E2EEF2;
  border-radius: 0 0 5px 5px;
  font-size: 0;
}
.search-filter .card-footer label {
  margin: 7px 0;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  color: #52616A;
}
.search-filter .card-footer label + label {
  margin-left: 7px;
}
.search-filter div:not(.btn-input) > .btn:not(.ng-hide) + .btn {
  margin-left: 15px;
}
.search-filter .row {
  margin-left: -10px;
  margin-right: -10px;
}
.search-filter .row > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.procedure-status {
  font-size: 14px;
  line-height: 20px;
}
.main-head .procedure-status,
.good-edit-form .procedure-status,
.modal-body [class*="col-"] .procedure-status {
  margin: 5px 0;
}
.procedure-status strong[ng-click] {
  cursor: pointer;
}
.procedure-status strong[ng-click]:hover {
  text-decoration: underline;
}
.procedure-status div {
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}
.procedure-status .text-uppercase {
  font-size: 12px;
}
.procedure-status > div + div {
  margin-top: 4px;
}
.loader {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #eee;
    opacity: 0.5;
}
.loader-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #eee;
    opacity: 0.5;
}
/*#modal_setcheckpointstatus_loader.loader-modal{
    border-radius: 8px;
    background-color: #dadada;
}
.loader-content {
    width: 60px;
    height: 60px;
    overflow: auto;
    margin: auto;
    position: absolute;
    z-index: 10;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: url(../img/loading.gif);
    background-size: 60px 60px;
    background-repeat: no-repeat;
}
.loader-content:before{
    background-image: url(../img/loading.gif);
    background-size: 25px 25px;
}*/

/* END LOADER */

/* START SORTABLE */
.table-sorting.table thead th:not(:first-child) {padding-left:5px;}
.table-sorting.table thead th:not(:last-child) {padding-right:5px;}
.table-sorting th.sortable {cursor: pointer;}
.table-sorting th:not(.sortable) {cursor: default;}
/*th.sortable:not(.sort-desc):not(.sort-asc):hover {
    background: no-repeat #DBE2E8 right center url(svg/sort-table-asc.svg);
    background-size: 12px 12px;
}
th.sort-desc {    
    background:no-repeat right bottom url("svg/sort-table-desc.svg");
    background-size: 12px 12px;
}
th.sort-desc:hover {
    background:no-repeat right bottom url("svg/sort-table-desc-hover.svg");
    background-size: 12px 12px;
}
th.sort-asc {
    background:no-repeat right bottom url("svg/sort-table-asc.svg");
    background-size: 12px 12px;
}
th.sort-asc:hover {
    background:no-repeat right bottom url("svg/sort-table-asc-hover.svg");    
    background-size: 12px 12px;
}*/
/* END SORTABLE */

#imgLoaderImageBody, .imagedropzone {
    display: flex;
    align-items: center;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 10px;
    background-color: #ffffffba;
    z-index: 50;
}
.compla-cabinet #imgLoaderImageBody, .compla-cabinet .imagedropzone {
    top: 1px;
    bottom: 1px;
    left: 21px;
    right: 21px;
}

#imgLoaderImageBody img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 128px;
    margin: -64px 0 0 -64px;
}
.compla-cabinet #imgLoaderImageBody img {
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
}

.imagedropzone{
    text-align: center;
}

imageloader .catalog-image-wrapper img{
    display: block;
    position: relative;
    margin: 0 auto;
}

a{
    cursor: pointer;
}

/* START RATING */

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-star-empty:before {
  content: "\e007";
  color: #b3b6b9;
}

.glyphicon-star:before {
  content: "\e007";  
}

.compla-rating {
  color: #E27210;
  font-size: 18px;
  font-stretch: extra-condensed;
}
.mark .compla-rating {
  margin-left: 50px;
}
.mark .dotted {
  border-bottom: #ddd 2px dotted;
}
.mark label {
  color: #111;
  font-weight: 600;
}
.mark-text {
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;    
}
.mark .mark-text {
  margin-left: 18px;
}
.mark-text span {
  font-weight: 600;
}
.compla-rating.five,
.compla-rating.five i:before{
  color: #23c270;
}
.compla-rating.four,
.compla-rating.four i:before {
  color: #63bf1f;
}
.compla-rating.three,
.compla-rating.three i:before {
  color: #f1730d;
}
.compla-rating.two,
.compla-rating.two i:before {
  color: #d20606;
}
.compla-rating.one,
.compla-rating.one i:before {
  color: #959595;
}
.order-mark label {
  font-weight: normal;
}
.order-mark .compla-rating {
  margin-left: 0px;
  font-size: 18px;
}
.compla-rating-wrapper {
  display: inline;
  vertical-align: middle;
  margin-left: 2px;
}
.order-mark label.input-md {
  width: 143px;
}
.order-mark label {
  font-size: 13px;
  vertical-align: top;
}
.order-mark .mark-text {
  font-size: 13px;
  vertical-align: top;
}
.order-mark .dotted {
  margin-bottom: 6px;
}

/* END RATING */

.row.breadcrumbs {
  /* height: 30px; */
}

.nav-item-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.nav-item-disabled a {
  cursor: not-allowed;
}

.page-item.disabled .page-link {
  border: none;
  background-color: transparent;
}
.card-text, .card-text:last-child {
  display: block;
  width: 100%;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 13px;
  line-height: 20px;
  margin: auto !important;
}
.card-text > p {
  margin: 0;
}
.card-text > p:last-child:not(:first-child) {
  font-size: 11px;
  line-height: 14px;
  white-space: nowrap;
}
.card-text .icon-message {
  margin-left: 20px;
  vertical-align: top;
}
.zayavka {
  background: #F0F5F9;
  border: 1px solid #A9B0B6;
  border-radius: 5px;
  font-size: 14px;
  padding: 0;
}
.card.zayavka.inactive {
  opacity:.5;
}
.zayavka.form-group {
  margin-bottom: 10px;
}
.card.zayavka .card-body {
  padding: 0;
}
.zayavka td {
  padding: 10px;
  font-size: 11px;
  /* line-height: 20px; */
}
.zayavka .text-muted {
  white-space: nowrap;
}
.zayavka .text-title {
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.zayavka h4.text-title {
  font-size: 24px;
  font-weight: normal;
}
.zayavka .text-title > .icon {
  vertical-align: top;
  margin-right: 5px;
}
.zayavka strong {
  font-size: 14px;
}

.sravnenie-wrapper {
  max-width: 100%;
  overflow: auto;
  position: relative;
}

table.sravnenie {position: relative !important; min-height: 100%;}
table.sravnenie.reduction {min-width: 100%;}
table.sravnenie td, table.sravnenie th {vertical-align: top !important;}

table.sravnenie > thead > tr > th {
  position: -webkit-sticky !important; /* for Safari */
  position: sticky !important;
  top: 0 !important;
  background: #fff;
  font-weight: normal !important;
  z-index: 2 !important;
}

table.sravnenie > thead th:first-child {
  left: 0 !important;
  z-index: 3 !important;
}

table.sravnenie > tbody th {
  position: -webkit-sticky !important; /* for Safari */
  position: sticky !important;
  left: 0 !important;
  font-weight: normal !important;
  z-index: 1 !important;
}

.sravnenie {
  height: 100%;
  flex-wrap: nowrap;
  /* overflow-x: auto; */
}
.sravnenie .buyer,
.sravnenie .provider {
  position: relative;
}
.fixed-bottom > .sravnenie,
.fixed-bottom > .sravnenie .buyer,
.fixed-bottom > .sravnenie .provider {
  min-height: 100%;
}
.sravnenie .absolute-top {
  z-index: 9999;
  position: fixed;
}
.sravnenie .buyer {
  max-width: 280px;
  min-width: 280px;
  width: 280px;
  border-right: 1px solid transparent;
}
.sravnenie .buyer.view {
  max-width: 581px;
  min-width: 581px;
  width: 581px;
  padding-top: 0;
}
.sravnenie .buyer.view:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: #C8E2F8;
}
.sravnenie .buyer.view .absolute-top {
  max-width: 580px;
  min-width: 580px;
  width: 580px;
  border-right: 1px solid transparent;
}
/*
.sravnenie .buyer + .provider {*/
  /*max-width: calc(100% - 280px);*/
  /*min-width: calc(100% - 280px);
  width: calc(100% - 280px);
}*/
.sravnenie div.buyer.view + div.provider,
.sravnenie div.buyer.view + div.provider .absolute-top  {
  max-width: calc(100% - 580px);
  min-width: calc(100% - 580px);
  width:  calc(100% - 580px);
}
.sravnenie .buyer.view .absolute-top + .absolute-bottom {
  border-right: 1px solid transparent;
}
.sravnenie .buyer .container-fluid,
.sravnenie .provider .container-fluid {
  padding-top: 10px;
  /* height: 100%; */
}
.sravnenie .buyer .absolute-bottom .container-fluid,
.sravnenie .provider .absolute-bottom .container-fluid {/* padding-top: 10px; *//* padding-bottom: 10px; */}
.sravnenie .buyer .absolute-bottom.view .container-fluid,
.sravnenie .provider .absolute-bottom.view .container-fluid {padding-top: 0;}
.sravnenie .buyer .absolute-bottom .container-fluid > .control-label, .sravnenie .provider .absolute-bottom > .container-fluid > .control-label {margin-bottom: 10px;}
.sravnenie .provider {background: #fff;}
.sravnenie .buyer.view .container-fluid {padding-right: 10px;}
.sravnenie .buyer.view .absolute-bottom .container-fluid {padding-top: 0;padding-bottom: 10px;}
.sravnenie .provider.view .container-fluid {/* padding-left: 10px; */padding-top: 0;}
.sravnenie .provider.view .container-fluid {padding-left: 3px;}
.sravnenie .syncscroll {overflow-y: auto;}
.sravnenie .provider.view .container-fluid {padding-right: 10px;}
.sravnenie .provider.view .container-fluid {padding-left: 3px;}
.sravnenie .buyer.view + .provider h1 {padding-top: 64px;}
.sravnenie .title {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 5px;
}
.sravnenie .toolbar, .main-head .toolbar {
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  font-size: 13px;
  line-height: 15px;
}
.sravnenie .toolbar {display: flex;}
.main-head .toolbar {display: inline-flex;width: 25%;min-width: 400px;}
.sravnenie .toolbar.form-group {margin-bottom: 10px;}
.sravnenie .buyer .toolbar {
  flex-flow: row-reverse;
  padding: 0 !important;
}
.sravnenie .provider .toolbar {
  justify-content: flex-end;
  align-items: center;
}
.sravnenie .buyer .btn-secondary {
  background: #C8E2F8;
  border-color: #C8E2F8;
  color: #52616A;
}
.sravnenie .buyer .btn-secondary:hover {
  background: #AAC4DA;
  border-color: #AAC4DA;
}
.sravnenie .buyer .icon.active {
  color: #10AC17;
}
.sravnenie .provider .badge {
  padding: 3px 8px;
  /*font-size: 14px;*/
  font-size: 13px;
}
.sravnenie .provider .badge-secondary {
  background-color: #A9B0B6;
  border-color: #A9B0B6;
  color: #fff;
}
.sravnenie .card .btn .link-inactive{
  font-size: 13px;
}

.sravnenie .buyer .btn-secondary.active, .sravnenie .buyer .btn-secondary:active, .sravnenie .buyer .show > .btn-secondary,
.sravnenie .provider .btn-secondary.active, .sravnenie .provider .btn-secondary:active, .sravnenie .provider .show > .btn-secondary {
  background: #107DE2;
  border-color: #107DE2;
  color: #fff;
}
.sravnenie .buyer .btn-secondary.active>.icon, .sravnenie .buyer .btn-secondary:active>.icon, .sravnenie .buyer .show > .btn-secondary>.icon,
.sravnenie .provider .btn-secondary.active>.icon, .sravnenie .provider .btn-secondary:active>.icon, .sravnenie .provider .show > .btn-secondary>.icon {
  color: #fff !important;
}
.sravnenie .provider .icon.active {
  color: #34CCC7;
}
.sravnenie .table-responsive,
.orders.table-responsive {
  border-left: 1px solid #A9B0B6;
  border-right: 1px solid #A9B0B6;
  max-width: 100%;
  height: auto;
}
.sravnenie .card-body > .table-responsive {
  border: none;
  border-radius: 5px;
}
.sravnenie .card-body > .table-responsive .table th {
  border-top: none;
}
.sravnenie .card-body > .table-responsive .table td {
  border-bottom: none;
}
.sravnenie .card-body > .table {
  table-layout: fixed;
}
.sravnenie .card-body > .table thead th {
  border: none;
}
.sravnenie .card-body > .table tbody tr:last-child > td {
  border-bottom: none;
}
.sravnenie .catalog-goodnumbers {
  font-size: inherit;
  margin: 0;
  flex-wrap: nowrap;
  line-height: 15px;
}
.sravnenie .card > .card-body > .table thead>tr>th {
  padding: 10px 5px;
}
.sravnenie .card > .card-body .table thead>tr>th>.col-title {
  font-size: 10px;
  font-weight: 500;
}
.sravnenie .card > .card-body > .table tbody>tr>td {
  max-height: 46px !important;
  min-height: 46px !important;
  height: 46px !important;
  font-size: 11px;
  line-height: 13px;
  padding: 0 5px;
}
.procurement.card-body > .table tbody>tr>td {
  max-height: 81px !important;
  min-height: 81px !important;
  height: 81px !important;
  font-size: 12px;
}
.sravnenie .buyer.view .position > .form-inline > .form-group {
  padding: 0 5px;
}
.sravnenie .buyer.view .table thead>tr>th:nth-child(1),
.sravnenie .buyer.view .table tbody>tr>td:nth-child(1),
.sravnenie .buyer.view .position > .form-inline > .form-group:nth-child(1) {
  width: 262px;
  padding-left: 10px;
}
.sravnenie .buyer.view .table thead>tr>th:nth-child(2),
.sravnenie .buyer.view .table tbody>tr>td:nth-child(2),
.sravnenie .buyer.view .position > .form-inline > .form-group:nth-child(2) {
  width: 70px;
  margin-left: 0;
}
.sravnenie .buyer.view .table thead>tr>th:nth-child(3),
.sravnenie .buyer.view .table tbody>tr>td:nth-child(3),
.sravnenie .buyer.view .position > .form-inline > .form-group:nth-child(3) {
  width: 70px;
  margin-left: 0;
}
.sravnenie .buyer.view .table thead>tr>th:nth-child(4),
.sravnenie .buyer.view .table tbody>tr>td:nth-child(4),
.sravnenie .buyer.view .position > .form-inline > .form-group:nth-child(4) {
  width: 70px;
  margin-left: 0;
}
.sravnenie .buyer.view .table thead>tr>th:nth-child(5),
.sravnenie .buyer.view .table tbody>tr>td:nth-child(5),
.sravnenie .buyer.view .position > .form-inline > .form-group:nth-child(5) {
  width: 76px;
  margin-left: 0;
  padding-right: 10px;
}
.sravnenie .card .card-body > .table tbody tr:first-child td {
  border-top: none;
}
.sravnenie .card .card-body > .table tbody tr:last-child td {
  border-bottom: none;
}
.sravnenie .absolute-bottom .card .card-body > .table,
.sravnenie tbody tr:last-child th .card .card-body > .table {
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sravnenie .card-body > .table tbody>tr>td>a {
  display: block;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* min-height: 28px; */
}
.sravnenie .card {border-radius: 5px;position:relative;}
.sravnenie .absolute-top .card, .sravnenie tbody > tr:first-child > th:first-child .card {border-radius: 5px 5px 0 0;/* border-bottom: none; */}
.sravnenie .absolute-bottom .card,
.sravnenie tbody > tr:last-child .card {border-radius: 0 0 5px 5px; border-top: none; overflow: hidden;}
.sravnenie .card > *:first-child:not(:last-child) {
  /* border-radius: 5px 5px 0 0; */
  /* min-height: 30px; */
  /* max-height: 30px; */
  /* height: 30px; */
}
.sravnenie .card > *:last-child:not(:first-child) {
  /* border-radius: 0 0 5px 5px; */
}
.sravnenie .provider .toolbar + .card {
  /* overflow: hidden; */
  /* height: calc(100% - 40px); */
}
.sravnenie .card .positions {
  background-color: #F0F5F9;
  flex-grow: 1;
  /* overflow: hidden; */
}
.sravnenie .card .position {
  height: 46px;
  padding: 5px 8px;
  font-size: 11px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.sravnenie .card.bottomBorderRaiusNone{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sravnenie .buyer .card .position {
  padding: 5px 0;
}
.sravnenie .card .position:not(.table-success):not(.table-warning) {
  background: #fff;
}
.sravnenie .card .position > div[ng-click] {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sravnenie .card .position:not(:last-child) {
  border-bottom: #A9B0B6 1px solid;
}
.sravnenie .card .table-winner {
  border: #65B30C solid 2px !important;
  padding: 3px 7px;
}
.sravnenie .card .table-winner + .table-winner {
  border-top: none !important;
}
.sravnenie .card .position:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sravnenie .provider .card .position:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
}
.sravnenie .card.position.table-winner:before,
.sravnenie .card .position.table-winner:before {
  content: none;
}
.sravnenie .card .position.table-success:before {
  background: #10AC17;
}
.sravnenie .card .position.table-warning:before {
  background: #DE6310;
}
.sravnenie .card .position.table-danger:before {
  background: #CC0E14;
}
.sravnenie .card>.card-header:not(:last-child),
.sravnenie .card>.card-body:not(:last-child),
.sravnenie .card>.card-collapse>.card-body {
  background: none;
  border-bottom: 1px solid #A9B0B6;
  display: flex;
  flex-grow: 0;
  flex-wrap: wrap;
}
.sravnenie .card>.card-header:not(.container-fluid),
.sravnenie .card .card-body:not(.container-fluid) {
  padding: 0;
}

.sravnenie .card.reduction{
    margin-top: 10px;
}
.sravnenie .card.reduction>.card-header:not(.container-fluid), 
.sravnenie .card.reduction .card-body:not(.container-fluid){
    padding: 10px 10px;
}

.sravnenie .card>.card-header .contributor-name{
    max-width: 177px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sravnenie .card > .card-header {
  justify-content: start;
}
.sravnenie .card > .card-header > .btn {
  border-radius: 4px;
  width: 29px;
  height: 29px;
}
.sravnenie .card > .card-header > .btn:first-child {
  border-radius: 4px 0 0 0;
}
.sravnenie .card > .card-header > .btn:last-child {
  border-radius: 0 4px 0 0;
}
.sravnenie div:not(.provider) .card-header .procedure-status {
  padding: 5px 4px 4px 5px;
  font-size: 13px;
  flex-grow: 1;
}
.sravnenie div:not(.provider) .card-body .procedure-status {
  padding: 8px 10px 7px;
  font-size: 11px;
  line-height: 13px;
}
.sravnenie div:not(.provider) .card-body .procedure-status + .procedure-status {
  margin-left: 20px;
}
.sravnenie .provider .card .card-body>.procedure-status {
  width: 100%;
  position: relative;
  padding: 0 4px;
  height: 29px;
  display: flex;
  align-items: center;
}
.sravnenie .provider .card .card-body>.procedure-status .contributor-name {
  display: block !important;
  width: 100%;
  white-space: normal;
}
.sravnenie .provider .card .card-body .badge-primary,
.provider-grid .badge-primary {
    margin: 0 0 0 5px;
    padding: 1px;
}
.sravnenie .provider .card .card-body .link-dotted {
    height: 14px;
    line-height: 14px;
    margin: 3px 0;
    width: auto !important;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sravnenie .card .card-body>.row {width: 100%;}
.sravnenie .card .card-body .row>[class*="col-"] {
  font-size: 11px;
  line-height: 13px;
}
.sravnenie .card .card-body>.row>[class*="col-"] {
  /* padding: 5px !important; */
}
.sravnenie .buyer .card .card-body>.row>.col-8,
.sravnenie .buyer .card .card-body>.row>.col-12,
.sravnenie .provider .card .card-body>.row>.col {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.sravnenie .card .card-body>.row>[class*="col-"] {
  padding: 10px !important;
}
.sravnenie .buyer .card .card-body>.row>[class*="col-"] {
  height: 207px;
  /* padding-top: 5px !important; */
}
.sravnenie .card .card-body>.row>.file_uploader_control {
  padding-top: 40px !important;
}
.sravnenie .buyer .card .card-body>.row>.file_uploader_control .file_uploader_header{
  left: 15px;
  right: 15px;
}
.sravnenie .card .card-body>.form-group,
.sravnenie .card .card-body>.row>[class*="col-"] .form-group {
  margin-bottom: 10px;
  width: 100%;
  line-height: 13px;
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
}
.sravnenie .card .card-body>.form-group:last-child,
.sravnenie .card .card-body>.row>[class*="col-"] .form-group:last-child,
.sravnenie .card .card-body>.form-group,
.sravnenie .card .card-body>.row>[class*="col-"] .form-group {
  margin-bottom: 0;
}
.sravnenie .provider .container-fluid>.row {
  height: 100%;
  flex-wrap: nowrap;
  /* margin-right: -20px !important; */
  padding: 0;
}
table.sravnenie > thead > tr > th,
table.sravnenie > thead > tr > td,
table.sravnenie > tbody > tr > th,
table.sravnenie > tbody > tr > td {
  border-right: transparent 1px solid;
}
.sravnenie .provider .container-fluid>.row>[class*="col-"],
table.sravnenie th.provider,
table.sravnenie td.provider {
  -ms-flex: 0 0 234px;
  flex: 0 0 234px;
  max-width: 234px;
  min-width: 234px;
  padding: 0 7px;
}
table.sravnenie th:first-child,
table.sravnenie td:first-child {
  padding-left: 20px;
  padding-right: 11px;
}
table.sravnenie > thead > tr > th:nth-child(2),
table.sravnenie > tbody > tr > td:nth-child(2) {
  padding-left: 7px;
}
.sravnenie .provider .absolute-bottom .container-fluid>.row>[class*="col-"],
.sravnenie > tbody td,
.sravnenie > tbody th {/* padding-bottom:10px; *//* padding-top: 0; */}
.sravnenie .provider .absolute-top .container-fluid>.row>[class*="col-"], .sravnenie > tbody > tr:first-child > th {
  padding-bottom: 0;
  padding-top: 10px !important;
  height: 1%;
}
.sravnenie .provider .container-fluid>.row>[class*="col-"]:last-child,
table.sravnenie th:last-child,
table.sravnenie td:last-child {
  border-right: none;
  /* padding-right: 10px; */
}
.sravnenie .provider .card .card-body.properties-list:not(.ng-hide) {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  overflow: hidden;
  min-height: 40px;
  max-height: 40px;
  height: 40px;
}
.sravnenie .provider .card .card-body.properties-list.content {
  min-height: 197px;
  max-height: 197px;
  height: 197px;
}
.sravnenie .provider .card .card-body.properties-list.inactive {
  position: relative;
  min-height: 237px;
  max-height: 237px;
  height: 237px;
}
.sravnenie .provider .card .card-body.properties-list.inactive .total-sum {
    position: absolute;
    bottom: -1px;
    left: -5px;
    padding: 0px 5px;
    height: 30px;
}
.sravnenie .provider .card .card-body.properties-list.inactive .total-sum:not(.ng-hide) {
    border-top: #a8b0b6 1px solid;
    border-bottom: #a8b0b6 1px solid;
}
.sravnenie .provider .properties-list>.form-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 5px;
  /* padding: 0; */
  white-space: nowrap;
  line-height: 15px;
  font-size: 11px;
}

.sravnenie .provider .card .card-body .final_row{
    padding: 5px 0;
}

.sravnenie .provider .properties-list>.form-group:not(.ng-hide) + .form-group {
  border-top: #C9D6DE 1px solid;
}
.sravnenie .provider .properties-list>.form-group>.icon-star {
  position: absolute;
  left: 65px;
  top: 50%;
  margin-top: -10px;
}
.sravnenie .provider .properties-list.inactive>.form-group>.table-winner {position: absolute; bottom: 0; left: 0; right: 0;}
.sravnenie .provider .properties-list .table-winner {
  display: flex;
  flex-grow: 1;
  align-self: flex-end;
  align-items: center;
  /* justify-content: space-between; */
  margin: 0 -5px;
  padding: 0 5px;
  height: 28px;
  font-size: 11px;
  line-height: 22px;
}
.sravnenie .provider .properties-list .table-winner > .text-muted {
  margin: 3px 0 3px 6px;
  line-height: 14px;
  flex-grow: 1;
}
.sravnenie .provider .properties-list.inactive>.list-empty {
  height: 100%;
  margin: 0;
  font-size: 11px;
  justify-content: center;
}

.sravnenie .card > .table {
  /* border: none; */
  max-width: 100%;
}
.sravnenie .card > .table-responsive .table thead th {
  border-top: none;
  padding-top: 10px;
}
.sravnenie .provider .card > .card-body .toolbar,
.sravnenie .provider .card > .table-responsive .table thead th {
  background: #F0F5F9;
  padding-left: 9px;
  padding-right: 4px;
  margin: 0;
}
.sravnenie .provider .card > .card-body .toolbar-sm {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  flex-flow: row nowrap;
  align-content: center;
  padding-left: 33px;
}
.sravnenie .provider .card > .card-body .toolbar-sm .checkbox {
    position: absolute;
    padding: 0;
    left: 8px;
}
.sravnenie .provider .card > .card-body .toolbar .form-group {
  /* flex-flow: column nowrap; */
  margin: 0;
}
.sravnenie .provider .card > .card-body .toolbar .form-group:not(.ng-hide) + .form-group {
  margin: 0;
}
.sravnenie .card .position .form-inline {
  flex-wrap: nowrap;
  line-height: 14px;
  width: 100%;
  /* padding-left: 4px; */
}
.sravnenie .card .position .position-icon + .form-inline {
  padding-right: 15px;
}
.sravnenie .card .position .form-inline .icon {
  vertical-align: top;
  height: 14px;
  width: 14px;
}

.sravnenie .card .position .form-inline .icon.mini-icon {
    height: 11px;
    width: 11px;
    margin-right: 5px;
}

.sravnenie .card .position .form-inline .icon > svg {
  margin: -3px;
}
.sravnenie .card .position-icon {
  padding: 2px;
}
.sravnenie .card .position .position-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.sravnenie .card .position.table-winner .position-icon {
  right: 3px;
  top: 3px;
}
.sravnenie .provider .card .position .form-inline .form-group {
  flex-grow: 0;
  flex-flow: column;
  align-items: flex-start;
}
.sravnenie .provider .card .position .form-inline .form-group:nth-child(2) {
  flex-grow: 1;
}
.sravnenie .card .position .form-inline .form-group:last-child {
  align-items: flex-end;
  justify-content: flex-end;
}
.sravnenie .card .position .form-inline .form-group.text-center {
  align-items: center;
  justify-content: center;
}
.sravnenie .card .position .form-inline .checkbox + .form-group {
  margin-left: 5px;
}
.sravnenie .card .position .form-inline .position-icon ~ .form-group > .control-label {
  margin-right: 18px;
}
.sravnenie .card .position .form-inline .form-group a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.sravnenie .card .position .checkbox {
  /* position: absolute; */
  /* top: 13px; */
  /* left: 9px; */
  /* padding: 0; */
}
.sravnenie .card .position.table-winner .checkbox {
  /* top: 11px; */
  /* left: 7px; */
}
.sravnenie .card .position .checkbox>label {
  font-size: 11px;
  font-weight: normal;
  color: #000;
  padding-left: 20px;
}
.sravnenie .card .position .control-label {
  font-size: 10px;
  color: #52616A;
}
.sravnenie .card .position strong {font-weight: 700;}
.sticky-footer-table .table-responsive {height: 100%;}
.approval.table-responsive{height: auto;}
.modal-dialog .modal-header>button {float: right;}
.modal-dialog .modal-header>h4 {/* position: absolute; */}
.marginForCategory {margin-left: 10px;}
.selectable-container-top a,#selectedListMain a {color: #107de2;}

.categoryButtonForTree {
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
}

div > span.categoryButtonForTree.active {
  color: #0A0E92 !important;
  border-bottom: 3px solid #0A0E92;
  padding: 7px 0px;
}

.multiSelectedListControl {
  /* border: 1px solid #52616A; */
  /* border-radius: 3px; */
  /* min-height: 30px; */
  /* background-color: #f6f5be; */
}
.multiSelectedListControl .selected-category {
  height: 20px;
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  display: inline-block;
}
.spisok-zayavok {
  margin: 20px 20px 0;
  padding: 0;
  border: #A9B0B6 1px solid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.spisok-zayavok .tab-pane {
  padding: 20px;
  overflow-y: auto;
  position: absolute;
  top: 43px;
  bottom: 0;
  left: 0;
  right: 0;
}
.spisok-zayavok .tab-pane h1 {
  margin: 0;
  padding: 5px 0 20px;
}
.spisok-zayavok .tab-pane h2 {
  margin: 0;
  padding: 15px 0 20px;
}
.chat-window {
  overflow-y: auto;
  overflow-x: hidden;
  /*position: absolute;*/
  top: 0;
  bottom: 70px;
  left: 0;
  right: 0;
}
.modal-body .chat-window {
  position: absolute;
  padding-bottom: 22px;
  /*border-bottom: #A9B0B6 1px solid;*/
}
.chat-message {
  width: 66%;
  font-size: 14px;
  margin: 20px 20px 0;
}
.chat-message.yours {
  float: left;
}
.chat-message.mine {
  text-align: right;
  float: right;
}
.chat-message .message-date {
  color: #A9B0B6;
}
.chat-message .message-text {
  padding: 15px 10px;
  border-radius: 10px;
  line-height: 24px;
  color: #000;
}
.chat-message.yours .message-text {
  background: #F0F5F9;
}
.chat-message.mine .message-text {
  background: #EFFBFF;
}
.chat-control {
  position: absolute;
 bottom: 20px;
  left: 0;
  right: 0;
  padding-top: 20px;
  border-top: #A9B0B6 1px solid;
}

.chat-control.supplierDataForm{
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}


.chat-input {
  flex-grow: 999;
}
.chat-input .form-control {
  border-color: #fff;
  color: #000;
}
.chat-button {
  margin-left: 20px;
}
.chat-button .btn {
  color: #52616A;
  background-color: #C9D6DE;
  border-color: #C9D6DE;
  font-weight: 600;
}
.chat-pool {
  height: 100%;
  background: #F0F5F9;
  border-right: #A9B0B6 1px solid;
}
.chat-pool .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 60px;
  padding: 0 20px;
  font-size: 14px;
  color: #107DE2;
}
.chat-pool .nav-link .icon {
  line-height: 1;
  margin-right: 4px;
}
.chat-pool .text-center {
  background: #107de2;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.chat-pool .nav-link.active {
  background: #0A0E92;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.chat-pool .tile-image {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  max-height: 40px;
  margin-right: 10px;
  border: 1px solid #A9B0B6;
  border-radius: 3px;
}

#modalChat .modal-body .col-3,
#modalChat .modal-body .col-9{
    max-height: 100%; overflow-y: auto;
}

.sticky-footer-table {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 20px;
  right: 20px;
  padding: 0;
}
.sticky-footer-table tbody {
  overflow-y: auto;
}
.orders_plan .table-sorting.table th {
  padding: 0 10px !important;
  vertical-align: middle;
}
.orders .table td {height: 61px !important;}
.orders .table td.final-cell {
  height: 61px !important;
  padding: 0 5px !important;
  line-height: 60px !important;
}
.orders_tlp .table td {height: 60px !important;}
.orders_tlp .table td.final-cell {
  height: 61px !important;
  line-height: 60px !important;
}
.orders_plan .table td {
  padding: 0 10px !important;
  height: 46px !important;
  font-size: 11px;
  line-height: 13px;
}

.compla-otstup {
  padding-bottom: 20px;
  padding-top: 40px;
}
.compla-masthead + .compla-otstup {
  padding-top: 84px;
}


.login_background_video{
    position: absolute;
    top: 70%;
    left: 50%;
    z-index: 0;
    /*width: 1938px;*/
    width: 128%;
    -webkit-transform: translate(-50%, -46%);
    -ms-transform: translate(-50%, -46%);
    transform: translate(-50%, -46%);
    background: url(../video/sea-img.jpg) no-repeat;
    background-size: 100% 100%;
}

.login_background_video.register{
    top: 43%;
    width: 115%;
    z-index: -3;
}

.login_background_body_register{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -3;
    top: 0%;
}

.login_background{
    /*background:#F0F5F9;
    overflow:auto;*/
    background: url(../video/sea-img.jpg) no-repeat;
    background-position: 50% 50%;
    background-size: 151%;
}

.compla-login {
  border: none;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  padding: 20px;
  font-size: 14px;
  border-radius: 5px;
}
.user-registration .compla-login#user {
    width: 500px;
    margin: 0 auto;
}
.compla-login h1 {
  margin: 0;
}

.analytics_progress_bar .form-row .col{
    padding-left: 15%;
}

.compla-login a:not(.btn) { /*[class*="btn"]*/
  font-size: 14px;
  color: #0A0E92;
}
.compla-login .selected-category {
  display: inline;
  line-height: 14px;
}
.compla-login .selected-category:hover {
  text-decoration: underline;
  cursor: pointer;
}
.compla-login .selected-category > .icon {
  vertical-align: top;
  width: 14px;
  height: 14px;
  padding: 0 2px;
  text-decoration: none;
  background: #52616A;
  border-radius: 50%;
  color: #fff;
  margin-left: 2px;
}
.compla-login .selected-category:hover > .icon {
  background: #CC0E14;
}
.compla-login .registration-category {
  border-bottom: #C9D6DE 1px solid;
  border-top: #C9D6DE 1px solid;
  margin: 0 -20px;
  padding: 20px;
}
.compla-login .registration-category .text-warning {
  line-height: 15px;
}
.compla-login .field-registrationcompanyform-company_category > label {
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  color: #000;
}
.compla-login .g-recaptcha.text-center > div {
  margin: 0 auto;
}

.compla-cabinet {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
}
.compla-cabinet.card {border-radius: 5px;}
.compla-cabinet:not(.card) {padding-bottom: 20px;}
@media(max-height: 767px) {
  .compla-cabinet.card {border-radius: 0;}
  .compla-cabinet:not(.card) {padding-top: 10px;padding-bottom: 10px;}
}
.card.compla-cabinet .card-body,
.card.compla-cabinet .card-body [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.card.compla-cabinet .card-body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.card.compla-cabinet .card-body .row {
  margin-left: -20px;
  margin-right: -20px;
}

.compla-cabinet .catalog-image-upload,
.compla-cabinet .catalog-image-upload .col {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  padding: 0 20px !important;
}

.form-control.header-input{
  display: inline-block;
  vertical-align: top;
  width: 25%;
}

.noticeswrapper .table {
  border-collapse: separate;
  border-spacing: 0 10px;
  /* margin: 0 0 60px; */
  font-size: 14px;
}

.noticeswrapper .table>tbody>tr,
.noticeswrapper .table>.tbody>.tr {
    position: relative;
}
.noticeswrapper tr>th,
.noticeswrapper tr>td,
.noticeswrapper .tr>.th,
.noticeswrapper .tr>.td {
  background-color: #fff;
  border: 1px solid #A9B0B6;
  border-right-width: 0;
  border-left-width: 0;
  padding: 10px;
}

.noticeswrapper tr.label-progress:not(.not-read)>td {
  background-color: #E9F1F8;
}
.noticeswrapper tr.label-success:not(.not-read)>td {
  background-color: #F0FFF0;
}
.noticeswrapper tr.label-warning:not(.not-read)>td,
.noticeswrapper tr.label-accepted:not(.not-read)>td,
.noticeswrapper tr.label-risk:not(.not-read)>td {
  background-color: #FBEBDD;
}
.noticeswrapper tr.label-important:not(.not-read)>td,
.noticeswrapper tr.label-overdue:not(.not-read)>td {
  background-color: #FFF5F5;
}
.noticeswrapper .table>tbody>tr>td:first-child,
.noticeswrapper .table>.tbody>.tr>.td:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  white-space: nowrap;
  width: 250px;
}
.noticeswrapper .table>tbody>tr:not(.not-read)>td:first-child,
.noticeswrapper .table>.tbody>.tr:not(.not-read)>.td:first-child {
  border-left-width: 5px;
}
.noticeswrapper .table>tbody>tr>td:last-child,
.noticeswrapper .table>.tbody>.tr>.td:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-right-width: 1px;
}
.noticeswrapper tr.label-progress:not(.not-read)>td:first-child {
  border-left-color: #107DE2;
}
.noticeswrapper tr.label-success:not(.not-read)>td:first-child {
  border-left-color: #10AC17;
}
.noticeswrapper tr.label-warning:not(.not-read)>td:first-child,
.noticeswrapper tr.label-accepted:not(.not-read)>td:first-child,
.noticeswrapper tr.label-risk:not(.not-read)>td:first-child {
  border-left-color: #E27210;
}
.noticeswrapper tr.label-important:not(.not-read)>td:first-child,
.noticeswrapper tr.label-overdue:not(.not-read)>td:first-child {
  border-left-color: #CC0E14;
}
.noticeswrapper tr.label-order-risks:not(.not-read)>td:first-child {
  border-left-color: #52616A;
}
.noticeswrapper .badge {
    background-color: #A9B0B6;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    outline: none;
    padding: 5px 15px;
}
.noticeswrapper .badge.label-progress {
  background-color: #107DE2;
}
.noticeswrapper .badge.label-success {
  background-color: #10AC17;
}
.noticeswrapper .badge.label-warning,
.noticeswrapper .badge.label-accepted,
.noticeswrapper .badge.label-risk {
  background-color: #E27210;
}
.noticeswrapper .badge.label-important,
.noticeswrapper .badge.label-overdue {
  background-color: #CC0E14;
}
.noticeswrapper .badge.label-risk {
  color: #fff;
}
.noticeswrapper .badge.label-order-risks {
  background-color: #fff;
  color: #52616A;
  border-color: #52616A;
}
.noticeswrapper .badge.label-order-risks.label-risk {
  color: #E27210;
  border-color: #E27210;
}
.noticeswrapper .badge.label-order-risks.label-overdue {
  color: #CC0E14;
  border-color: #CC0E14;
}

.cards-wrapper {
  display: flex;
  position: relative;
  margin-right: -10px;
}
.cards-wrapper-label {
  padding: 5px 0;
}
.cards-wrapper-fade {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 100%;
  z-index: 1;
}
.cards-wrapper-fade.fade-left {
  left: 40px;
  background: linear-gradient(90deg, #FFFFFF 39.13%, rgba(255, 255, 255, 0) 112.55%);
}
.cards-wrapper-fade.fade-right {
  right: 0;
  background: linear-gradient(270deg, #FFFFFF 39.13%, rgba(255, 255, 255, 0) 112.55%);
}
.cards-wrapper .btn-primary {
  display: flex;
  height: 50px;
  width: 30px;
  flex: 0 0 30px;
  margin: 5px 15px 10px 0;
}
.cards-wrapper .card-deck {
  position: relative;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 9999%;
  /* min-width: 100%; */
  overflow: hidden;
  margin: 0;
}
.cards-wrapper .card_deck_main_body {
  /* margin-top: 2px; */
}
.cards-wrapper .card_moving_body.card-deck{
    overflow: visible;
    width: auto;
    min-width: 95%;
}
.row-md [class*="col-"] > .card-deck {
  margin-left: -5px;
  margin-right: -5px;
}
.row-md [class*="col-"] > .card-deck > .card {
  margin-left: 5px;
  margin-right: 5px;
}
.row-md [class*="col-"] > .card-deck > .card > .card-body {
  padding: 5px 15px;
}
.cards-wrapper .card-deck .card {
  height: 50px;
  flex: 0 0 155px;
  margin: 5px;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
  border: none;
  border-radius: 5px;
}
.cards-wrapper .card-deck .card .card-body {
  padding: 5px;
  font-size: 14px;
  line-height: 16px;
  height: 60px;
  overflow: hidden;
  display: flex;
  flex-flow: row-reverse nowrap;
}
.cards-wrapper .card-deck .card .card-body .close {
  line-height: 20px;
  /* margin-bottom: 15px; */
  /* margin-top: 15px; */
  float: none;
}
.cards-wrapper .card-deck .card .card-body .close > .icon{vertical-align: top;}
.cards-wrapper > .cards-wrapper-control {
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 60px;
  margin-left: -30px;
  font-size: 0;
}
.cards-wrapper > .cards-wrapper-control .btn:not(.ng-hide) + .btn {margin: 0;}
.compla-track td {height: 80px;}
.zayavka.compla-track > td {height: 60px;}
.approval.table-responsive > .table tbody>tr>td {height: 80px;}
.procurement.table-responsive > .table tbody>tr>td {height: 45px;}
.procurement.table-responsive > .table tbody>tr>td,
.procurement.table-responsive > .table tbody>tr>td * {font-size: 11px;}
.procurement.table-responsive > .table tbody>tr>td select {
  white-space: nowrap;
  min-width: 45px;
}
.final-cell {
  position: absolute !important;
  right: 21px !important;
  height: 41px !important;
  line-height: 40px !important;
  width: 100px !important;
  padding: 0 5px !important;
}
.table tbody>tr:first-child > td.final-cell {border-color: transparent;}
.provider-grid .final-cell {
  right: 1px !important;
}
.provider-grid td.final-cell,
.sravnenie .card-body > .table tbody>tr>td.final-cell,
.procurement.table-responsive >  .table tbody>tr>td.final-cell {
  width: 40px !important;
  height: 81px !important;
  line-height: 30px !important;
  padding: 25px 6px !important;
}
.final-cell,
.table-striped tbody tr:nth-of-type(odd) .final-cell,
 tbody .table-secondary.final-cell,  tbody .table-secondary .final-cell {
  background: linear-gradient(270deg, #fff 50%, rgba(255,255,255,0) 100%);
}
.table-striped tbody tr:nth-of-type(even) .final-cell {
  background: linear-gradient(270deg, #f0f5f9 50%, rgba(240,245,249,0) 100%);
}
.table-hover tbody tr:hover .final-cell,
.table-primary.final-cell, .table-primary .final-cell {
  background: linear-gradient(270deg, #effbff 50%, rgba(239,251,255,0) 100%) !important;
}
.table-success.final-cell, .table-success .final-cell,
.table-hover tbody tr.table-success:hover.final-cell, .table-hover tbody .table-success:hover .final-cell {
  background: linear-gradient(270deg, #FAFFEF 50%, rgba(250,255,239,0) 100%) !important;
}
.table-warning.final-cell, .table-warning .final-cell,
.table-hover tbody tr.table-warning:hover.final-cell, .table-hover tbody .table-warning:hover .final-cell {
  background: linear-gradient(270deg, #FEF2E8 50%, rgba(254,242,232,0) 100%) !important;
}
.table-danger.final-cell, .table-danger .final-cell,
.table-hover tbody tr.table-danger:hover.final-cell, .table-hover tbody .table-danger:hover .final-cell {
  background: linear-gradient(270deg, #FBEFEF 50%, rgba(251,239,239,0) 100%) !important;
}

.table-hover tbody tr:hover .final-cell,
.table-hover tbody tr.table-secondary:hover.final-cell, .table-hover tbody .table-secondary:hover .final-cell {
  background: linear-gradient(270deg, #effbff 50%, rgba(239,251,255,0) 100%) !important;
}
.table-hover tbody tr.table-success:hover.final-cell, .table-hover tbody .table-success:hover .final-cell {
  background: linear-gradient(270deg, #F2FFD7 50%, rgba(242,255,215,0) 100%) !important;
}
.table-hover tbody tr.table-warning:hover.final-cell, .table-hover tbody .table-warning:hover .final-cell {
  background: linear-gradient(270deg, #FFE9D7 50%, rgba(255,233,215,0) 100%) !important;
}
.table-hover tbody tr.table-danger:hover.final-cell, .table-hover tbody .table-danger:hover .final-cell {
  background: linear-gradient(270deg, #FFE1E1 50%, rgba(255,225,225,0) 100%) !important;
}

.card.company-info {
  border-radius: 5px;
  border-color: #A9B0B6;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
}
.company-info .card-body {
  padding: 0 15px;
}
.company-info .card-body > .row > [class*=col] {
  padding: 0 !important;
}
.company-info .row > [class*=col] > .row {
  margin-left: -20px;
  margin-right: -20px;
}
.company-info > .row > [class*=col] {
  padding-top: 0;
}
.company-info .row > [class*=col] > .row.form-group {
  border-bottom: 1px solid #A9B0B6;
  margin-bottom: 0;
}
.company-info .row > [class*=col] > .row > [class*=col] {
  padding: 20px 20px 20px 0;
}
.company-info .row > [class*="col-"] > .row > [class*=col]:first-child {
  padding-left: 20px;
}
.company-info .row > [class*="col-"] > .row > [class*=col] > .form-group {
  /* margin-bottom: 20px; */
}
.company-info .company-text {
  /* padding: 0 20px 20px; */
}
.company-info .company-text .table-responsive{
  white-space: nowrap;
}
.company-info .company-text .row.table-responsive{
  margin: 0 -20px -21px;
  width: auto;
}
.company-info .company-text td {
  height: 40px;
}
.company-info .company-text .final-cell {
  width: 50px !important;
}

.company-info .card-body .good-attachment .nav-tabs,
.provider-grid .tree-new .nav-tabs {
  justify-content: space-around;
}
.company-info .card-body .good-attachment .tab-content {
  padding-left: 20px;
  padding-right: 20px;
}
.company-info .card-body .good-attachment .tab-content ul {
  padding-left: 15px;
}
.contributor-stage {
  display: inline-block;
  vertical-align: top;
  padding: 2px 4px;
  background: #C8E2F8;
  color: #0A0E92;
}

.table-blocked {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-bottom: 0;
  font-size: 13px;
}
.table-blocked tr {
  margin: 10px 0;
  background: #F0F5F9;
  border: 1px solid #A9B0B6;
  border-radius: 5px;
  border-collapse: collapse;
  font-size: 14px;
  padding: 0;
}
.table-blocked tr > td {
  vertical-align: top;
  padding: 10px;
  border: #A9B0B6 1px solid;
  border-right-width: 0;
  border-left-width: 0;
}
.table-blocked tr>td:first-child,
.table-blocked .tr>.td:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-left-width: 1px;
  white-space: nowrap;
}
.table-blocked tr>td:last-child,
.table-blocked .tr>.td:last-child {
  vertical-align: middle;
  border-bottom-right-radius: 5px;
  border-right-width: 1px;
  border-top-right-radius: 5px;
}
.table-blocked .text-title,
.table-blocked .text-muted {
  white-space: nowrap;
}
.table-blocked .text-title {
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
}
a.ref-white {
    color: #fff;
}

.goods .provider-grid {
  /* top: 101px; */
}
.goods .collapse.show ~ .provider-grid,
.goods .collapsing ~ .provider-grid {
  top: 470px;
}
.companies .provider-grid {
  top: 70px;
}
.companies .collapse.show ~ .provider-grid,
.companies .collapsing ~ .provider-grid {
  top: 343px;
}
.provider-grid .row {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.provider-grid .row > .col {
  max-width: 300px;
  height: 60px;
  display: flex;
  flex: 1 1 auto;
  flex-flow: column wrap;
  justify-content: space-around;
  line-height: 16px;
}
.provider-grid .row > .col > .row > .col {
  height: auto;
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  justify-content: left;
}
.provider-grid .row > .col.tile-image {
  max-width: 60px;
  justify-content: center;
}
.provider-grid td {
  height: 80px;
}
.provider-grid td .text-wrap {
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 570px;
  max-height: 30px;
  line-height: 15px;
  margin-top: -5px;
}
.company-inline-cell {
  flex-flow: row nowrap;
  /* padding: 15px !important; */
  /* height: 70px; */
  /* display: flex; */
  /* justify-content: space-between; */
}
.company-inline-cell .form-group:not(.ng-hide) + .form-group {
  font-size: 12px;
}
.company-inline-cell .form-group .link-dotted,
.company-inline-cell .form-group .link-dotted > * {
  line-height: 1;
}
.company-inline-cell .form-group > * + * {
  margin-left: .5em;
}
.company-inline-cell .form-group .badge {
  line-height: 20px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.company-inline-cell .company-rating,
.company-inline-cell .company-rating .badge {
  min-width: 32px;
}
.company-inline-cell .form-group .badge-invite {
  padding-bottom: 2px;
  padding-top: 2px;
}
.company-inline-cell .form-group .badge-invite .icon {
  margin-right: 5px;
}
.collapse#collapseSearch {
  margin-bottom: 20px;
}
.collapse#collapseSearch + .compla-table {
  margin-top: -15px;
}

.trItogo{   
    background: #EFFBFF !important;
}

/* provider popup "Selected count" block */

.provider-popup {
  /* position: absolute; */
  /* bottom: -60px; */
  /* left: 0; */
  /* right: 0; */
  /* height: 60px; */
  margin: 0 -20px -20px;
  padding: 15px 20px;
  background: #C8E2F8;
  /* border-top: 1px solid #a9b0b6; */
  /* z-index: 1; */
}
.provider-selected .provider-popup {
  bottom: 0;
}
.provider-selected .pagination {
  bottom: 60px;
}

.table-responsive .form-row {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-warning {
  background: #E27210;
}
.form-warning:after {
  content: "!";
  color: #E27210;
  position: absolute;
  font-weight: 600;
  margin-left: 2px;
}

.toolbar:not(.ng-hide) ~ .compla-table {
  margin-top: -10px;
}
.compla-table .table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-bottom: 0;
  font-size: 13px;
}
.compla-table .table>tbody>tr>th,
.compla-table .table>tbody>tr>td,
.compla-table .table>.tbody>.tr>.th,
.compla-table .table>.tbody>.tr>.td {
  border: #a9b0b6 1px solid;
  border-right-width: 0;
  border-left-width: 0;
}
.compla-table .table>tbody>tr>td:first-child,
.compla-table .table>.tbody>.tr>.td:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-left-width: 1px;
  white-space: nowrap;
}
.compla-table .table>tbody>tr>td:last-child,
.compla-table .table>.tbody>.tr>.td:last-child {
  border-bottom-right-radius: 5px;
  border-right-width: 1px;
  border-top-right-radius: 5px;
  /* padding: 0; */
}
h2> .compla-track-status, h5 > .compla-track-status {
  display: inline-block;
  margin: 0 10px;
  min-width: unset;
}
h2> .compla-track-status:first-child, h5 > .compla-track-status:first-child {
  margin-left: 0;
}
.compla-track-status.form-group {margin-bottom: 10px;}
td > .compla-track-status:first-child > .badge-pill {margin: 0;}
.orders .table td:not(.form-inline) .form-group,
.orders .table td div:not(.form-inline) .form-group,
.compla-track td:not(.form-inline) > .form-group,
.compla-track div:not(.form-inline) > .form-group,
.orders .table td:not(.form-inline) .form-group + *,
.orders .table td div:not(.form-inline) .form-group + *,
.compla-track td:not(.form-inline) > .form-group + *,
.compla-track div:not(.form-inline) > .form-group + * {
  line-height: 16px;
  margin-bottom: 0;
}
.orders .table td:not(.form-inline) .form-group,
.orders .table td:not(.form-inline) .form-group + * {
  line-height: 20px;
}
.orders_plan .table td:not(.form-inline) .form-group,
.orders_plan .table td:not(.form-inline) .form-group + * {
  line-height: 14px !important;
  /* height: 14px; */
}
.orders .table td:not(.form-inline) .form-group ~ *,
.orders .table td div:not(.form-inline) .form-group ~ *,
.compla-track td:not(.form-inline) > .form-group ~ *,
.compla-track div:not(.form-inline) > .form-group ~ * {
  margin-top: 5px;
}
.orders_plan .table td:not(.form-inline) .form-group ~ *,
.orders_plan .table td div:not(.form-inline) .form-group ~ * {
  margin-top: 2px !important;
}
.orders .table td:not(.form-inline) .form-group .text-nowrap,
.orders .table td div:not(.form-inline) .form-group.text-nowrap,
.compla-track div:not(.form-inline) .form-group .text-nowrap {
  font-size: 13px;
}
.orders .table td .text-nowrap > .icon,
.compla-track .text-nowrap > .icon {
  vertical-align: top;
}
.orders .table td:not(.form-inline) .form-group.compla-track-status .badge,
.orders .table td div:not(.form-inline) .form-group.compla-track-status .badge,
.orders .table td:not(.form-inline) .form-group:last-child,
.orders .table td div:not(.form-inline) .form-group:last-child,
.compla-track td:not(.form-inline) > .form-group:last-child,
.compla-track div:not(.form-inline) > .form-group:last-child {
  margin: 0;
}
.compla-track-status > div > div > strong {
  display: inline-block;
  vertical-align: middle;
  min-width: 150px;
  white-space:nowrap;
}
.container-empty {
  padding: 30px;
}
.container-empty > h1 {
  font-size: 23px;
  line-height: 26px;
}
@media (max-height: 767px) {
  .fixed-bottom > .wrapper, .fixed-bottom > .scroll-vertical > .wrapper {/*margin-top: -1px;*/margin-top: 20px;margin-bottom: -1px;}
  .OrderEditForm .row:last-child > .stickytable {height: calc(100vh - 344px);border-bottom: none;}
  .ProcurementProceduresEditForm .row:last-child > .stickytable {height: calc(100vh - 284px);border-bottom: none;}
  .PurchaseRequestEditForm .row:last-child > .stickytable {height: calc(100vh - 238px);border-bottom: none;}
  .FrameOrderEditForm .row:last-child > .stickytable {height: calc(100vh - 193px);border-bottom: none;}
}
@media (min-height: 768px) {
  .fixed-bottom > .wrapper, .fixed-bottom > .scroll-vertical > .wrapper {margin: 0;padding-top: 20px;padding-bottom: 20px;}
  .OrderEditForm .row:last-child > .stickytable {height: calc(100vh - 385px);}
  /*.ProcurementProceduresEditForm .row:last-child > .stickytable {height: calc(100vh - 325px);}*/
  /*.PurchaseRequestEditForm .row:last-child > .stickytable {height: calc(100vh - 279px);}*/
  .FrameOrderEditForm .row:last-child > .stickytable {height: calc(100vh - 234px);}
}
.alert {
  border-radius: 3px;
  margin-bottom: 0;
  padding: 4px 20px;
}
.main-head .alert {
  padding: 0 20px;
  border: none;
}
.main-head .alert > h1 {
  line-height: 30px;
  margin: 0;
}
.main-head .alert > h1 > .icon {
  vertical-align: top;
  margin: 5px 0;
}
.main-head .alert > h1[ng-click] {cursor: pointer;}
.alert-success {
  background-color: #FAFFEF;
  border-color: #FAFFEF;
}

.selected-category {
  /* display: inline; */
  /* line-height: 14px; */
  display: inline-block;
}

.compla-track-status > .dropdown-menu {
  padding: 15px 0;
}
.compla-track-status > .dropdown-menu > .dropdown-item.procedure-status {
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  border: none;
  margin: 0;
  padding: 8px 20px;
}
.compla-track-status > .dropdown-menu > .dropdown-item.procedure-status > .icon-dot {
  margin-top: 4px;
}
.badge > .icon-arrow {
  width: 10px;
  height: 10px;
  margin: 5px 0;
}
.badge > .icon-arrow > svg {
  width: 20px;
  height: 20px;
  margin: -5px;
  vertical-align: top;
}

.sravnenie-toolbar {
  justify-items: flex-start;
  height: 60px;
  background:#FAFAFA;
  margin: -6px -20px;
  padding: 0 20px;
}
.sravnenie-toolbar > .card {
  background: none !important;
  border-width: 0;
  border-radius: 0;
  flex: 0 0 auto;
}
.sravnenie-toolbar > .card:first-child:not(:last-child) {
  width: 220px;
  margin-right: 10px;
  border-left-width: 4px;
  flex-grow: 0;
}
.sravnenie-toolbar > .card.bg-primary:first-child:not(:last-child) {
  border-color: #107DE2;
}
.sravnenie-toolbar > .card:last-child:not(:first-child) {
  flex: 1 1 auto;
}
.sravnenie-toolbar > .card > .card-header {
  padding: 6px 6px 0;
  background: none;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
.sravnenie-toolbar > .card > .card-header:last-child {
  padding: 0;
  margin: 20px 5px;
}
.sravnenie-toolbar > .bg-primary > .card-header {
  color: #107DE2;
}
.sravnenie-toolbar > .card > .card-body {
  display: flex;
  flex-flow: row wrap;
  height: 40px;
  padding: 0 7px;
  background: none;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  line-height: 13px;
}
.sravnenie-toolbar > .card:not(:last-child) > .card-body {
  /* max-width: 310px; */
}
.sravnenie-toolbar > .card.bg-none {
  flex-grow: 1;
}
.sravnenie-toolbar > .card:not(.bg-none) > .card-body {
  width: 170px;
  margin: 10px 0;
  padding: 5px 7px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  flex-flow: row nowrap;
  align-items: center;
}
.sravnenie-toolbar > .card.bg-primary > .card-body {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  width: auto;
  height: auto;
}
.sravnenie-toolbar > .card.bg-muted > .card-body {
  background: #F0F5F9;
  box-shadow: none;
  border: 1px dashed #A9B0B6;
}
.sravnenie-toolbar > .card > .card-header + .card-body {
  padding: 4px 7px 8px;
  font-size: 13px;
  line-height: 15px;
}
.modal-body.bg-muted {
  background-color:#F0F5F9;
  margin: 0 -20px;
  padding: 15px 20px;
}
.modal-body.border-muted {
  border-color:#C9D6DE;
  border-width: 1px 0;
  border-style: solid;
}

.slider-handle {
  top: 7px;
  width: 16px;
  height: 16px;
  background: #107DE2;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.45);
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
  margin-left: -8px;
}
.slider-track {
  background-image: -webkit-linear-gradient(top, 0,#C8E2F8 100%);
  background-image: -o-linear-gradient(top,#f5f5f5 0,#C8E2F8 100%);
  background-image: linear-gradient(to bottom,#f5f5f5 0,#C8E2F8 100%);
}
.slider.slider-horizontal .slider-track {
  height: 4px;
  margin-top: -2px;
}
.slider-track, .slider-track-low, .slider-track-high {
  border-radius: 2px;
}
.slider.slider-horizontal {
  width: 250px;
  height: 30px;
}
.slider-selection {
  background: #107DE2;
}

ul.ulclasinsstorka{
  margin: 0;
  padding: 0;
}

.ulclasinsstorka li,
.ulclasinsstorka li > * {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  list-style: none;
}

.ulclasinsstorka li {
margin-bottom: 5px;
}

.ulclasinsstorka button,
.ulclasinsstorka button > .icon {
  vertical-align: top;
}

.ulclasinsstorka button{
  line-height: 20px;
  /* vertical-align: middle; */
  /* margin-top: -8px; */
  /* margin-left: 5px; */
  margin-right: 15px;
}


.analytics_head.card-deck > .card:nth-child(-n+3){
    max-width: 120px;
}

.maxWidth75px{max-width: 75px}
.comment_supplier, textarea.comment_supplier, .form-control.file-attachment {height: 100%;max-height: 95px;}
.modal .comment_supplier, .modal textarea.comment_supplier, .modal .form-control.file-attachment {max-height: none;}
.control-label + .comment_supplier,
.control-label + textarea.form-control.comment_supplier,
.control-label + .form-control.file-attachment,
.row + .comment_supplier,
.row + textarea.form-control.comment_supplier,
.row + .form-control.file-attachment {height: calc(100% - 20px);min-height: 95px;max-height: none;}
.comment_supplier > .card-body {padding: 7px; overflow-x: hidden; overflow-y: auto;}
.comment_supplier > .card-body > p {font-size: 13px}
.comment_supplier > .card-body > p:last-child {margin-bottom: 0}

.table-listing {font-size: 13px; line-height: 16px;}
.listing {font-size: 11px; line-height: 14px;}
.listing > .form-group {display:flex;justify-content:space-between; line-height: 20px;}

.table-wrapper > .row > .stickytable.col {padding: 0; border-left: 1px solid #A9B0B6; border-right: 1px solid #A9B0B6; }
.stickytable.container-fluid,
.stickytable > .container-fluid,
.stickytable.container-fluid > .table-responsive,
.stickytable > .container-fluid > .table-responsive,
.stickytable .tab-content > .tab-pane,
.stickytable .tab-content > .tab-pane > .container-fluid {
  height:100%;
  position: relative;
  overflow-y: auto;
}
.stickytable .tab-content > .tab-pane > .compla-table {
  margin-left: 20px;
  margin-right: 20px;
}
.stickytable .nav-tabs {/* border-top: 1px solid #A9B0B6; *//* border-left: 1px solid #A9B0B6; *//* border-right: 1px solid #A9B0B6; */}
.table-wrapper > .row > .stickytable .toolbar:not(.toolbar-sm) {padding: 10px;}
.stickytable > .toolbar {/* border: 1px solid #A9B0B6; */}
.stickytable .nav-tabs + .tab-content {height: calc(100% - 43px);/* border-width: 0 1px 1px; *//* border-style: solid; *//* border-color: #A9B0B6; */}
.stickytable .toolbar .procedure-status {line-height: 30px;}
.stickytable .toolbar ~ .table-responsive {height: calc(100% - 50px);}
.stickytable > .toolbar ~ .table-responsive {border-width: 0 1px 1px;border-style: solid;border-color: #A9B0B6;}
.stickytable .toolbar.ng-hide ~ .table-responsive .table > thead > tr > th {border-top: none;/* border-bottom: 1px solid #A9B0B6; */}

.table-empty:not(.no-gutters), .table-empty:not(.no-gutters) * {
  padding: 20px;
  margin: 0 auto;
}
.table tbody.table-empty tr:last-child td {border-bottom: none;}
.curspointer{cursor: pointer;}

.buyerFilterLinkInSearch .icon {vertical-align: middle;}
.buyerFilterLinkInSearch .text-muted {
  font-size: 14px;
  text-decoration: underline;
}
.historyStatusPPModal .table-blocked .text-title{font-size: 15px;}
.historyStatusPPModal .table-blocked .text-title{font-size: 15px;}
.tableHeadPriceAnalis{
  font-size: 11px;
  text-align: center;
}
.tableHeadPriceAnalis td{border-top: 0 !important;}
.compareModalFinishSum.modal-header{border-bottom: none;}
.compareModalFinishSum .modal-title{color: #52616A;}
.compareModalFinishSum .right-col{border-left: 1px solid #C9D6DE;}
.compareModalFinishSum .form-group{margin-bottom: 5px;}
.compareModalFinishSum .form-group.inlineCol{
  display: flex;
  justify-content: start;
}
.compareModalFinishSum .form-group.inlineCol>div:nth-child(2){
  position: relative;
  margin-left: 7px;
}
.compareModalFinishSum .grayLabel{
  font-size: 11px;
  color: #52616A;
}
.table input {border-color: #aaa;}
.table select {border-color: #aaa;}
.editable-table .form-row {margin-top: 3px; margin-bottom: 3px;}
.editable-table tbody td {padding-left: 3px;padding-right: 2px;/* border-top: 1px solid #dee2e6; */}
.editable-table, .editable-table .form-control, .editable-table input {font-size: 12px;}

.ui-notification {font-size: 14px;}

.wsNormal{
  white-space: normal;
}

.textAlignL{
  text-align: left;
}

.textAlignC{
  text-align: center;
}

.nowrap{
  white-space: nowrap;
}

.zayavka.search-filter {
  background: #F1FAFA;
  border-radius: 0px;
}

.requestLotsHeadInfo{
  border-bottom: 1px solid #A9B0B6;
  padding: 10px 0px 0px 0px;
}

.requestLotsHeadInfo .requestLotsOrders{
  margin-left: 25px;
}

.requestLotsHeadInfo .requestLotsOrders span:last-child .delimeter{
  display: none;
}

.delimeterSpisok span:last-child .delimeter{
  display: none;
}

.progress, .progress-bar {border-radius: 3px;}
.progress-sm {
  height: 10px;
  font-size: 10px;
  border-radius: 2px;
}
.progress.bg-violet      {background-color: rgba(10,  14,  146, .2) !important}
.progress.bg-primary     {background-color: rgba(16,  125, 226, .2) !important}
.progress.bg-success     {background-color: rgba(16,  172, 23,  .2) !important;}
.progress.bg-warning     {background-color: rgba(226, 114, 16,  .2) !important}
.progress.bg-danger      {background-color: rgba(204, 14,  20,  .2) !important}
.progress.bg-dark        {background-color: rgba(0,   0,   0,   .2) !important}
.progress.bg-muted       {background-color: rgba(82,  97,  106, .2) !important}
.progress-bar.bg-violet  {background-color: #0A0E92 !important}
.progress-bar.bg-primary {background-color: #107DE2 !important}
.progress-bar.bg-success {background-color: #10AC17 !important}
.progress-bar.bg-warning {background-color: #E27210 !important}
.progress-bar.bg-danger  {background-color: #CC0E14 !important}
.progress-bar.bg-dark    {background-color: #000000 !important}
.progress-bar.bg-muted   {background-color: #52616A !important}

.circle_progress_bar circle {
  stroke-dashoffset: 0;
  /*transition: stroke-dashoffset 1s linear; // Анимация при смене stroke */
  stroke: #C9D6DE;
  stroke-width: 6px;
}
.circle_progress_bar .bar {
  stroke: #FF9F1E;
  stroke-width: 6px;
}

.circle_progress_bar_body {
  display: block;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  position: relative;
}
.circle_progress_bar_body:after {
  position: absolute;
  display: block;
  content: attr(data-pct)"%";
  width: 25px;
  margin-top: -34px;
  /*margin-left: 8px;*/
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.prgoress_bar_td .circle_progress_bar_body:after {
  width: 100%;
  margin-left: 5px;
}

.circle_progress_bar_description{
  margin-left: 14px;
  white-space: nowrap;
}



.analytics_progress_bar .circle_progress_bar_body{
    display: inline-block;
    height: 70px;
    width: 100%;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.analytics_progress_bar .circle_progress_bar .bar{
    stroke-width: 6px;
}

.analytics_progress_bar .circle_progress_bar_body:after{
    position: absolute;
    display: block;
    content: attr(data-pct)"%";
    /*width: 67px;*/
    width: 100%;
    margin-top: -52px;
    /*margin-left: 37.5%;*/
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.analytics_progress_bar .dark_circle .bar,
.analytics_progress_bar .dark_circle{
    stroke: #1E2022;
    color: #1E2022;
}

.analytics_progress_bar .not_approval_color .bar,
.analytics_progress_bar .not_approval_color{
    stroke: #52616A;
    color: #52616A;
}

.analytics_progress_bar .in_progress_color .bar,
.analytics_progress_bar .in_progress_color{
    stroke: #107DE2;
    color: #107DE2;
}

.analytics_progress_bar .in_time_color .bar,
.analytics_progress_bar .in_time_color{
    stroke: #10AC17;
    color: #10AC17;
}

.analytics_progress_bar .not_in_time_color .bar,
.analytics_progress_bar .not_in_time_color{
    stroke: #E27210;
    color: #E27210;
}

.progress-pos .circle_progress_bar_description{
  margin-left: -17px;  
}

.prgoress_bar_td .row{
    min-width: 170px;
}

.progress-gray{
  color: #C9D6DE;
}

.progress-gray .circle_progress_bar .bar{
  stroke: #C9D6DE;
}

.progress-lot{
  color: #0A0E92;
}

.progress-lot .circle_progress_bar .bar{
  stroke: #0A0E92;
}

.progress-pp{
  color: #107DE2;
}

.progress-pp .circle_progress_bar .bar{
  stroke: #107DE2;
}

.progress-order{
  color: #10AC17;
}

.progress-order .circle_progress_bar .bar{
  stroke: #10AC17;
}

.requestTabs .tab-pane{
    display: none;
}

.requestTabs .tab-pane.show{
    display: block;
}

.requestPosTableStatus{
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
}

.requestColumnStatusEmpty{
    margin-left: 18%;
}

.procurement_procedures_warning_message {
    background: #fef2e8f0;
    padding: 14px;
    position: absolute;
    bottom: 0px;
}


.tileReport, .tileReport:hover {
    background: #FFF;
    border-radius: 5px;
    text-decoration: none;
    /* border: 1px solid #A9B0B6; */
    border: none;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
    margin-left: 20px;
    padding: 15px 20px;
}

[ng-click]{
    cursor: pointer;
}

.tileReport.col-3{
   max-width: 250px;
}

.repotExcecutionTable .badge{
    margin-left: 12px;
.strong{
    font-weight: bold;
}

.modal-body .dropdown-menu.datepicker{
    position: absolute;
    z-index: 1052 !important;
}

.icon14{
    width: 14px;
    height: 14px;
}

.input-description{
    font-size: 0.94em;
}

.icon_manual{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4xMjYzMiA3LjIzOTM1SDUuMTg0MkM1LjEzNjk3IDYuMzg0MjQgNS4zNzA2NCA2LjAzODcxIDUuODM3OTcgNS43NDc4N0M2LjE2NjA5IDUuNTQ2NTIgNi4zNzk4NyA1LjMzMjc1IDYuMzc5ODcgNS4wMTk1NEM2LjM3OTg3IDQuNjc0MDEgNi4xMDg5MiA0LjQ1MDI5IDUuNzczMzQgNC40NTAyOUM1LjQ0NzcgNC40NTAyOSA1LjE0NjkyIDQuNjY2NTUgNS4xMzIgNS4wNzE3NEg0LjExNzhDNC4xNDAxNyA0LjA3NzQyIDQuODc1OTcgMy42MDUxMiA1Ljc3ODMxIDMuNjA1MTJDNi43NjUxNyAzLjYwNTEyIDcuNDY2MTYgNC4xMTIyMiA3LjQ2NjE2IDQuOTgyMjVDNy40NjYxNiA1LjUyMTY3IDcuMjAyNjcgNS44OTcwMiA2Ljc0NTI4IDYuMTc3OTJDNi4yODU0MSA2LjQ2MTMgNi4xMjYzMiA2LjY1MDIyIDYuMTI2MzIgNy4yMzkzNVoiIGZpbGw9IiMwRDdCRDkiLz48cGF0aCBkPSJNNi4yNzc5NSA4LjI2NTk4QzYuMjgwNDQgOC41ODE2OCA2LjAxMTk3IDguODMyNzUgNS42NzYzOSA4LjgzMjc1QzUuMzQzMyA4LjgzMjc1IDUuMDc0ODMgOC41ODE2OCA1LjA3MjM0IDguMjY1OThDNS4wNzQ4MyA3Ljk1Mjc3IDUuMzQzMyA3LjY5OTIyIDUuNjc2MzkgNy42OTkyMkM2LjAxMTk3IDcuNjk5MjIgNi4yODA0NCA3Ljk1Mjc3IDYuMjc3OTUgOC4yNjU5OFoiIGZpbGw9IiMwRDdCRDkiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjMyMDYgNi4yMzkwOUMxMS4zMjA2IDkuMjc2NjYgOC44NTgxMiAxMS43MzkxIDUuODIwNTYgMTEuNzM5MUMyLjc4Mjk5IDExLjczOTEgMC4zMjA1NTcgOS4yNzY2NiAwLjMyMDU1NyA2LjIzOTA5QzAuMzIwNTU3IDMuMjAxNTIgMi43ODI5OSAwLjczOTA5IDUuODIwNTYgMC43MzkwOUM4Ljg1ODEyIDAuNzM5MDkgMTEuMzIwNiAzLjIwMTUyIDExLjMyMDYgNi4yMzkwOVpNMTAuMzIwNiA2LjIzOTA5QzEwLjMyMDYgOC43MjQzNyA4LjMwNTg0IDEwLjczOTEgNS44MjA1NiAxMC43MzkxQzMuMzM1MjggMTAuNzM5MSAxLjMyMDU2IDguNzI0MzcgMS4zMjA1NiA2LjIzOTA5QzEuMzIwNTYgMy43NTM4MSAzLjMzNTI4IDEuNzM5MDkgNS44MjA1NiAxLjczOTA5QzguMzA1ODQgMS43MzkwOSAxMC4zMjA2IDMuNzUzODEgMTAuMzIwNiA2LjIzOTA5WiIgZmlsbD0iIzBEN0JEOSIvPjwvc3ZnPg==);
    background-position: 54%;
    background-repeat: no-repeat;
    background-size: 106%;
    margin-right: 3px;
    padding: 0px 7px;
}

img.imagePreviewFull{
    width: 100%;
}

.ml25{
    margin-left: 25px;
}

.textLeft{
    text-align: left !important;
}