@charset "UTF-8";
.abstract-icon {
  display: inline-block;
}

.menu-icon, .menu-icon-help, .menu-icon-speed, .menu-icon-bag, .menu-icon-awps, .menu-icon-charts, .menu-icon-folder, .menu-icon-card, .menu-icon-briefcase, .menu-icon-display {
  display: inline-block;
  width: 30px;
  height: 25px;
  margin-left: 2px;
  margin-right: 5px;
  float: left;
}

.menu-icon.fa, .fa.menu-icon-help, .fa.menu-icon-speed, .fa.menu-icon-bag, .fa.menu-icon-awps, .fa.menu-icon-charts, .fa.menu-icon-folder, .fa.menu-icon-card, .fa.menu-icon-briefcase, .fa.menu-icon-display {
  text-align: center;
  font-size: 23px;
  margin: 2px 3px 0 4px;
}

.menu-icon-display {
  background: url(../img/display-icon.png) no-repeat center;
}

.menu-icon-briefcase {
  background: url(../img/briefcase-icon.png) no-repeat center;
}

.menu-icon-card {
  background: url(../img/card-icon.png) no-repeat center;
}

.menu-icon-folder {
  background: url(../img/folder-icon.png) no-repeat center;
}

.menu-icon-charts {
  background: url(../img/chart-icon.png) no-repeat center;
}

.menu-icon-awps {
  background: url(../img/help-icon.png) no-repeat center;
}

.menu-icon-bag {
  background: url(../img/bag-icon.png) no-repeat center;
}

.menu-icon-speed {
  background: url(../img/speed-icon.png) no-repeat center;
}

.menu-icon-help {
  background: url(../img/help-icon.png) no-repeat center;
}

.umbrella-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../img/umbrella-icon.png) no-repeat center;
}

.calendar-icon {
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url(../img/calendar-icon.png) no-repeat center;
}

.mail-blue-icon {
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url(../img/mail-icon.png) no-repeat center;
}

.display-blue-icon {
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url(../img/display-blue-icon.png) no-repeat center;
}

.shield-icon {
  display: inline-block;
  width: 24px;
  height: 29px;
  background: url(../img/shield-icon.png) no-repeat center;
}

.lock-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/lock-icon.svg) no-repeat center;
}

.mail-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/mail-icon.svg) no-repeat center;
}

.download-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/download-icon.svg) no-repeat center;
}

.user-add-icon {
  display: inline-block;
  width: 24px;
  height: 27px;
  background: url(../img/user-add-icon.svg) no-repeat center;
}

.man-work-icon {
  display: inline-block;
  width: 29px;
  height: 23px;
  background: url(../img/man-work-icon.png) no-repeat center;
}

.play-icon {
  display: inline-block;
  width: 29px;
  height: 23px;
  background: url(../img/play-icon.png) no-repeat center;
}

.card-blue-icon {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(../img/card-blue-icon.svg) no-repeat center;
}

.shield-large-icon {
  display: inline-block;
  width: 129px;
  height: 151px;
  background: url(../img/shield-large-icon.png) no-repeat center;
}

.check-icon {
  display: inline-block;
  width: 17px;
  height: 12px;
  background: url(../img/check-icon.png) no-repeat center;
}

.eye-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/eye_icon.svg) no-repeat center;
  background-size: contain;
}

.build-icon {
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url(../img/build-icon.png) no-repeat center;
}

.point-icon {
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url(../img/point-icon.png) no-repeat center;
}

.store-icon {
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url(../img/store-icon.png) no-repeat center;
}

.user-gears-icon {
  display: inline-block;
  width: 24px;
  height: 26px;
  background: url(../img/user-gears-icon.png) no-repeat center;
}

.plus-icon {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  color: #0662a3;
}
.plus-icon :before {
  display: inline-block;
  content: "+";
}

.store-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/stores-icon.png) no-repeat center;
}

.file-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/file-icon.png) no-repeat center;
}

.gsvs-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/gsvs-icon.png) no-repeat center;
}

.remains-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/remains-icon.png) no-repeat center;
}

.doc-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/doc-icon.png) no-repeat center;
}

.kkm-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/noun_cash_register.svg) no-repeat center;
}

.kkm-writeoff-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/noun_goods.svg) no-repeat center;
}

[lang=kk] .kkm-writeoff-big-icon {
  height: 96px;
}

.zvt-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/zvt_160.png) no-repeat 50% 30%;
  background-size: 94%;
}

[lang=kk] .zvt-icon {
  height: 96px;
}

.osv-icon {
  display: inline-block;
  width: 122px;
  height: 92px;
  background: url(../img/index-icons/osv.png) no-repeat center;
  background-size: contain;
}

.uforms-big-icon {
  display: inline-block;
  width: 122px;
  height: 110px;
  background: url(../img/index-icons/uforms-icon.png) no-repeat center;
}

.big-icon, .snt-big-icon, .reg-accounting-big-icon, .third-level-big-icon, .vstore-big-icon, .requisites-big-icon, .my-enterprises-big-icon, .econtract-big-icon, .awp-big-icon, .esf-big-icon {
  display: inline-block;
  width: 122px;
  height: 90px;
  background-size: contain !important;
}

.esf-big-icon {
  background: url(../img/index-icons/file-icon.png) no-repeat center;
}

.awp-big-icon {
  background: url(../img/index-icons/awp-home-icon.png) no-repeat center;
}

.econtract-big-icon {
  background: url(../img/index-icons/econtract-home-icon.png) no-repeat center;
}

.my-enterprises-big-icon {
  background: url(../img/index-icons/my-enterprises-home-icon.png) no-repeat center;
}

.requisites-big-icon {
  background: url(../img/index-icons/requisites-home-icon.png) no-repeat center;
}

.vstore-big-icon {
  background: url(../img/index-icons/vstore-home-icon.png) no-repeat center;
}

.third-level-big-icon {
  background: url(../img/index-icons/third-level-icon.png) no-repeat center;
}

.reg-accounting-big-icon {
  background: url(../img/index-icons/reg-accounting.png) no-repeat center;
}

.snt-big-icon {
  background: url(../img/index-icons/snt-icon.png) no-repeat center;
}

.reg-index-icon, .reg-re-registration-icon, .reg-operator-icon, .reg-ip-icon, .reg-enterprises-icon, .reg-employees-icon, .reg-departments-icon, .reg-attorney-icon {
  display: inline-block;
  width: 122px;
  height: 96px;
}

.reg-attorney-icon {
  background: url("../img/reg-index-icons/attorney-icon.png") no-repeat center;
}

.reg-departments-icon {
  background: url("../img/reg-index-icons/departments-icon.png") no-repeat center;
}

.reg-employees-icon {
  background: url("../img/reg-index-icons/employees-icon.png") no-repeat center;
}

.reg-enterprises-icon {
  background: url("../img/reg-index-icons/enterprises-icon.png") no-repeat center;
}

.reg-ip-icon {
  background: url("../img/reg-index-icons/ip-icon.png") no-repeat center;
}

.reg-operator-icon {
  background: url("../img/reg-index-icons/operator-icon.png") no-repeat center;
}

.reg-re-registration-icon {
  background: url("../img/reg-index-icons/re-registration-icon.png") no-repeat center;
}

.margin-left-720 {
  margin-left: 720px;
}

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

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: Roboto, Tahoma, Arial, sans-serif, monospace;
  font-size: 14px;
  line-height: 1.3;
}

[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.color-dark-blue {
  color: #003366;
}

.clearfix {
  clear: both;
}

.align-right {
  text-align: right !important;
}

.loaded .site-header {
  display: block;
}

.site-header {
  display: none;
  position: fixed;
  top: 0;
  background: #00284f;
  color: white;
  height: 60px;
  width: 100%;
  padding: 0;
  z-index: 980;
  box-sizing: border-box;
  font-size: 12px;
}
.site-header-title {
  float: left;
  margin-left: 20px;
  margin-top: 2px;
}
.site-header-title h1 {
  padding-top: 2px;
  font-size: 14px;
  font-weight: normal;
}
.site-header .fa {
  font-size: 22px;
  position: absolute;
  top: 18px;
}
.site-header .site-header-row {
  clear: both;
}
.site-header .cus {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 21px;
}
.site-header .cus.cus-lamp {
  background: url(../../images/alert.png) no-repeat;
  top: 13px;
}
.site-header .cus.cus-desktop {
  background: url(../img/display-icon.png) no-repeat;
}
.site-header .site-header-item {
  display: block;
  float: right;
  position: relative;
  margin-right: 20px;
  line-height: 58px;
}
.site-header .site-header-item .drop-trigger {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.site-header .site-header-item .drop-trigger:hover {
  color: #d3d3d3;
}
.site-header .site-header-item .drop-trigger:hover .drop-menu {
  display: block;
  color: #d3d3d3;
}
.site-header .site-header-item .drop-menu {
  position: absolute;
  background: #00284f;
  padding: 0;
  margin: 0;
  right: 0;
  top: 37px;
  /* width: 90px; */
  border-radius: 0 0 4px 4px;
  z-index: 1;
  display: none;
}
.site-header .site-header-item .drop-menu ul {
  text-align: left;
  padding: 18px 0;
}
.site-header .site-header-item .drop-menu li {
  margin: 0 20px;
  line-height: 30px;
  border-top: 1px solid #3e3e3e;
  border-bottom: 1px solid #2c2b2b;
}
.site-header .site-header-item .drop-menu li:first-child {
  border-top: none;
}
.site-header .site-header-item .drop-menu li:last-child {
  border-bottom: none;
}
.site-header .site-header-item .drop-menu .drop-top-shadow {
  background: url(../../images/header/popup_top_shadow.png) repeat-x scroll 0 0;
  height: 5px;
  margin: 0;
}
.site-header a, .site-header a:visited {
  color: white;
  text-decoration: none;
}
.site-header-helps-block {
  float: right;
}
.site-header-helps-block .site-header-item .desc {
  display: inline-block;
  margin-left: 26px;
  vertical-align: middle;
}
.site-header-helps-block .site-header-item .desc p {
  color: #999;
  font-size: 13px;
}

.loaded .index-page-header {
  display: block;
}

.index-page-header {
  display: none;
  padding: 20px;
}
.index-page-header-title {
  float: left;
  margin-left: 20px;
  line-height: 20px;
}
.index-page-header-title h1 {
  padding-top: 8px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.index-page-header-helps-block {
  float: right;
  width: 620px;
  height: 80px;
}
.index-page-header-helps-block .item {
  float: left;
  width: 35%;
  height: 40px;
  line-height: 40px;
}
.index-page-header-helps-block .item > i {
  height: 40px;
  float: left;
}
.index-page-header-helps-block .item .desc {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 0 10px;
  margin-left: 10px;
  line-height: 18px;
  vertical-align: middle;
  color: #0662a3;
}
.index-page-header-helps-block .item .desc .desc-title {
  padding-bottom: 2px;
}
.index-page-header-helps-block .item .desc p {
  color: #999;
  font-size: 13px;
}
.index-page-header-helps-block .item .desc b {
  color: #0662a3;
  font-size: 14px;
  font-weight: 600;
}
.index-page-header-helps-block .item:first-child {
  width: 65%;
}

.site-logo {
  display: block;
  width: 49px;
  height: 49px;
  margin-left: 10px;
  margin-top: 2px;
  float: left;
  background: url(../img/logo_kgd.svg) no-repeat center;
  background-size: contain;
}

.site-title {
  background: #e4e4e4;
  line-height: 30px;
  padding: 15px 0 15px 116px;
  color: #003366;
  font-size: 24px;
  font-weight: normal;
}
.site-title.welcome {
  color: #0662a3;
}
.site-title .margin-right {
  margin-right: 50px;
}
.site-title .additional {
  float: right;
  width: 500px;
  font-size: 13px;
  line-height: 1.3;
}

.index-page-header-helps-block .dropdown {
  display: inline-block;
}
.index-page-header-helps-block .dropdown ul {
  display: none;
}

.page-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e4e4e4;
  color: #003366;
  padding: 4px 20px;
  z-index: 2;
  font-size: 12px;
}
.page-footer .right-text {
  text-align: right;
}
.page-footer .center-text {
  text-align: center;
}

.tabs {
  text-align: left;
}
.tabs-header {
  border-bottom: 3px solid #dbdbdb;
}
.tabs-header-item {
  display: inline-block;
  position: relative;
  top: 3px;
  padding: 8px 15px;
  border-bottom: 3px solid transparent !important;
  font-size: 16px;
  color: #000 !important;
  cursor: pointer;
  text-decoration: none;
}
.tabs-header-item.active {
  border-bottom: 3px solid #feb92d !important;
  color: #966c1c !important;
}

.table-styled {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-styled td, .table-styled th {
  padding: 10px 15px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
}
.table-styled tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.table-styled .material-select,
.table-styled .material-input {
  display: block;
  width: auto;
}
.table-styled .material-select .material-input,
.table-styled .material-select .material-select,
.table-styled .material-input .material-input,
.table-styled .material-input .material-select {
  margin-top: 0;
}
.table-styled .material-select input, .table-styled .material-select select,
.table-styled .material-input input,
.table-styled .material-input select {
  font-size: 16px;
}
.table-styled .material-select.small,
.table-styled .material-input.small {
  width: 110px;
}
.table-styled .material-select.large,
.table-styled .material-input.large {
  width: 400px;
}
.table-styled .material-select.medium,
.table-styled .material-input.medium {
  width: 180px;
}
.table-styled .material-select label,
.table-styled .material-input label {
  font-size: 16px;
  white-space: nowrap;
}
.table-styled .btn-remove,
.table-styled .btn-add {
  display: inline-block;
  font-size: 20px;
  background-color: #e6e6e6;
  line-height: 21px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #999 !important;
  color: #333 !important;
  cursor: pointer;
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease;
}
.table-styled .btn-remove:hover,
.table-styled .btn-add:hover {
  background-color: #F0F0F0;
}
.table-styled.bordered {
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.table-styled.bordered td, .table-styled.bordered th {
  border-right: 2px solid #c6c6c6;
}
.table-styled.bordered td:last-child,
.table-styled.bordered th:last-child {
  border-right: 1px solid #e4e4e4;
}
.table-styled.bordered th {
  background: #dbdbdb;
}

.journal-title {
  font-size: 30px;
  color: #003366;
  font-weight: normal;
  padding-bottom: 20px;
  display: block;
}

.flat-button {
  padding: 7px 30px;
  background: none;
  border: none;
  box-shadow: 0 1px 1px 1px #d6d6d6;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 7px;
}
.flat-button.btn-default {
  color: #000000;
  background: #f3f3f3;
}
.flat-button.btn-blue, .esf-body .ui-dialog .ui-dialog-buttonpane button.flat-button {
  color: #000000;
  background: #f3f3f3;
}
.flat-button.btn-blue:active, .esf-body .ui-dialog .ui-dialog-buttonpane button.flat-button:active, .flat-button.btn-blue:hover, .esf-body .ui-dialog .ui-dialog-buttonpane button.flat-button:hover {
  color: #000000;
  background: #ffba00;
}

.modalGridContainer .buttons {
  padding: 10px;
}
.modalGridContainer .gray-button {
  display: inline-block;
  margin-right: 20px;
  color: #ffffff;
  background-color: #003366;
  background-image: none;
}
.modalGridContainer .gray-button:active, .modalGridContainer .gray-button:hover {
  color: #000000;
  background: #ffba00;
}

.grid-buttons-container-top {
  font-size: 14px;
}
.grid-buttons-container-top .flat-button {
  display: inline-block;
  margin-right: 20px;
  color: #ffffff !important;
  background-color: #003366;
}
.grid-buttons-container-top .flat-button:active, .grid-buttons-container-top .flat-button:hover {
  color: #000000;
  background: #ffba00;
}
.grid-buttons-container-top .flat-button .ico {
  display: none;
}

.admin_body .grid-buttons-container-top {
  padding-bottom: 15px;
}

.sectionContainer .ui-accordion-content .form-table td:first-child {
  width: 440px;
}

.gridContainer .flat-button, .modalGridContainer .flat-button {
  outline: none;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  border-bottom-color: #c6c6c6;
  box-shadow: 0px 1px 1px #e1e1e1;
  cursor: pointer;
  color: #424242;
  padding: 3px 8px;
  background: #f3f3f3;
  display: inline-block;
  margin-right: 5px;
}
.gridContainer .flat-button:hover, .modalGridContainer .flat-button:hover {
  background: #ffba00;
}
.gridContainer .flat-button.btn-dropdown, .modalGridContainer .flat-button.btn-dropdown {
  position: relative;
}
.gridContainer .flat-button.btn-dropdown:hover .dropdown .dropdown-toggle, .modalGridContainer .flat-button.btn-dropdown:hover .dropdown .dropdown-toggle {
  border-left: 1px solid #dbdbdb;
}
.gridContainer .flat-button.btn-dropdown .dropdown, .modalGridContainer .flat-button.btn-dropdown .dropdown {
  display: inline-block;
  float: right;
}
.gridContainer .flat-button.btn-dropdown .dropdown .dropdown-toggle, .modalGridContainer .flat-button.btn-dropdown .dropdown .dropdown-toggle {
  border-left: 1px solid #e6e6e6;
  height: 29px;
  width: 20px;
  margin-left: 5px;
  margin-right: -7px;
  position: relative;
  top: -3px;
}
.gridContainer .flat-button.btn-dropdown .dropdown .dropdown-toggle i, .modalGridContainer .flat-button.btn-dropdown .dropdown .dropdown-toggle i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -2px;
  border-top: 5px solid #999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.gridContainer .flat-button.btn-dropdown .dropdown ul, .modalGridContainer .flat-button.btn-dropdown .dropdown ul {
  display: none;
  position: absolute;
  z-index: 100;
  right: 0;
  top: 100%;
  margin-top: 2px;
  min-width: 100%;
  background: #FFF;
  border: 1px solid #e9e9e9;
  box-shadow: 0 1px 1px #999;
  border-radius: 3px;
  overflow: hidden;
}
.gridContainer .flat-button.btn-dropdown .dropdown ul a, .modalGridContainer .flat-button.btn-dropdown .dropdown ul a {
  display: block;
  white-space: nowrap;
  padding: 5px 10px;
  color: #424242 !important;
  border-bottom: none !important;
  border-top: 1px solid #e4e4e4;
  transition: background 500ms ease !important;
}
.gridContainer .flat-button.btn-dropdown .dropdown ul a:hover, .modalGridContainer .flat-button.btn-dropdown .dropdown ul a:hover {
  background: #ffba00;
}
.gridContainer .flat-button.btn-dropdown .dropdown ul li:first-child a, .modalGridContainer .flat-button.btn-dropdown .dropdown ul li:first-child a {
  border-top: none;
}
.gridContainer .flat-button.btn-dropdown .dropdown.active ul, .modalGridContainer .flat-button.btn-dropdown .dropdown.active ul {
  display: block;
}

.ui-dialog {
  padding: 0;
  box-shadow: 0 0 40px -10px #000;
  border: none;
}
.ui-dialog .ui-dialog-titlebar {
  background: #ffba00;
  border-radius: 0;
  border: none;
  padding: 12px 20px;
}
.ui-dialog .ui-dialog-titlebar .ui-icon-help {
  display: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  border: none;
  background: none;
  right: 0.7em;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
  font-size: 0;
  height: 0;
}
.ui-dialog .ui-dialog-buttonpane {
  border-top: none;
}
.ui-dialog .ui-dialog-buttonset {
  float: none !important;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonset .ui-button {
  padding: 4px 40px;
  background: #ffba00;
  border: none;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-tr,
.ui-corner-br,
.ui-corner-bl,
.ui-corner-tl {
  border-radius: 0;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.menu-div {
  background: #dbdbdb;
  cursor: pointer;
  padding: 5px 15px;
}
.menu-div.active {
  background: #ffba00;
}

.section-content {
  padding: 5px 15px;
}
.section-content .menu-li {
  margin-bottom: 10px;
}

.sectionContainer {
  padding: 0;
  border: none;
}
.sectionContainer .ui-accordion-header {
  background: #ffba00;
  border: 1px solid #ffba00;
}
.sectionContainer:after {
  display: none;
}
.sectionContainer .ui-accordion-header {
  font-weight: normal;
  width: 500px;
  border: none;
  border-radius: 2px;
  background: #f3f3f3;
  color: #000000;
  padding: 11px 30px;
}
.sectionContainer .ui-accordion-header.ui-accordion-header-active {
  background: #ffba00;
}
.sectionContainer .ui-accordion-content {
  border: none;
}
.sectionContainer .form-item .form-item-label {
  font-weight: bold;
  margin: 10px 0 10px 3px;
}
.sectionContainer .form-item.checkbox-container {
  margin-top: 15px;
}
.sectionContainer .form-item.checkbox-container label.checkbox-label {
  font-size: 15px;
  vertical-align: middle;
}

.document-form {
  font-size: 13px;
}

#forms-content {
  font-size: 12px;
}

.ServiceTable tbody:before {
  content: "_";
  display: block;
  line-height: 2px;
  color: transparent;
  font-size: 1px;
}
.ServiceTable tbody tr:nth-child(even) {
  background: #ffffff;
}
.ServiceTable th, .ServiceTable tr:nth-child(1) td {
  background: #ffba00;
}
.ServiceTable tr {
  background: #F0F0F0;
}
.ServiceTable td, .ServiceTable th {
  border: none;
}
.ServiceTable th, .ServiceTable tr:nth-child(1) td {
  border-left: 1px solid #ffffff;
}
.ServiceTable .additional-head-row th {
  background: #ffffff;
}

.MptProductTable tr:nth-child(1) td {
  background: initial;
}
.MptProductTable td {
  padding: 8px;
}

.modal-wrapper .filters-header {
  background: #ffba00;
}

.site-container {
  height: 100%;
  min-width: 1350px;
  min-height: 865px;
}
.site-container.menuCollapsed #site-menu {
  width: 70px;
}
.site-container.menuCollapsed #site-menu .icon-toggle {
  transform: rotate(-90deg);
}
.site-container.menuCollapsed #site-menu .icon-toggle i {
  display: block;
}
.site-container.menuCollapsed #site-menu .icon-toggle i:first-child, .site-container.menuCollapsed #site-menu .icon-toggle i:last-child {
  margin: 0 3px;
}
.site-container.menuCollapsed #site-menu .icon-toggle i:last-child {
  transform: rotate(0);
}
.site-container.menuCollapsed #site-menu .icon-toggle i:first-child {
  transform: rotate(0);
  left: 0;
}
.site-container.menuCollapsed #site-menu ul a {
  width: 40px !important;
  overflow: hidden;
}
.site-container.menuCollapsed #site-menu ul a span {
  width: 200px;
}
.site-container.menuCollapsed #site-menu ul a span {
  opacity: 0;
}
.site-container.menuCollapsed #site-main-content {
  margin-left: 70px;
}

.loaded #site-menu {
  top: 60px;
}

#site-menu {
  width: 280px;
  height: 100%;
  background: #003366;
  transition: width 500ms ease;
  box-sizing: border-box;
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
}
#site-menu .icon-toggle {
  display: block;
  margin-left: 20px;
  width: 28px;
  height: 30px;
  transform: rotate(0deg);
  transition: transform 500ms ease;
}
#site-menu .icon-toggle i {
  display: none;
  width: 3px;
  height: 30px;
  background: #FFF;
  margin: 0 3px;
  float: left;
  transition: all 300ms ease;
}
#site-menu .icon-toggle i:last-child, #site-menu .icon-toggle i:first-child {
  display: block;
  margin: 0;
}
#site-menu .icon-toggle i:first-child {
  transform: rotate(45deg);
  position: relative;
  left: 2px;
}
#site-menu .icon-toggle i:last-child {
  transform: rotate(-45deg);
}
#site-menu ul.menu-list {
  position: absolute;
  top: 160px;
  left: 0;
  list-style: none;
  width: 100%;
}
#site-menu ul.menu-list li {
  padding: 1px 0;
}
#site-menu ul.menu-list li.margin-20 {
  margin-top: 20px;
}
#site-menu ul.menu-list li a {
  display: block;
  display: flex;
  align-items: center;
  line-height: 18px;
  height: 40px;
  text-decoration: none;
  color: #FFF;
  transition: background 300ms ease;
  padding: 0 15px;
  position: relative;
  border-bottom: 0;
  font-size: 17px;
}
#site-menu ul.menu-list li a:hover {
  background: #447EB8;
}
#site-menu ul.menu-list li a i {
  flex-shrink: 0;
  width: 30px;
  transition: opacity 300ms ease;
}
#site-menu ul.menu-list li a span {
  flex: 1;
  opacity: 1;
  transition: opacity 500ms ease;
  padding-left: 5px;
  display: block;
  overflow: hidden;
}
#site-menu ul.menu-list li .sub-menu {
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
}
#site-menu ul.menu-list li .sub-menu ul {
  background: #ffba00;
  display: none;
  min-width: 470px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
}
#site-menu ul.menu-list li .sub-menu ul li {
  padding: 0;
}
#site-menu ul.menu-list li .sub-menu ul li a {
  white-space: nowrap;
  color: #000;
  line-height: 36px;
  transition: background 300ms ease;
}
#site-menu ul.menu-list li .sub-menu ul li a:hover {
  background: #eda646;
}
#site-menu ul.menu-list li:hover .sub-menu {
  width: auto;
  width: auto;
}
#site-menu ul.menu-list li:hover .sub-menu ul {
  display: block;
}
#site-menu ul.menu-list .sub-menu-up .sub-menu {
  top: initial;
  bottom: 0;
}

.esf-body-index #site-menu {
  top: 0;
}
.esf-body-index #site-main-content {
  padding-top: 0;
}

#site-main-content {
  margin-left: 280px;
  padding-top: 60px;
  box-sizing: border-box;
  min-height: 100%;
  transition: margin-left 500ms ease;
  position: relative;
}
#site-main-content.bg-grey {
  background: #f4f3f3;
}
#site-main-content::after {
  color: transparent;
  content: ".";
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 466px;
  height: 163px;
  background: url(../img/page-bg1.png) no-repeat bottom right;
  z-index: -1;
}
#site-main-content::before {
  content: ".";
  color: transparent;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 310px;
  height: 163px;
  background: url(../img/page-bg1.png) no-repeat bottom left;
  z-index: -1;
}
#site-main-content a {
  color: #0662a3;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: border-bottom-color 300ms ease;
  cursor: pointer;
}
#site-main-content a:hover {
  border-bottom-color: #0662a3;
}
#site-main-content a.underline {
  border-bottom-color: #0662a3;
  padding-bottom: 1px;
}
#site-main-content .page-content {
  padding-bottom: 50px;
}
#site-main-content .page-content h3 {
  color: #0662a3;
  font-size: 36px;
  font-weight: normal;
}
#site-main-content .page-content h4 {
  color: #0662a3;
  font-size: 26px;
  font-weight: normal;
}
#site-main-content .page-content ul {
  padding-left: 20px;
}
#site-main-content .page-content .jq-select-multiple ul {
  padding-left: 0px;
}
#site-main-content .clear-tin-store {
  color: #999;
  margin-left: 5px;
}
#site-main-content .clear-tin-store:hover {
  border-color: #999;
}

.index-page-header .site-logo {
  display: block;
  width: 74px;
  height: 74px;
  float: left;
  background: url(../img/logo.png) no-repeat center;
}

.site-title {
  background: #e4e4e4;
  line-height: 30px;
  margin-top: 20px;
  padding: 15px 0 15px 40px;
  color: #003366;
  font-size: 31px;
  font-weight: normal;
  margin-bottom: 20px;
}
.site-title.welcome {
  color: #0662a3;
}
.site-title .margin-right {
  margin-right: 50px;
}
.site-title .additional {
  float: right;
  width: 500px;
  font-size: 15px;
  line-height: 1.3;
}

.app-dropdown {
  display: inline-block;
  position: relative;
}
.app-dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #FFF;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.app-dropdown ul a {
  display: block;
  padding: 5px 15px;
  border-bottom: none !important;
}
.app-dropdown ul a:hover {
  background: #F5F5F5;
}
.app-dropdown:hover ul {
  display: block;
}

.page-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e4e4e4;
  color: #003366;
  padding: 4px 20px;
  z-index: 2;
  font-size: 12px;
}
.page-footer .right-text {
  text-align: right;
}
.page-footer .center-text {
  text-align: center;
}

.tabs {
  text-align: left;
}
.tabs-header {
  border-bottom: 3px solid #dbdbdb;
}
.tabs-header-item {
  display: inline-block;
  position: relative;
  top: 3px;
  padding: 8px 15px;
  border-bottom: 3px solid transparent !important;
  font-size: 16px;
  color: #000 !important;
  cursor: pointer;
}
.tabs-header-item.active {
  border-bottom: 3px solid #feb92d !important;
  color: #966c1c !important;
}

.table-styled {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-styled.table-styled_wide {
  width: 100%;
}
.table-styled td, .table-styled th {
  padding: 10px 15px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
}
.table-styled tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.table-styled .material-select,
.table-styled .material-input {
  display: block;
  width: auto;
}
.table-styled .material-select .material-input,
.table-styled .material-select .material-select,
.table-styled .material-input .material-input,
.table-styled .material-input .material-select {
  margin-top: 0;
}
.table-styled .material-select input, .table-styled .material-select select,
.table-styled .material-input input,
.table-styled .material-input select {
  font-size: 16px;
}
.table-styled .material-select.small,
.table-styled .material-input.small {
  width: 110px;
}
.table-styled .material-select.large,
.table-styled .material-input.large {
  width: 400px;
}
.table-styled .material-select.medium,
.table-styled .material-input.medium {
  width: 180px;
}
.table-styled .material-select label,
.table-styled .material-input label {
  font-size: 16px;
  white-space: nowrap;
}
.table-styled .btn-remove,
.table-styled .btn-add {
  display: inline-block;
  font-size: 20px;
  background-color: #e6e6e6;
  line-height: 21px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #999 !important;
  color: #333 !important;
  cursor: pointer;
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease;
}
.table-styled .btn-remove:hover,
.table-styled .btn-add:hover {
  background-color: #F0F0F0;
}

.modal-dialog .sectionContainer td:first-child {
  width: 400px;
}

#uttn_form_content .form-with-tabs:last-of-type {
  margin-bottom: 100px;
}

.sectionContainer.section-e, .sectionContainer.section-e-source {
  width: 100%;
}

.gsvs-page td.first {
  display: none;
}

.vstore-index-page-content .links {
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.vstore-index-page-content .links a {
  display: inline-block;
  width: 147px;
  height: 145px;
  margin: 23px 31px;
  padding-top: 10px;
  box-sizing: border-box;
  background: #F0F0F0;
  border-radius: 6px;
  text-align: center;
  vertical-align: top;
  border-bottom: none !important;
  cursor: pointer;
  transition: box-shadow 500ms ease;
}
.vstore-index-page-content .links a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.vstore-index-page-content .links a span {
  display: block;
  text-transform: uppercase;
  position: relative;
  top: -5px;
  color: #003366;
  font-weight: bold;
  font-size: 13px;
}

.site-breadcrumb {
  margin: 10px -50px 20px;
  background: #F0F0F0;
  padding: 10px 0 10px 20px;
}
.site-breadcrumb a {
  color: #3A3A3A !important;
  text-decoration: underline !important;
  text-transform: uppercase;
  border: none !important;
  cursor: pointer;
}
.site-breadcrumb a:after {
  content: "::";
  display: inline-block;
  text-decoration: none !important;
  padding: 0 3px 0 5px;
}
.site-breadcrumb a:last-child:after {
  display: none;
}

.validation_container h3 {
  font-size: 16px !important;
  padding: 4px 10px 4px 30px !important;
}

.gridContainer {
  position: relative;
}

.modalGridContainer {
  position: relative;
  margin-bottom: 90px;
  float: left;
  flex: 1;
  min-width: 830px;
  width: 830px;
  z-index: 1;
}
.modalGridContainer .buttonsContainerBottom {
  padding: 5px 0 10px;
}

.modal-wrapper .modal-flex-content-container {
  display: flex;
}

.modal-wrapper .grid-filters {
  float: left;
  width: 310px;
  min-width: 310px;
  min-height: 490px;
  border: 2px solid #cdcdcd;
  margin-right: 10px;
  height: 490px;
  overflow-y: auto;
}

.modal-wrapper .filters-header {
  color: #000;
  font-size: 14px;
  padding: 7px;
}

.modal-wrapper .filters-holder {
  padding: 5px;
}

.modal-wrapper .styler_container .gray-button {
  /*float: right;*/
  margin-right: 4px;
  margin-top: 9px;
  padding: 6px 12px;
}

.modal-wrapper .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
  min-width: 850px;
  max-width: 850px;
}

.modal-wrapper .ui-jqgrid .ui-jqgrid-pager {
  max-width: 850px;
}

.modal-wrapper .styler_container .filters-holder label {
  display: inline-block;
  width: 130px;
}

.modal-wrapper .styler_container .panel-filter {
  width: 130px;
}

.modal-wrapper .styler_container .jq-selectbox {
  width: 144px;
  overflow: visible;
  /*margin-left: -3px;*/
}

.modal-wrapper .styler_container .jq-selectbox__select {
  width: 130px;
}

.modal-wrapper .styler_container .jq-selectbox__dropdown {
  min-width: 140px;
  width: 140px;
  margin-top: -2px;
  top: auto !important;
}

.modal-wrapper .styler_container .jq-select-multiple {
  border: none;
  padding: 0;
  width: 142px;
  height: 120px;
}

.modal-wrapper .styler_container--fixed .filters-holder .menu-li {
  display: flex;
  padding-right: 12px;
}
.modal-wrapper .styler_container--fixed .filters-holder label {
  width: auto;
  flex-grow: 1;
  padding-right: 10px;
}
.modal-wrapper .styler_container--fixed .jq-selectbox {
  width: auto;
}

.buttonsContainerBottom .flat-button .ico {
  display: none;
  float: left;
  height: 18px;
  margin: 2px;
  width: 18px;
}

.m-seller-selector label {
  display: block;
  padding: 10px 20px;
  background: #F5F5F5;
  margin-bottom: 5px;
  transition: background 500ms ease;
}
.m-seller-selector label:hover {
  background: #e6e6e6;
}

.taxpayer-details-modal .ServiceTable .jq-selectbox__select,
.taxpayer-details-modal .ServiceTable input,
#fno-form-content .ServiceTable .jq-selectbox__select,
#fno-form-content .ServiceTable input {
  width: 110px !important;
  min-width: 100px !important;
  border: none;
  border-radius: 0;
}
.taxpayer-details-modal .ServiceTable th,
#fno-form-content .ServiceTable th {
  font-size: 13px;
}
.taxpayer-details-modal .ServiceTable .name-field,
#fno-form-content .ServiceTable .name-field {
  width: 300px;
}
.taxpayer-details-modal .table-fields,
#fno-form-content .table-fields {
  padding-bottom: 20px;
}
.taxpayer-details-modal .table-fields td,
#fno-form-content .table-fields td {
  padding: 5px 0;
}
.taxpayer-details-modal .table-fields td label,
#fno-form-content .table-fields td label {
  font-size: 15px;
  width: 350px;
  display: block;
}
.taxpayer-details-modal .table-fields .jq-selectbox__select,
.taxpayer-details-modal .table-fields input,
#fno-form-content .table-fields .jq-selectbox__select,
#fno-form-content .table-fields input {
  width: 370px !important;
  border: none;
  border-radius: 0;
  padding: 12px 10px !important;
}
.taxpayer-details-modal .table-fields .jq-selectbox__select,
#fno-form-content .table-fields .jq-selectbox__select {
  padding: 7px 10px !important;
}
.taxpayer-details-modal .table-fields .jq-selectbox__select .jq-selectbox__trigger-arrow,
#fno-form-content .table-fields .jq-selectbox__select .jq-selectbox__trigger-arrow {
  top: 17px;
}
.taxpayer-details-modal .detailing-import-btn,
#fno-form-content .detailing-import-btn {
  white-space: nowrap;
}

.esf-new-index .enterprise_select .jq-selectbox__select {
  width: 660px;
}

.del_checkbox {
  background: url(../../images/delete.png) no-repeat scroll 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
}

.app-card {
  display: inline-block;
  background: #f1f1f1;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
.app-card td {
  padding: 4px 20px 4px 4px;
}
.app-card td:first-child {
  padding-right: 4px;
}

.grid-column-chooser .ultra_li {
  padding: 2px;
  margin-right: 5px;
  transition: background 400ms ease;
}
.grid-column-chooser .ultra_li:hover {
  background: #F5F5F5;
}
.grid-column-chooser .ultra_li input {
  position: relative;
  top: -1px;
}
.grid-column-chooser .ultra_li label {
  padding-left: 5px;
}

.ui-jqgrid .not-viewed-draft-row, .ui-jqgrid .ui-priority-secondary .not-viewed-draft-row {
  background: #acd474;
}
.ui-jqgrid .canceled-invoice-row.ui-state-hover,
.ui-jqgrid .canceled-invoice-row.ui-state-highlight, .ui-jqgrid .ui-priority-secondary .canceled-invoice-row.ui-state-hover,
.ui-jqgrid .ui-priority-secondary .canceled-invoice-row.ui-state-highlight {
  background: #bf7575;
}
.ui-jqgrid .canceled-invoice-row, .ui-jqgrid .ui-priority-secondary .canceled-invoice-row {
  background: #FF9F9F;
}
.ui-jqgrid .restored-invoice-row.ui-state-hover,
.ui-jqgrid .restored-invoice-row.ui-state-highlight, .ui-jqgrid .ui-priority-secondary .restored-invoice-row.ui-state-hover,
.ui-jqgrid .ui-priority-secondary .restored-invoice-row.ui-state-highlight {
  background: #75bf75;
}
.ui-jqgrid .restored-invoice-row, .ui-jqgrid .ui-priority-secondary .restored-invoice-row {
  background: #9FFF9F;
}
.ui-jqgrid .deadline-comming-row.ui-state-hover,
.ui-jqgrid .deadline-comming-row.ui-state-highlight, .ui-jqgrid .ui-priority-secondary .deadline-comming-row.ui-state-hover,
.ui-jqgrid .ui-priority-secondary .deadline-comming-row.ui-state-highlight {
  background: #bf7575;
}
.ui-jqgrid .deadline-comming-row, .ui-jqgrid .ui-priority-secondary .deadline-comming-row {
  background: #FF9F9F;
}
.ui-jqgrid .buttonsContainerBottom .flat-button, .ui-jqgrid .ui-priority-secondary .buttonsContainerBottom .flat-button {
  cursor: pointer;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  margin-right: 5px;
}
.ui-jqgrid .awp-history table, .ui-jqgrid .ui-priority-secondary .awp-history table {
  width: 100%;
}
.ui-jqgrid #awp_form_content .total-input, .ui-jqgrid .ui-priority-secondary #awp_form_content .total-input {
  background: #E6E6E6 !important;
}
.ui-jqgrid .econtract-history h4,
.ui-jqgrid .econtract-related-documents h4, .ui-jqgrid .ui-priority-secondary .econtract-history h4,
.ui-jqgrid .ui-priority-secondary .econtract-related-documents h4 {
  padding: 20px 0 5px;
}
.ui-jqgrid .econtract-history table,
.ui-jqgrid .econtract-related-documents table, .ui-jqgrid .ui-priority-secondary .econtract-history table,
.ui-jqgrid .ui-priority-secondary .econtract-related-documents table {
  width: 100%;
}
.ui-jqgrid .econtract-history table td:first-child,
.ui-jqgrid .econtract-history table th:first-child,
.ui-jqgrid .econtract-related-documents table td:first-child,
.ui-jqgrid .econtract-related-documents table th:first-child, .ui-jqgrid .ui-priority-secondary .econtract-history table td:first-child,
.ui-jqgrid .ui-priority-secondary .econtract-history table th:first-child,
.ui-jqgrid .ui-priority-secondary .econtract-related-documents table td:first-child,
.ui-jqgrid .ui-priority-secondary .econtract-related-documents table th:first-child {
  text-align: left;
}
.ui-jqgrid .econtract-history table th,
.ui-jqgrid .econtract-related-documents table th, .ui-jqgrid .ui-priority-secondary .econtract-history table th,
.ui-jqgrid .ui-priority-secondary .econtract-related-documents table th {
  border-top: 1px solid #e4e4e4;
}

.ui-jqgrid .greed-yellow-row {
  background: #ffa73a;
}
.ui-jqgrid .greed-yellow-row.jqgrow.ui-state-hover, .ui-jqgrid .greed-yellow-row ui-state-highlight {
  background: #ec9c39;
}
.ui-jqgrid .greed-red-row {
  background: #FF9F9F;
}
.ui-jqgrid .greed-red-row.ui-state-hover, .ui-jqgrid .greed-red-row ui-state-highlight {
  background: #bf7575;
}
.ui-jqgrid .greed-green-row {
  background: #9FFF9F;
}
.ui-jqgrid .greed-green-row.ui-state-hover, .ui-jqgrid .greed-green-row ui-state-highlight {
  background: #75bf75;
}
.ui-jqgrid .red-row {
  background: #ff5050;
}
.ui-jqgrid .red-row.jqgrow.ui-state-hover, .ui-jqgrid .red-row ui-state-highlight {
  background: #fc7a7a;
}
.ui-jqgrid .blue-row {
  background: #447EB8;
}
.ui-jqgrid .blue-row.jqgrow.ui-state-hover, .ui-jqgrid .blue-row ui-state-highlight {
  background: #619ad0;
}
.ui-jqgrid .gray-row {
  background: #9c9c9c;
}
.ui-jqgrid .gray-row.jqgrow.ui-state-hover, .ui-jqgrid .gray-row ui-state-highlight {
  background: #c2c2c2;
}
.ui-jqgrid .violet-row {
  background: #800080;
}
.ui-jqgrid .violet-row.jqgrow.ui-state-hover, .ui-jqgrid .violet-row ui-state-highlight {
  background: #af00af;
}

.ss-main .ss-multi-selected {
  min-height: 40px;
}
.ss-main .ss-multi-selected .ss-add {
  margin: 14px 12px 0 5px;
}

#prods-content #transit-show-products {
  display: inline-block;
}
#prods-content #transit-hide-products {
  display: none;
}
#prods-content .table-products {
  display: none;
}
#prods-content.show-products #transit-show-products {
  display: none;
}
#prods-content.show-products #transit-hide-products {
  display: inline-block;
}
#prods-content.show-products .table-products {
  display: block;
}

.table-products-actions {
  padding-bottom: 10px;
}

#day-context-menu li {
  line-height: 30px;
  cursor: pointer;
  transition: background 300ms ease;
  padding: 0 7px;
}
#day-context-menu li:hover {
  background: #EEE;
}

.certificate_products_container {
  margin: 10px 0;
}

.es-list, #site-main-content .page-content .es-list {
  padding: 0;
  background: #FDFDFD;
  border: 2px solid #c1de9a;
  border-top: none;
  box-shadow: 0 5px 5px rgba(193, 222, 154, 0.7);
  border-radius: 0 0 4px 4px;
}
.es-list li, #site-main-content .page-content .es-list li {
  color: #414141;
  font-size: 1.1em;
  padding: 5px 10px 6px;
  cursor: pointer;
  white-space: normal;
}
.es-list li.sel, #site-main-content .page-content .es-list li.sel {
  color: green;
}

#modal_uttn_tru_form_content {
  position: relative;
}
#modal_uttn_tru_form_content .es-list {
  width: 370px !important;
  box-sizing: border-box;
}

.btn, .btn-green, .btn-red, .btn-orange, .btn-blue, .esf-body .ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  padding: 0 15px !important;
  line-height: 30px !important;
  border: none !important;
  border-radius: 2px;
  cursor: pointer;
  transition: box-shadow 300ms ease !important;
  color: #000;
  background: #F0F0F0;
}
.btn:hover:not(:disabled), .btn-green:hover:not(:disabled), .btn-red:hover:not(:disabled), .btn-orange:hover:not(:disabled), .btn-blue:hover:not(:disabled), .esf-body .ui-dialog .ui-dialog-buttonpane button:hover:not(:disabled) {
  box-shadow: 1px 1px 2px #000;
}

.btn-default {
  color: #000 !important;
}

.btn-blue, .esf-body .ui-dialog .ui-dialog-buttonpane button {
  background-color: #094e8f;
  transition: background-color 0.3s, box-shadow 0.3s !important;
  color: #FFF;
}
.btn-blue:disabled, .esf-body .ui-dialog .ui-dialog-buttonpane button:disabled {
  background-color: #93a7b9;
}
.btn-blue:disabled:hover, .esf-body .ui-dialog .ui-dialog-buttonpane button:disabled:hover {
  box-shadow: none;
}

.btn-orange {
  background: #ffcc00;
  color: #000 !important;
}

.btn-red {
  background: #D00000;
  color: #FFF !important;
  box-shadow: none;
}
.btn-red:hover {
  box-shadow: 1px 1px 3px #000;
}
.btn-red.btn-large {
  line-height: 50px !important;
  padding: 0 40px !important;
}

.btn-green {
  background: green;
  color: #FFF !important;
}

.btn-large {
  font-size: 26px !important;
  line-height: 62px !important;
  padding: 0 30px !important;
}
.btn-large > i {
  height: 62px !important;
  float: left;
  margin-right: 15px !important;
}

.btn-middle {
  font-size: 20px !important;
  line-height: 42px !important;
  padding: 0 25px !important;
}

.styler_container input[type=text], .styler_container input[type=password], .styler_container input[type=number], .styler_container input[type=email], .styler_container textarea {
  border-radius: 4px;
  border: 2px solid #e1e1e1;
  padding: 8px 10px;
  color: #000;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
}

.jq-selectbox select, .jq-select-multiple select {
  pointer-events: none;
}

.jq-file {
  width: 350px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.jq-file input {
  cursor: pointer;
  font-size: 100px !important;
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 120px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #FFF;
  box-shadow: inset 1px 1px #F1F1F1;
  font: 14px/32px Arial, sans-serif;
  color: #333;
}

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(#FFF, #E6E6E6);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
}

.jq-file:hover .jq-file__browse {
  background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF;
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888;
}

.field-group {
  padding: 5px 0;
}
.field-group label {
  display: block;
  color: #0662a3;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 5px;
}
.field-group p {
  color: #999;
}
.field-group.hasErrors label {
  color: #D00000;
}
.field-group.hasErrors p {
  color: #700000;
}

form .group {
  clear: both;
}

.field-checkbox {
  display: block;
  padding: 10px 0;
  font-size: 16px;
}
.field-checkbox .small {
  font-size: 13px;
}
.field-checkbox input[type=checkbox],
.field-checkbox input[type=radio] {
  position: relative;
  top: 1px;
}

.jq-selectbox__dropdown ul {
  padding-left: 0 !important;
  max-height: 300px;
}

.division-modal ul {
  padding-top: 10px;
}
.division-modal ul li {
  padding-bottom: 1px;
}
.division-modal ul a {
  display: block;
  padding: 8px 15px;
  background: #F5F5F5;
  cursor: pointer;
  transition: background 300ms ease;
  text-decoration: none !important;
}
.division-modal ul a:hover {
  background: #e6e6e6;
}
.division-modal ul a.active {
  background: #ffba00;
}

.select-profile {
  width: 250px;
  margin: -20px auto 0;
  opacity: 1;
  transition: opacity 500ms ease-in;
  visibility: visible;
}
.select-profile .user-photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
  background: url(../img/default-user-image.png) no-repeat center;
  background-size: contain;
}
.select-profile .user-login {
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
.select-profile .user-login span {
  color: #c6c6c6;
}
.select-profile .jq-selectbox__select {
  width: 250px !important;
  border: none;
  background: transparent;
  text-align: center;
  box-shadow: none;
}
.select-profile .jq-selectbox__select-text {
  display: inline-block;
  color: #FFF;
  width: auto !important;
  max-width: 210px;
}
.select-profile .jq-selectbox__trigger {
  display: inline-block;
  position: relative;
  height: 26px;
  width: 26px;
  top: -2px;
}
.select-profile .jq-selectbox__trigger .jq-selectbox__trigger-arrow {
  border-top-color: #FFF;
}
.select-profile .jq-selectbox__dropdown {
  border-color: #F5F5F5;
  border-top: 2px solid #F5F5F5;
  box-shadow: 0 5px 5px #003366;
  width: 100% !important;
  min-width: 100% !important;
  top: 100% !important;
}
.select-profile .jq-selectbox li.sel {
  color: #003366;
}

.menuCollapsed .select-profile {
  transition: opacity 1ms;
  opacity: 0;
  pointer-events: none;
}

.fs-20 {
  font-size: 20px;
}

index-news ul {
  transition: margin-top 700ms ease;
}

.full-new-content {
  padding: 0 10px;
}
.full-new-content h3 {
  padding: 0;
  color: #003366;
}
.full-new-content .news-time {
  color: #676767;
  padding-right: 10px;
  text-align: right;
  display: block;
}
.full-new-content .news-text {
  margin-top: 10px;
  text-align: justify;
  margin-bottom: 7px;
}
.full-new-content ul, .full-new-content ol {
  margin: 7px 0;
  list-style: inside;
  padding-inline-start: 20px;
}
.full-new-content li {
  margin-bottom: 7px;
}

helper-woman {
  position: fixed;
  bottom: 0;
  right: 50px;
  z-index: 1100;
}
helper-woman .helper-woman-container {
  opacity: 1;
}
helper-woman .helper-woman-container.hide {
  display: none;
}
helper-woman .helper-woman-container .woman {
  width: 158px;
  height: 224px;
  background: url(../img/helper.png) no-repeat;
}
helper-woman .helper-woman-container .woman .close-woman {
  position: absolute;
  right: 10px;
  top: 6px;
  font-size: 18px;
  color: #999 !important;
  cursor: pointer;
  z-index: 11;
  border-bottom: none !important;
  transition: color 300ms ease;
}
helper-woman .helper-woman-container .woman .close-woman:hover {
  color: #333 !important;
}
helper-woman .helper-woman-container .tooltip {
  opacity: 0;
  width: 304px;
  position: absolute;
  right: 120px;
  bottom: -1000px;
  min-height: 69px;
  transition: opacity 500ms ease;
}
helper-woman .helper-woman-container .tooltip.show {
  opacity: 1;
  bottom: 120px;
}
helper-woman .helper-woman-container .tooltip .content {
  padding: 14px 35px 20px 20px;
  position: relative;
  z-index: 10;
}
helper-woman .helper-woman-container .tooltip:before {
  content: ".";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 17px;
  background: url(../img/helper-tooltip/tooltip-t.png) no-repeat;
  color: transparent;
  font-size: 0;
  text-indent: -10000px;
}
helper-woman .helper-woman-container .tooltip:after {
  content: ".";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 17px;
  background: url(../img/helper-tooltip/tooltip-b.png) no-repeat;
  color: transparent;
  font-size: 0;
  text-indent: -10000px;
}
helper-woman .helper-woman-container .tooltip .arrow {
  position: absolute;
  bottom: 17px;
  height: 35px;
  left: 0;
  width: 100%;
  background: url(../img/helper-tooltip/tooltip-arrow.png) no-repeat;
}
helper-woman .helper-woman-container .tooltip .content-bg {
  position: absolute;
  top: 17px;
  bottom: 52px;
  left: 0;
  width: 100%;
  background: url(../img/helper-tooltip/tooltip-c.png) repeat-y;
}
helper-woman .helper-woman-container .tooltip .close {
  position: absolute;
  right: 25px;
  top: 6px;
  font-size: 18px;
  color: #999 !important;
  cursor: pointer;
  z-index: 11;
  border-bottom: none !important;
  transition: color 300ms ease;
}
helper-woman .helper-woman-container .tooltip .close:hover {
  color: #333 !important;
}

.btn, .btn-blue, .esf-body .ui-dialog .ui-dialog-buttonpane button, .btn-orange, .btn-red, .btn-green {
  display: inline-block;
  padding: 0 15px !important;
  line-height: 30px !important;
  border: none !important;
  border-radius: 2px;
  cursor: pointer;
  transition: box-shadow 300ms ease !important;
  color: #000;
  background: #F0F0F0;
}
.btn:hover:not(:disabled), .btn-blue:hover:not(:disabled), .esf-body .ui-dialog .ui-dialog-buttonpane button:hover:not(:disabled), .btn-orange:hover:not(:disabled), .btn-red:hover:not(:disabled), .btn-green:hover:not(:disabled) {
  box-shadow: 1px 1px 2px #000;
}

.btn-default {
  color: #000 !important;
}

.btn-blue, .esf-body .ui-dialog .ui-dialog-buttonpane button {
  background-color: #094e8f;
  transition: background-color 0.3s, box-shadow 0.3s !important;
  color: #FFF;
}
.btn-blue:disabled, .esf-body .ui-dialog .ui-dialog-buttonpane button:disabled {
  background-color: #93a7b9;
}
.btn-blue:disabled:hover, .esf-body .ui-dialog .ui-dialog-buttonpane button:disabled:hover {
  box-shadow: none;
}

.btn-orange {
  background: #ffcc00;
  color: #000 !important;
}

.btn-red {
  background: #D00000;
  color: #FFF !important;
  box-shadow: none;
}
.btn-red:hover {
  box-shadow: 1px 1px 3px #000;
}
.btn-red.btn-large {
  line-height: 50px !important;
  padding: 0 40px !important;
}

.btn-green {
  background: green;
  color: #FFF !important;
}

.btn-large {
  font-size: 26px !important;
  line-height: 62px !important;
  padding: 0 30px !important;
}
.btn-large > i {
  height: 62px !important;
  float: left;
  margin-right: 15px !important;
}

.btn-middle {
  font-size: 20px !important;
  line-height: 42px !important;
  padding: 0 25px !important;
}

app-modal {
  display: none;
}

.esf-body {
  /* Corner radius */
}
.esf-body .ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  z-index: 990;
}
.esf-body .ui-dialog {
  padding: 0;
  box-shadow: 0 0 40px #000;
  border: none;
  font-size: 14px;
  z-index: 1000;
}
.esf-body .ui-dialog .ui-dialog-title .ui-icon {
  background-color: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 5px;
  cursor: pointer;
  float: left;
  margin-right: 10px;
}
.esf-body .ui-dialog .ui-dialog-titlebar {
  padding: 0.7em 1em;
}
.esf-body .ui-dialog .ui-dialog-titlebar-close {
  border: none;
  background: transparent;
  right: 0.7em;
}
.esf-body .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  font-size: 0;
  height: 0;
}
.esf-body .ui-dialog .ui-dialog-buttonpane {
  padding: 0.3em 0.4em 0.5em;
  background: #F5F5F5;
}
.esf-body .ui-dialog .ui-dialog-buttonpane button {
  background-image: none;
}
.esf-body .ui-dialog .ui-dialog-buttonpane button .ui-button-text {
  padding: 0.6em 1em;
}
.esf-body .ui-dialog .ui-dialog-buttonset {
  text-align: right;
}
.esf-body .ui-widget-header {
  border: none;
  background: #e6e6e6;
}
.esf-body .ui-corner-all,
.esf-body .ui-corner-top,
.esf-body .ui-corner-bottom,
.esf-body .ui-corner-left,
.esf-body .ui-corner-right,
.esf-body .ui-corner-tr,
.esf-body .ui-corner-br,
.esf-body .ui-corner-bl,
.esf-body .ui-corner-tl {
  border-radius: 0;
}

.ui-dialog.without-close-button .ui-dialog-titlebar-close {
  display: none;
}

.checkbox-select {
  display: inline-block;
  width: 220px;
  border-radius: 3px;
  border: 2px solid #e1e1e1;
  color: #000;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  position: relative;
}
.checkbox-select .value {
  padding: 8px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align: center;
  transition: background 300ms ease;
}
.checkbox-select .value:hover {
  background: #F0F0F0;
}
.checkbox-select .dropdown {
  display: none;
  position: absolute;
  left: 18px;
  right: 18px;
  top: 50%;
  background: #FFF;
  z-index: 500;
  border-radius: 0px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  padding: 5px 0;
}
.checkbox-select .dropdown.active {
  display: block;
}
.checkbox-select .dropdown label {
  display: block;
  min-height: 20px;
  padding: 5px 10px;
  cursor: pointer;
  color: #003366;
  font-size: 16px;
  transition: background 300ms ease;
}
.checkbox-select .dropdown label:hover {
  background: #F0F0F0;
}
.checkbox-select .dropdown input {
  float: left;
  margin-top: 3px;
}
.checkbox-select .dropdown span {
  display: block;
  margin-left: 20px;
}

.app-tooltip {
  position: absolute;
  width: 200px;
  left: 100%;
  margin-left: 16px;
  top: 50%;
  background: #FFF;
  color: #000;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  white-space: normal;
  line-height: 16px;
  font-size: 14px;
  padding: 10px;
  z-index: 500;
  text-align: left;
}
.app-tooltip i {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -5px;
  border-right: 5px solid #FFF;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.app-tooltip.left {
  left: auto;
  right: 100%;
  margin-right: 16px;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.7);
}
.app-tooltip.left i {
  right: -5px;
  left: auto;
  border-right: none;
  border-left: 5px solid #FFF;
}

material-input {
  display: block;
}

.material-input {
  display: block;
  position: relative;
  margin: 15px 0 5px;
  text-align: left;
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.material-input input[type=email],
.material-input input[type=number],
.material-input input[type=text],
.material-input input[type=password] {
  border-radius: 0;
  font-size: 18px;
  padding: 12px 10px 4px 0;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575 !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.material-input input:focus {
  outline: none;
}
.material-input.hasValue input, .material-input.focused input {
  color: #000;
}
.material-input label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}
.material-input.hasValue label, .material-input.focused label {
  top: -10px;
  font-size: 14px;
  color: #5264AE;
}
.material-input .bar {
  position: relative;
  display: block;
  width: 100%;
}
.material-input .bar:before, .material-input .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264AE;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-input .bar:before {
  left: 50%;
}
.material-input .bar:after {
  right: 50%;
}
.material-input input:focus ~ .bar:before,
.material-input input:focus ~ .bar:after, .material-input.focused > .bar:after, .material-input.focused > .bar:before {
  width: 50%;
}
.material-input .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.material-input input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.material-input p {
  font-size: 12px;
  padding-top: 2px;
  line-height: 1.1;
  color: #999;
}
.material-input.required label:after {
  content: " *";
}
.material-input.hasErrors input {
  border-bottom-color: #D00000 !important;
}
.material-input.hasErrors label {
  color: #D00000;
}
.material-input.hasErrors p {
  color: #700000;
}
.material-input .error-message {
  position: absolute;
  left: 100%;
  margin-left: -20px;
  top: 0;
  z-index: 500;
}
.material-input .error-message i {
  position: relative;
  top: 11px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  color: #FFF;
  background-color: #D00000;
  border-radius: 50%;
  font-style: normal;
  float: left;
  cursor: pointer;
}
.material-input .error-message i:hover {
  background-color: #700000;
}
.material-input .error-message span {
  display: block;
  width: 200px;
  background: #FFF9F7;
  padding: 6px 10px;
  box-sizing: border-box;
  margin-left: 26px;
  border: 1px solid #ae6867;
  box-shadow: 0 0 5px -2px #000;
  border-radius: 5px;
  color: #700000;
  font-size: 13px;
}
.material-input .autocomplete-options {
  position: absolute;
  min-width: 100%;
  background: #FFF;
  z-index: 500;
  top: 38px;
  left: 0;
  box-shadow: 0 2px 5px -2px #000;
  border-radius: 0 0 5px 5px;
}
.material-input .autocomplete-options a {
  display: block;
  white-space: nowrap;
  line-height: 30px;
  cursor: pointer;
  border: none !important;
  padding: 0 10px;
}
.material-input .autocomplete-options a:hover {
  background-color: #F5F5F5;
}
.material-input .autocomplete-options a:last-child {
  border-radius: 0 0 5px 5px;
}
.material-input .show-password {
  display: none;
  cursor: pointer;
  position: absolute;
  right: -18px;
  top: 11px;
  z-index: 20;
  opacity: 0.7;
  transition: opacity 300ms ease;
}
.material-input .show-password:hover {
  opacity: 1;
}
.material-input.hasValue .show-password {
  display: block;
}

.material-select {
  position: relative;
  margin: 15px 0 5px;
  text-align: left;
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */
}
.material-select select {
  border-radius: 0;
  font-size: 18px;
  padding: 12px 10px 4px 0;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575;
  background: transparent;
}
.material-select select:focus {
  outline: none;
}
.material-select label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}
.material-select.hasValue label, .material-select.focused label {
  top: -10px;
  font-size: 14px;
  color: #5264AE;
}
.material-select .bar {
  position: relative;
  display: block;
  width: 100%;
}
.material-select .bar:before, .material-select .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #5264AE;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-select .bar:before {
  left: 50%;
}
.material-select .bar:after {
  right: 50%;
}
.material-select select:focus ~ .bar:before,
.material-select select:focus ~ .bar:after, .material-select.focused > .bar:after, .material-select.focused > .bar:before {
  width: 50%;
}
.material-select .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.material-select select:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.material-select p {
  font-size: 12px;
  padding-top: 2px;
  line-height: 1.1;
  color: #999;
}
.material-select.required label:after {
  content: " *";
}
.material-select.hasErrors select {
  border-bottom-color: #D00000;
}
.material-select.hasErrors label {
  color: #D00000;
}
.material-select.hasErrors p {
  color: #700000;
}
.material-select .error-message {
  position: absolute;
  left: 100%;
  margin-left: -20px;
  top: 0;
  z-index: 500;
}
.material-select .error-message i {
  position: relative;
  top: 11px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  color: #FFF;
  background-color: #D00000;
  border-radius: 50%;
  font-style: normal;
  float: left;
  cursor: pointer;
}
.material-select .error-message i:hover {
  background-color: #700000;
}
.material-select .error-message span {
  display: block;
  width: 200px;
  background: #FFF9F7;
  padding: 6px 10px;
  box-sizing: border-box;
  margin-left: 26px;
  border: 1px solid #ae6867;
  box-shadow: 0 0 5px -2px #000;
  border-radius: 5px;
  color: #700000;
  font-size: 13px;
}

custom-scroll {
  display: block;
  overflow: auto;
  padding: 10px 20px;
  box-sizing: border-box;
}
custom-scroll::-webkit-scrollbar {
  width: 15px;
  background-color: #e6e6e6;
}
custom-scroll::-webkit-scrollbar-thumb {
  background-color: #003366;
}

dropdown {
  display: inline-block;
  position: relative;
}
dropdown > a {
  display: block;
  cursor: pointer;
  border-bottom: none !important;
}
dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFF;
  border: #999;
  box-shadow: 1px 1px 5px -1px #000;
  min-width: 160px;
  z-index: 450;
}
dropdown ul.show {
  display: block;
}
dropdown ul li {
  list-style: none;
}
dropdown ul li a {
  text-align: left;
  font-size: 15px;
  line-height: 2;
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  border-bottom: 1px solid #e4e4e4 !important;
  color: #333 !important;
  transition: all 300ms ease;
}
dropdown ul li a:hover {
  color: #003366 !important;
  background: #F5F5F5;
}

app-input {
  display: block;
  max-width: 700px;
}

.app-input {
  display: block;
  position: relative;
  margin: 15px 0 5px;
  padding-top: 25px;
  text-align: left;
  /* LABEL ======================================= */
  /* active state */
}
.app-input textarea,
.app-input input[type=email],
.app-input input[type=number],
.app-input input[type=text],
.app-input input[type=password] {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 12px;
  display: block;
  width: 100%;
  border: 1px solid #f4f3f3;
  background: #f4f3f3;
  color: rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.app-input textarea:focus,
.app-input input:focus {
  outline: none;
}
.app-input.hasValue textarea, .app-input.hasValue input, .app-input.focused input {
  color: #000;
}
.app-input label {
  position: absolute;
  color: #0662a3;
  font-size: 18px;
  font-weight: normal;
  pointer-events: none;
  left: 0;
  top: 0;
  transition: 0.2s ease all;
}
.app-input p {
  font-size: 12px;
  padding-top: 2px;
  line-height: 1.1;
  color: #999;
}
.app-input.required label:after {
  content: " *";
}
.app-input.hasErrors textarea,
.app-input.hasErrors input {
  border-color: #D00000;
}
.app-input.hasErrors label {
  color: #D00000;
}
.app-input.hasErrors p {
  color: #700000;
}
.app-input .error-message {
  position: absolute;
  left: 100%;
  margin-left: -23px;
  top: 28px;
  z-index: 500;
}
.app-input .error-message i {
  position: relative;
  top: 11px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  color: #FFF;
  background-color: #D00000;
  border-radius: 50%;
  font-style: normal;
  float: left;
  cursor: pointer;
}
.app-input .error-message i:hover {
  background-color: #700000;
}
.app-input .error-message span {
  display: block;
  width: 200px;
  background: #FFF9F7;
  padding: 6px 10px;
  box-sizing: border-box;
  margin-left: 26px;
  border: 1px solid #ae6867;
  box-shadow: 0 0 5px -2px #000;
  border-radius: 5px;
  color: #700000;
  font-size: 13px;
  margin-top: -3px;
}
.app-input .autocomplete-options {
  position: absolute;
  min-width: 100%;
  background: #FFF;
  z-index: 500;
  top: 73px;
  left: 0;
  box-shadow: 0 2px 5px -2px #000;
  border-radius: 0 0 5px 5px;
}
.app-input .autocomplete-options a {
  display: block;
  white-space: nowrap;
  line-height: 30px;
  cursor: pointer;
  border: none !important;
  padding: 0 10px;
}
.app-input .autocomplete-options a:hover {
  background-color: #F5F5F5;
}
.app-input .autocomplete-options a:last-child {
  border-radius: 0 0 5px 5px;
}
.app-input .show-password {
  display: none;
  cursor: pointer;
  position: absolute;
  right: -18px;
  top: 11px;
  z-index: 20;
  opacity: 0.7;
  transition: opacity 300ms ease;
}
.app-input .show-password:hover {
  opacity: 1;
}
.app-input.hasValue .show-password {
  display: block;
}
.app-input .search {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: -30px;
}
.app-input .checkIcon {
  position: absolute;
  right: 16px;
  top: 14px;
  height: 26px;
  width: 29px;
  font-size: 18px;
  color: green;
}

app-select {
  display: block;
  max-width: 700px;
}

.app-select {
  position: relative;
  margin: 15px 0 5px;
  padding-top: 25px;
  text-align: left;
  /* LABEL ======================================= */
  /* active state */
  /* active state */
}
.app-select select {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 12px;
  display: block;
  width: 100%;
  border: 1px solid #f4f3f3;
  background: #f4f3f3;
}
.app-select select:focus {
  outline: none;
}
.app-select label {
  color: #0662a3;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  transition: 0.2s ease all;
}
.app-select select:focus ~ .bar:before,
.app-select select:focus ~ .bar:after, .app-select.focused > .bar:after, .app-select.focused > .bar:before {
  width: 50%;
}
.app-select p {
  font-size: 12px;
  padding-top: 2px;
  line-height: 1.1;
  color: #999;
}
.app-select.required label:after {
  content: " *";
}
.app-select.hasErrors select {
  border-color: #D00000;
}
.app-select.hasErrors label {
  color: #D00000;
}
.app-select.hasErrors p {
  color: #700000;
}

.user-notifications-component {
  cursor: pointer;
  transition: background 500ms ease;
  padding-right: 10px;
}
.user-notifications-component:hover {
  background: #003366;
}

.dictionary-select-popup {
  display: none;
  position: absolute;
  max-width: 500px;
  background: #FFF;
  box-shadow: 5px 5px 20px #000;
  z-index: 1500;
  padding-top: 33px;
}
.dictionary-select-popup .options {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dictionary-select-popup .option {
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
  cursor: pointer;
  padding: 0 5px;
  transition: background-color 300ms ease;
}
.dictionary-select-popup .option:hover {
  background: #F5F5F5;
}
.dictionary-select-popup .search-box input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  padding: 8px 5px;
}

.dictionary-select {
  display: inline-block;
  width: 150px;
  position: relative;
}
.dictionary-select .label {
  display: block;
  position: relative;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #F1F1F1;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
}
.dictionary-select .label.active {
  z-index: 501;
  position: relative;
  background: #FFF;
  border-bottom-color: transparent;
}
.dictionary-select .label::after {
  content: "▼";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  font-size: 10px;
}
.dictionary-select .label span {
  display: block;
  height: 33px;
  line-height: 33px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 15px 0 5px;
}
.dictionary-select.readonly .label {
  cursor: default;
  color: #777;
}
.dictionary-select > input {
  display: block;
  height: 0;
  opacity: 0;
  width: 0 !important;
  padding: 0 !important;
}
.dictionary-select .error_container {
  position: absolute;
  right: 8px;
  top: 6px;
}

.page-login-content {
  padding-top: 20px;
}
.page-login-content .row:first-child {
  height: 393px;
  background: #e4e4e4;
}
.page-login-content .news-container {
  width: 645px;
  height: 551px;
  position: relative;
  top: -20px;
  margin-left: 20px;
  float: left;
  box-sizing: border-box;
  padding: 35px 50px;
  background: url(../img/big-display.png) no-repeat center;
}
.page-login-content .news-container .link-all-news {
  float: right;
  text-transform: uppercase;
}
.page-login-content .news-container .news-list {
  width: 100%;
  overflow: hidden;
  height: 270px;
}
.page-login-content .news-container .news-list ul {
  margin-left: -20px;
}
.page-login-content .news-container .news-list .desc {
  list-style: none;
  height: 135px;
  border-bottom: 1px solid #CCC;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
  font-size: 13px;
  overflow: hidden;
}
.page-login-content .news-container .news-list .desc:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 70%);
}
.page-login-content .news-container .news-list .desc .photo {
  width: 147px;
  height: 100px;
  overflow: hidden;
  float: left;
}
.page-login-content .news-container .news-list .desc .news-time {
  display: block;
  color: #676767;
  position: absolute;
  top: 11px;
  right: 0;
  z-index: 10;
}
.page-login-content .news-container .news-list .desc .moreLink {
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: 10;
}
.page-login-content .news-container .news-list .desc .text {
  margin-top: 3px;
  text-align: justify;
  overflow: hidden;
}
.page-login-content .news-container .news-list .desc .title {
  color: #003366;
  font-size: 14px;
  font-weight: bold;
  padding-right: 95px;
}
.page-login-content .news-container .pages {
  text-align: center;
  padding-top: 10px;
  cursor: default;
}
.page-login-content .news-container .pages a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0662a3;
  margin: 0 2px;
  transition: background 300ms ease;
}
.page-login-content .news-container .pages a:hover {
  background: #0876c3;
}
.page-login-content .news-container .pages a.active {
  background: #eda646;
}
.page-login-content .login-form {
  margin-left: 720px;
}
.page-login-content .login-form h3 {
  padding-top: 60px;
  padding-bottom: 10px;
}
.page-login-content .login-form .error-text {
  display: none;
  color: #D00000;
  line-height: 20px;
  padding-bottom: 10px;
}
.page-login-content .login-form.showFields h3 {
  padding-top: 40px;
}
.page-login-content .login-form.showFields form {
  display: block;
}
.page-login-content .login-form.error h3 {
  padding-top: 10px;
}
.page-login-content .login-form.error .error-text {
  display: block;
}
.page-login-content .login-form .field {
  padding: 5px 0;
}
.page-login-content .login-form .links {
  padding-top: 20px;
}
.page-login-content .login-form input[type=text], .page-login-content .login-form input[type=password] {
  width: 250px;
}
.page-login-content .login-form form {
  display: none;
}
.page-login-content .links {
  list-style: none;
  color: #0662a3;
}
.page-login-content .links li {
  padding: 2px 0;
}
.page-login-content .links li i {
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.employees-page-content {
  margin-left: 40px;
  margin-right: 20px;
}
.employees-page-content table {
  margin-top: 20px;
  width: 100%;
}
.employees-page-content table .permissions li {
  list-style: circle;
}
.employees-page-content-table {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  min-height: 300px;
  margin-top: 20px;
}
.employees-page-content-table .table-styled {
  margin-top: 0;
}
.employees-page-content-table .table-styled.bordered th {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.employees-page-content .row-actions {
  width: 70px;
  font-size: 22px;
}
.employees-page-content .row-actions a {
  color: #003366 !important;
  text-decoration: none;
  cursor: pointer;
  margin-right: 5px;
  border-bottom: none !important;
  transition: color 300ms ease;
}
.employees-page-content .row-actions a:hover {
  color: #000 !important;
}

.employee-status-modal .check-field {
  padding: 5px 0;
}
.employee-status-modal label {
  display: block;
  font-size: 14px;
  color: #003366;
}
.employee-status-modal .text-field label {
  padding-bottom: 5px;
}
.employee-status-modal .text-field textarea {
  display: block;
  width: 100%;
  height: 45px;
}
.employee-status-modal .col {
  width: 50%;
  float: left;
  min-height: 90px;
  box-sizing: border-box;
}
.employee-status-modal .col:first-child {
  padding: 10px 15px 0 0;
}

.invite-employee material-input {
  padding-bottom: 10px;
}
.invite-employee .col {
  width: 50%;
  min-height: 50px;
  float: left;
  box-sizing: border-box;
}
.invite-employee .col:first-child {
  padding-right: 10px;
}
.invite-employee .user-info {
  padding-top: 20px;
}
.invite-employee .user-info label {
  color: #003366;
  font-weight: normal;
}
.invite-employee .user-info .fio {
  font-weight: bold;
}

.employee-edit-page-content {
  width: 900px;
  min-height: 560px;
  margin: auto;
  text-align: center;
}
.employee-edit-page-content h4 {
  font-size: 20px;
  font-weight: normal;
  color: #003366;
  padding-bottom: 10px;
}
.employee-edit-page-content .row {
  padding-top: 20px;
  display: flex;
}
.employee-edit-page-content .row .col {
  flex: 1;
  flex-shrink: 0;
}
.employee-edit-page-content .row .col:first-child {
  margin-right: 40px;
}
.employee-edit-page-content .row .col.bg-grey ul {
  text-align: left;
  list-style: none;
  padding-left: 0 !important;
}
.employee-edit-page-content .row .col.bg-grey ul label {
  display: block;
  padding: 5px 10px 5px 5px;
  cursor: pointer;
  transition: background-color 300ms ease;
}
.employee-edit-page-content .row .col.bg-grey ul label:hover {
  background-color: #e6e6e6;
}
.employee-edit-page-content .row .col.bg-grey ul input {
  float: left;
  position: relative;
  top: 3px;
}
.employee-edit-page-content .row .col.bg-grey ul span {
  display: block;
  margin-left: 20px;
}
.employee-edit-page-content .row .col.bg-grey material-input {
  margin: 15px 15px 0;
}
.employee-edit-page-content .actions {
  padding-top: 30px;
}
.employee-edit-page-content custom-scroll {
  height: 350px;
}
.employee-edit-page-content .signature {
  max-width: 350px;
  word-break: break-word;
  background: #fffabd;
}

.stores-page-content {
  margin-left: 40px;
}
.stores-page-content .actions {
  padding: 10px 0;
}

.store-form-page-content {
  width: 700px;
  margin: 0 auto;
}
.store-form-page-content h3 {
  font-weight: normal;
  text-align: center;
  padding-bottom: 10px;
}
.store-form-page-content .group-2-cols app-select,
.store-form-page-content .group-2-cols app-input {
  display: inline-block;
  width: 335px;
  float: left;
}
.store-form-page-content .group-2-cols app-select:first-child,
.store-form-page-content .group-2-cols app-input:first-child {
  margin-right: 30px;
}
.store-form-page-content .actions {
  padding-top: 30px;
  width: 700px;
  text-align: center;
}
.store-form-page-content .actions button {
  margin: 0 5px;
}
.store-form-page-content .response-field app-input {
  margin-right: 40px;
}
.store-form-page-content .response-field > a {
  display: inline-block;
  float: right;
  cursor: pointer;
  border-bottom: none !important;
  position: relative;
  top: 30px;
  margin-right: 4px;
}
.store-form-page-content .app-input,
.store-form-page-content .app-select {
  padding-top: 30px;
}
.store-form-page-content .app-input label i,
.store-form-page-content .app-select label i {
  float: left;
  margin-right: 15px;
}
.store-form-page-content h4 {
  padding: 10px 0;
  font-size: 20px !important;
}
.store-form-page-content table {
  width: 100%;
}
.store-form-page-content table td:first-child {
  width: 30px;
}
.store-form-page-content iframe {
  display: none;
}
.store-form-page-content .file {
  padding-top: 25px;
}
.store-form-page-content .file label {
  display: block;
  color: #0662a3;
  font-size: 18px;
  font-weight: normal;
}
.store-form-page-content .file label i {
  font-size: 22px;
  color: #003366;
  margin-right: 14px;
}
.store-form-page-content .file .file-icon {
  font-size: 50px;
  margin: 17px 0 0 5px;
  color: #700000;
}
.store-form-page-content .file img {
  margin-top: 14px;
}
.store-form-page-content .file .name {
  padding-bottom: 5px;
}
.store-form-page-content .file input {
  margin: 10px 0;
}

.esf-journal-content {
  margin: 0 20px 0 40px;
}
.esf-journal-content .grid-table {
  width: 100%;
}
.esf-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.esf-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.esf-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.esf-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.deadline_search_filters .filter_periods {
  margin-left: -15px;
}
.deadline_search_filters .filter_periods .btn, .deadline_search_filters .filter_periods .btn-blue, .deadline_search_filters .filter_periods .btn-orange, .deadline_search_filters .filter_periods .btn-red, .deadline_search_filters .filter_periods .btn-green, .deadline_search_filters .filter_periods .esf-body .ui-dialog .ui-dialog-buttonpane button, .esf-body .ui-dialog .ui-dialog-buttonpane .deadline_search_filters .filter_periods button {
  background-color: #d1d1d1;
}
.deadline_search_filters .filter_periods .btn.active, .deadline_search_filters .filter_periods .active.btn-blue, .deadline_search_filters .filter_periods .active.btn-orange, .deadline_search_filters .filter_periods .active.btn-red, .deadline_search_filters .filter_periods .active.btn-green, .deadline_search_filters .filter_periods .esf-body .ui-dialog .ui-dialog-buttonpane button.active, .esf-body .ui-dialog .ui-dialog-buttonpane .deadline_search_filters .filter_periods button.active {
  background-color: #feb92d;
}

.esf-deadline-journal-content {
  margin: 0 20px 0 40px;
}
.esf-deadline-journal-content .grid-table {
  width: 100%;
}
.esf-deadline-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.esf-deadline-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.esf-deadline-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.esf-deadline-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.esf-form-content {
  margin-left: 40px;
  margin-right: 20px;
}
.esf-form-content .ndsRate .jq-selectbox__select,
.esf-form-content .ndsRate select,
.esf-form-content .truOriginCode .jq-selectbox__select,
.esf-form-content .truOriginCode select,
.esf-form-content .unitNomenclature .jq-selectbox__select,
.esf-form-content .unitNomenclature select {
  min-width: 80px !important;
}
.esf-form-content .form-with-tabs > .tabs {
  width: 410px;
}
.esf-form-content .form-with-tabs input[type=text],
.esf-form-content .form-with-tabs input[type=password],
.esf-form-content .form-with-tabs input[type=number],
.esf-form-content .form-with-tabs input[type=email],
.esf-form-content .form-with-tabs textarea,
.esf-form-content .form-with-tabs .jq-selectbox__select,
.esf-form-content .form-with-tabs .jq-select-multiple,
.esf-form-content .form-with-tabs .statuses-block {
  min-width: 400px;
}
.esf-form-content .action_buttons_form {
  background: #EAEAEB;
  border: 1px solid #CACACD;
  border-radius: 0;
  padding: 5px 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.esf-form-content .related_invoices_container {
  bottom: 48px;
}
.esf-form-content .related_invoices_container h3 {
  font-size: 20px !important;
  padding: 6px;
}
.esf-form-content #sellers_count, .esf-form-content #customers_count {
  min-width: 60px !important;
}

.print-page.InvoiceV2 .sectionContainer h3 {
  color: #003366;
  font-size: 20px;
  padding: 20px 0 1px;
  border: none;
  border-bottom: 1px solid #003366;
  margin-bottom: 10px;
}

.print-page.InvoiceV2 .sectionContainer table td {
  padding: 2px 2px 0 0;
}

.reorganization-page-content .steps {
  display: none;
  text-align: center;
  padding-bottom: 30px;
}
.reorganization-page-content .steps.active {
  display: block;
}
.reorganization-page-content .steps b {
  display: inline-block;
  width: 21px;
  margin: 0 3px;
  border-top: 1px solid #e4e4e4;
  position: relative;
  top: -7px;
}
.reorganization-page-content .steps b:first-child {
  display: none;
}
.reorganization-page-content .steps .step {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
}
.reorganization-page-content .steps .step i {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  font-style: normal;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.54);
  color: #FFF;
  border-radius: 50%;
  margin-right: 6px;
}
.reorganization-page-content .steps .step.active i {
  background: #0662a3;
}
.reorganization-page-content .steps .step.completed i {
  background: #0662a3 url(../img/check-icon.png) no-repeat center;
  color: transparent;
  text-indent: -100000px;
}
.reorganization-page-content .actions {
  padding-top: 50px;
}

.reorganization-step1-content {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}

.reorganization-step2-content {
  width: 700px;
  margin: 0 auto;
  text-align: center;
}
.reorganization-step2-content table {
  width: 100%;
}

.reorganization-step3-content {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}

.enterprises-page-content {
  margin-left: 40px;
  margin-right: 20px;
}
.enterprises-page-content table {
  margin-top: 20px;
  width: 100%;
}

.reg-accounting-index-content {
  width: 850px;
  margin: 0 auto;
  text-align: center;
}
.reg-accounting-index-content a {
  display: inline-block;
  overflow: hidden;
  width: 147px;
  height: 145px;
  margin: 23px 31px;
  padding-top: 10px;
  box-sizing: border-box;
  background: #F0F0F0;
  border-radius: 6px;
  text-align: center;
  border-bottom: none !important;
  cursor: pointer;
}
.reg-accounting-index-content a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.reg-accounting-index-content a span {
  display: block;
  text-transform: uppercase;
  position: relative;
  top: -5px;
  color: #003366;
  font-weight: bold;
  font-size: 12px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-details-content {
  width: 550px;
  margin: 0 auto;
}
.user-details-content .actions {
  padding-top: 20px;
}

.edit-user-details-modal .app-modal-dialog {
  overflow: visible !important;
}
.edit-user-details-modal .actions {
  padding: 20px 0 10px;
  text-align: center;
}

.branches-content {
  margin: 20px 40px;
}
.branches-content table {
  width: 100%;
}

.operator-content {
  margin: 0 40px;
}
.operator-content .site-breadcrumb {
  margin: 10px -40px 20px;
}
.operator-content table {
  width: 100%;
}
.operator-content .preview-item {
  font-size: 22px;
  cursor: pointer;
  transition: color 500ms ease;
}
.operator-content .preview-item:hover {
  color: #003366;
}
.operator-content .actions {
  padding: 0 0 10px;
}
.operator-content .tabs {
  margin-bottom: 20px;
}

.operator-form-content {
  margin: 0 40px;
}
.operator-form-content .site-breadcrumb {
  margin: 10px -40px 20px;
}
.operator-form-content .operator-form {
  max-width: 1100px;
}
.operator-form-content .operator-form .actions .btn, .operator-form-content .operator-form .actions .btn-blue, .operator-form-content .operator-form .actions .btn-orange, .operator-form-content .operator-form .actions .btn-red, .operator-form-content .operator-form .actions .btn-green, .operator-form-content .operator-form .actions .esf-body .ui-dialog .ui-dialog-buttonpane button, .esf-body .ui-dialog .ui-dialog-buttonpane .operator-form-content .operator-form .actions button {
  margin: 0 5px;
}
.operator-form-content material-input {
  width: 600px;
}
.operator-form-content .group-2-cols material-input {
  display: inline-block;
  width: 445px;
  float: left;
}
.operator-form-content .group-2-cols material-input:first-child {
  margin-right: 30px;
}
.operator-form-content form .group {
  text-align: left;
}
.operator-form-content .table-group {
  border: 1px solid #e4e4e4;
  padding: 10px 0 20px;
  margin: 20px 0;
  text-align: left;
}
.operator-form-content .table-group h4 {
  color: #000 !important;
  padding: 15px 0 30px 20px;
  font-size: 20px !important;
}
.operator-form-content .table-group table {
  width: 100%;
}
.operator-form-content .table-styled {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.operator-form-content .table-styled td, .operator-form-content .table-styled th {
  padding: 10px 15px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
}
.operator-form-content .table-styled tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.operator-form-content .table-styled material-select,
.operator-form-content .table-styled material-input {
  display: block;
  width: auto;
}
.operator-form-content .table-styled material-select .material-input,
.operator-form-content .table-styled material-select .material-select,
.operator-form-content .table-styled material-input .material-input,
.operator-form-content .table-styled material-input .material-select {
  margin-top: 0;
}
.operator-form-content .table-styled material-select input, .operator-form-content .table-styled material-select select,
.operator-form-content .table-styled material-input input,
.operator-form-content .table-styled material-input select {
  font-size: 16px;
}
.operator-form-content .table-styled material-select.small,
.operator-form-content .table-styled material-input.small {
  width: 110px;
}
.operator-form-content .table-styled material-select.large,
.operator-form-content .table-styled material-input.large {
  width: 400px;
}
.operator-form-content .table-styled material-select.medium,
.operator-form-content .table-styled material-input.medium {
  width: 180px;
}
.operator-form-content .table-styled material-select label,
.operator-form-content .table-styled material-input label {
  font-size: 16px;
  white-space: nowrap;
}
.operator-form-content .table-styled .btn-remove,
.operator-form-content .table-styled .btn-add {
  display: inline-block;
  font-size: 20px;
  background-color: #e6e6e6;
  line-height: 21px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #999 !important;
  color: #333 !important;
  cursor: pointer;
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease;
}
.operator-form-content .table-styled .btn-remove:hover,
.operator-form-content .table-styled .btn-add:hover {
  background-color: #F0F0F0;
}

.attorney-page-content {
  margin: 0 40px;
}
.attorney-page-content .site-breadcrumb {
  margin: 10px -40px 20px;
}
.attorney-page-content table {
  width: 100%;
}
.attorney-page-content .preview-item {
  font-size: 22px;
  cursor: pointer;
  transition: color 500ms ease;
}
.attorney-page-content .preview-item:hover {
  color: #003366;
}
.attorney-page-content .actions {
  padding: 0 0 10px;
}
.attorney-page-content .tabs {
  margin-bottom: 20px;
}

.attorney-form-content {
  margin: 0 40px;
}
.attorney-form-content .site-breadcrumb {
  margin: 10px -40px 20px;
}
.attorney-form-content .actions {
  padding: 0 0 10px;
}
.attorney-form-content .attorney-form {
  max-width: 1100px;
}
.attorney-form-content .attorney-form .actions .btn, .attorney-form-content .attorney-form .actions .btn-blue, .attorney-form-content .attorney-form .actions .btn-orange, .attorney-form-content .attorney-form .actions .btn-red, .attorney-form-content .attorney-form .actions .btn-green, .attorney-form-content .attorney-form .actions .esf-body .ui-dialog .ui-dialog-buttonpane button, .esf-body .ui-dialog .ui-dialog-buttonpane .attorney-form-content .attorney-form .actions button {
  margin: 0 5px;
}
.attorney-form-content material-input {
  width: 600px;
}
.attorney-form-content .group-2-cols material-input {
  display: inline-block;
  width: 445px;
  float: left;
}
.attorney-form-content .group-2-cols material-input:first-child {
  margin-right: 30px;
}
.attorney-form-content form .group {
  text-align: left;
}
.attorney-form-content .table-group {
  border: 1px solid #e4e4e4;
  padding: 10px 0 20px;
  margin: 20px 0;
  text-align: left;
}
.attorney-form-content .table-group h4 {
  color: #000 !important;
  padding: 15px 0 30px 20px;
  font-size: 20px !important;
}
.attorney-form-content .table-group table {
  width: 100%;
}
.attorney-form-content .table-styled {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.attorney-form-content .table-styled td, .attorney-form-content .table-styled th {
  padding: 10px 15px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
}
.attorney-form-content .table-styled tbody tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.attorney-form-content .table-styled material-select,
.attorney-form-content .table-styled material-input {
  display: block;
  width: auto;
}
.attorney-form-content .table-styled material-select .material-input,
.attorney-form-content .table-styled material-select .material-select,
.attorney-form-content .table-styled material-input .material-input,
.attorney-form-content .table-styled material-input .material-select {
  margin-top: 0;
}
.attorney-form-content .table-styled material-select input, .attorney-form-content .table-styled material-select select,
.attorney-form-content .table-styled material-input input,
.attorney-form-content .table-styled material-input select {
  font-size: 16px;
}
.attorney-form-content .table-styled material-select.small,
.attorney-form-content .table-styled material-input.small {
  width: 110px;
}
.attorney-form-content .table-styled material-select.large,
.attorney-form-content .table-styled material-input.large {
  width: 400px;
}
.attorney-form-content .table-styled material-select.medium,
.attorney-form-content .table-styled material-input.medium {
  width: 180px;
}
.attorney-form-content .table-styled material-select label,
.attorney-form-content .table-styled material-input label {
  font-size: 16px;
  white-space: nowrap;
}
.attorney-form-content .table-styled .btn-remove,
.attorney-form-content .table-styled .btn-add {
  display: inline-block;
  font-size: 20px;
  background-color: #e6e6e6;
  line-height: 21px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #999 !important;
  color: #333 !important;
  cursor: pointer;
  text-align: center;
  transition: background-color 300ms ease, color 300ms ease;
}
.attorney-form-content .table-styled .btn-remove:hover,
.attorney-form-content .table-styled .btn-add:hover {
  background-color: #F0F0F0;
}

.re-registration-content {
  margin: 0 40px;
}
.re-registration-content .journal-title {
  display: none;
}
.re-registration-content .grid-buttons-container-top {
  padding-bottom: 15px;
}

.ip-page-content {
  margin: 0 40px;
}
.ip-page-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.reg-accounting-private-practice-page {
  margin: 20px 50px;
}
.reg-accounting-private-practice-page .actions button {
  margin-right: 20px;
  margin-top: 20px;
  display: inline-block;
}

.reset-pass-content {
  width: 450px;
  margin: 0 auto;
}
.reset-pass-content .actions {
  padding-top: 20px;
  text-align: center;
}

.esf-reports-content {
  margin: 0 40px;
}
.esf-reports-content .h-form-filters .filter-field .sort_direction {
  width: 80px;
  flex: 0.2;
  padding-left: 10px;
}
.esf-reports-content #report-content {
  min-height: 100px;
}
.esf-reports-content .report-table {
  border: 1px solid #999;
  border-collapse: collapse;
  margin-top: 5px;
}
.esf-reports-content .report-table th, .esf-reports-content .report-table td {
  border: 1px solid #999;
  border-collapse: collapse;
  padding: 4px 8px;
}
.esf-reports-content .report-table tr:nth-child(even) {
  background: #F9F9F9;
}
.esf-reports-content .report-table td {
  height: 14px;
  white-space: nowrap;
}
.esf-reports-content #report_preset_shared {
  margin-right: 5px;
}
.esf-reports-content #report_preset_save_name {
  margin-left: 5px;
}
.esf-reports-content #reportGrid {
  margin-top: 15px;
}
.esf-reports-content #reportGrid > ul {
  padding-left: 0;
}
.esf-reports-content #reportGrid li {
  padding-top: 7px;
}

.preset_header {
  font-weight: bold;
}

.preset_ul {
  margin: 5px 0;
}

.preset_li {
  border-bottom: 1px dashed #000000;
  padding: 3px 0;
}

.preset_li .del_checkbox {
  margin-bottom: -5px;
}

.preset_title {
  width: 200px;
  overflow-x: hidden;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
}

.accept-preset {
  margin-left: 5px;
}

.notifications-content {
  margin: 0 40px;
}
.notifications-content .grid-buttons-container-top {
  padding-bottom: 10px;
}
.notifications-content .buttonsContainerBottom {
  min-height: 33px;
  padding-bottom: 10px;
}
.notifications-content .btn-preview {
  font-size: 18px;
  cursor: pointer;
}
.notifications-content .btn-preview:hover {
  color: #003366;
}
.notifications-content .orange-row {
  background: #ffe100;
}

.notification-view-modal h2 {
  color: #003366;
  font-weight: normal;
  padding-bottom: 10px;
  font-size: 22px;
}
.notification-view-modal .field {
  font-size: 13px;
  padding: 2px 0;
  color: #333;
}
.notification-view-modal .text {
  padding-top: 10px;
}
.notification-view-modal .link {
  font-size: 16px;
  margin-top: 10px;
}

.change-email-content {
  width: 450px;
  margin: 0 auto;
}
.change-email-content .actions {
  padding-top: 20px;
  text-align: center;
}

.agreements-content {
  margin: 0 40px;
}
.agreements-content table {
  width: 100%;
}

.notifications-settings-content {
  margin: 0 40px;
}
.notifications-settings-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.awp-journal-content {
  margin: 0 20px 0 40px;
}
.awp-journal-content .grid-table {
  width: 100%;
}
.awp-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.awp-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.awp-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.awp-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.awp-form-content {
  margin-left: 40px;
  margin-right: 20px;
}
.awp-form-content .ndsRate .jq-selectbox__select,
.awp-form-content .ndsRate select,
.awp-form-content .truOriginCode .jq-selectbox__select,
.awp-form-content .truOriginCode select,
.awp-form-content .unitNomenclature .jq-selectbox__select,
.awp-form-content .unitNomenclature select {
  min-width: 80px !important;
}
.awp-form-content .form-with-tabs > .tabs {
  width: 410px;
}
.awp-form-content .form-with-tabs input[type=text],
.awp-form-content .form-with-tabs input[type=password],
.awp-form-content .form-with-tabs input[type=number],
.awp-form-content .form-with-tabs input[type=email],
.awp-form-content .form-with-tabs textarea,
.awp-form-content .form-with-tabs .jq-selectbox__select,
.awp-form-content .form-with-tabs .jq-select-multiple,
.awp-form-content .form-with-tabs .statuses-block {
  min-width: 400px;
}
.awp-form-content .action_buttons_form {
  background: #EAEAEB;
  border: 1px solid #CACACD;
  border-radius: 0;
  padding: 5px 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.awp-form-content .related_invoices_container {
  bottom: 48px;
}
.awp-form-content .related_invoices_container h3 {
  font-size: 20px !important;
  padding: 6px;
}
.awp-form-content #sellers_count, .awp-form-content #customers_count {
  min-width: 60px !important;
}

.egp-journal-content {
  margin: 0 20px 0 40px;
}
.egp-journal-content .grid-table {
  width: 100%;
}
.egp-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.egp-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.egp-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.egp-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.egp-form-content {
  margin-left: 40px;
  margin-right: 20px;
}
.egp-form-content .ndsRate .jq-selectbox__select,
.egp-form-content .ndsRate select,
.egp-form-content .truOriginCode .jq-selectbox__select,
.egp-form-content .truOriginCode select,
.egp-form-content .unitNomenclature .jq-selectbox__select,
.egp-form-content .unitNomenclature select {
  min-width: 80px !important;
}
.egp-form-content .form-with-tabs > .tabs {
  width: 410px;
}
.egp-form-content .form-with-tabs input[type=text],
.egp-form-content .form-with-tabs input[type=password],
.egp-form-content .form-with-tabs input[type=number],
.egp-form-content .form-with-tabs input[type=email],
.egp-form-content .form-with-tabs textarea,
.egp-form-content .form-with-tabs .jq-selectbox__select,
.egp-form-content .form-with-tabs .jq-select-multiple,
.egp-form-content .form-with-tabs .statuses-block {
  min-width: 400px;
}
.egp-form-content .action_buttons_form {
  background: #EAEAEB;
  border: 1px solid #CACACD;
  border-radius: 0;
  padding: 5px 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.egp-form-content .related_invoices_container {
  bottom: 48px;
}
.egp-form-content .related_invoices_container h3 {
  font-size: 20px !important;
  padding: 6px;
}
.egp-form-content #sellers_count, .egp-form-content #customers_count {
  min-width: 60px !important;
}

.egp_econtract-journal-content {
  margin: 0 20px 0 40px;
}
.egp_econtract-journal-content .gridContainer .flat-button.btn-dropdown .dropdown ul,
.egp_econtract-journal-content .modalGridContainer .flat-button.btn-dropdown .dropdown ul {
  right: auto;
  left: 0;
  padding-left: 0 !important;
}
.egp_econtract-journal-content .buttonsContainerBottom {
  min-height: 30px;
  padding: 10px 0;
}
.egp_econtract-journal-content .grid-table {
  width: 100%;
  height: auto;
}

.admin_body .egp_econtract-journal-content {
  margin: 0;
}

.egp-econtract-form-content {
  margin-left: 40px;
  margin-right: 20px;
}
.egp-econtract-form-content .ndsRate .jq-selectbox__select,
.egp-econtract-form-content .ndsRate select,
.egp-econtract-form-content .truOriginCode .jq-selectbox__select,
.egp-econtract-form-content .truOriginCode select,
.egp-econtract-form-content .unitNomenclature .jq-selectbox__select,
.egp-econtract-form-content .unitNomenclature select {
  min-width: 80px !important;
}
.egp-econtract-form-content .form-with-tabs > .tabs {
  width: 410px;
}
.egp-econtract-form-content .form-with-tabs input[type=text],
.egp-econtract-form-content .form-with-tabs input[type=password],
.egp-econtract-form-content .form-with-tabs input[type=number],
.egp-econtract-form-content .form-with-tabs input[type=email],
.egp-econtract-form-content .form-with-tabs textarea,
.egp-econtract-form-content .form-with-tabs .jq-selectbox__select,
.egp-econtract-form-content .form-with-tabs .jq-select-multiple,
.egp-econtract-form-content .form-with-tabs .statuses-block {
  min-width: 400px;
}
.egp-econtract-form-content .action_buttons_form {
  background: #EAEAEB;
  border: 1px solid #CACACD;
  border-radius: 0;
  padding: 5px 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.egp-econtract-form-content .related_invoices_container {
  bottom: 48px;
}
.egp-econtract-form-content .related_invoices_container h3 {
  font-size: 20px !important;
  padding: 6px;
}
.egp-econtract-form-content #sellers_count, .egp-econtract-form-content #customers_count {
  min-width: 60px !important;
}

.go-journal-content {
  margin: 0 20px 0 40px;
}
.go-journal-content .grid-table {
  width: 100%;
}
.go-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.go-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.go-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.go-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.econtract-journal-content {
  margin: 0 20px 0 40px;
}
.econtract-journal-content .gridContainer .flat-button.btn-dropdown .dropdown ul,
.econtract-journal-content .modalGridContainer .flat-button.btn-dropdown .dropdown ul {
  right: auto;
  left: 0;
  padding-left: 0 !important;
}
.econtract-journal-content .buttonsContainerBottom {
  min-height: 30px;
  padding: 10px 0;
}
.econtract-journal-content .grid-table {
  width: 100%;
  height: auto;
}

.admin_body .econtract-journal-content {
  margin: 0;
}

.econtract-form-content {
  margin-left: 40px;
  margin-right: 20px;
  overflow: hidden;
}
.econtract-form-content .app-select,
.econtract-form-content .app-input {
  padding-top: 0;
  margin-top: 0;
  max-width: 700px;
}
.econtract-form-content .app-select .autocomplete-options,
.econtract-form-content .app-input .autocomplete-options {
  top: 46px;
}
.econtract-form-content .app-select .error-message,
.econtract-form-content .app-input .error-message {
  top: 4px;
}
.econtract-form-content .app-select .error-message span,
.econtract-form-content .app-input .error-message span {
  margin-top: 3px;
}
.econtract-form-content .dictionary-select {
  width: 100%;
  max-width: 700px;
}
.econtract-form-content .dictionary-select .label {
  padding: 7px 12px;
}
.econtract-form-content .shadow-container {
  background: #FAFAFA;
  margin: 15px -30px;
  padding: 15px 35px;
  position: relative;
}
.econtract-form-content .shadow-container:before {
  content: ".";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  color: transparent;
  size: 0;
  background-image: linear-gradient(to bottom, #D0D0D0, #FAFAFA);
}
.econtract-form-content .shadow-container:after {
  content: ".";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  color: transparent;
  size: 0;
  background-image: linear-gradient(to top, #D0D0D0, #FAFAFA);
}
.econtract-form-content .select-econtract {
  position: absolute;
  left: 720px;
  top: 15px;
  cursor: pointer;
}

.econtract-form-payment-schedule,
.econtract-form-specifications,
.econtract-form-stage {
  padding: 10px 0 30px;
  border-top: 1px dashed #D0D0D0;
}
.econtract-form-payment-schedule.first,
.econtract-form-specifications.first,
.econtract-form-stage.first {
  border-top: none;
}
.econtract-form-payment-schedule h4,
.econtract-form-specifications h4,
.econtract-form-stage h4 {
  font-size: 16px;
  padding-bottom: 5px;
}
.econtract-form-payment-schedule .remove-stage,
.econtract-form-specifications .remove-stage,
.econtract-form-stage .remove-stage {
  cursor: pointer;
  color: #3A3A3A !important;
  float: right;
  font-size: 14px;
}
.econtract-form-payment-schedule .remove-stage:hover,
.econtract-form-specifications .remove-stage:hover,
.econtract-form-stage .remove-stage:hover {
  border-bottom-color: #3A3A3A !important;
}
.econtract-form-payment-schedule .ServiceTable,
.econtract-form-specifications .ServiceTable,
.econtract-form-stage .ServiceTable {
  width: 100%;
}
.econtract-form-payment-schedule .ServiceTable tr,
.econtract-form-specifications .ServiceTable tr,
.econtract-form-stage .ServiceTable tr {
  background: #F8F8F8;
}
.econtract-form-payment-schedule .ServiceTable app-input,
.econtract-form-specifications .ServiceTable app-input,
.econtract-form-stage .ServiceTable app-input {
  width: 100%;
  max-width: 100%;
}
.econtract-form-payment-schedule .ServiceTable app-input input,
.econtract-form-specifications .ServiceTable app-input input,
.econtract-form-stage .ServiceTable app-input input {
  min-width: 100px;
}
.econtract-form-payment-schedule .ServiceTable .dictionary-select,
.econtract-form-specifications .ServiceTable .dictionary-select,
.econtract-form-stage .ServiceTable .dictionary-select {
  width: 150px;
}
.econtract-form-payment-schedule .ServiceTable .dictionary-select .label,
.econtract-form-specifications .ServiceTable .dictionary-select .label,
.econtract-form-stage .ServiceTable .dictionary-select .label {
  padding: 0;
}
.econtract-form-payment-schedule .ServiceTable .remove-product,
.econtract-form-payment-schedule .ServiceTable .add-product,
.econtract-form-specifications .ServiceTable .remove-product,
.econtract-form-specifications .ServiceTable .add-product,
.econtract-form-stage .ServiceTable .remove-product,
.econtract-form-stage .ServiceTable .add-product {
  display: inline-block;
  width: 18px;
  text-align: center;
  height: 18px;
  background: #222;
  color: #ffba00 !important;
  font-weight: bold !important;
  line-height: 17px !important;
  border: none !important;
  font-size: 17px;
  border-radius: 50%;
  cursor: pointer;
}
.econtract-form-payment-schedule .ServiceTable .remove-product:hover,
.econtract-form-payment-schedule .ServiceTable .add-product:hover,
.econtract-form-specifications .ServiceTable .remove-product:hover,
.econtract-form-specifications .ServiceTable .add-product:hover,
.econtract-form-stage .ServiceTable .remove-product:hover,
.econtract-form-stage .ServiceTable .add-product:hover {
  background: #111;
}
.econtract-form-payment-schedule .ServiceTable .remove-product,
.econtract-form-specifications .ServiceTable .remove-product,
.econtract-form-stage .ServiceTable .remove-product {
  color: #FFF !important;
  line-height: 16px !important;
  position: relative;
  top: -2px;
}

.econtract-form-payment-schedule .actions {
  padding-bottom: 20px;
}
.econtract-form-payment-schedule tr.active {
  background: #ffe100 !important;
}

.econtract-form-signatures table {
  width: 100%;
}
.econtract-form-signatures table .signature {
  word-break: break-all;
}

.econtract-tru-selection-modal .form-item {
  min-height: 40px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.econtract-tru-selection-modal .form-item .form-item-label {
  width: 200px;
  text-align: right;
}
.econtract-tru-selection-modal .form-item .form-item-input {
  margin-left: 20px;
  flex: 1;
}
.econtract-tru-selection-modal .form-item .app-input {
  margin-top: 0 !important;
  padding-top: 0;
}
.econtract-tru-selection-modal .form-item .dictionary-select {
  width: 100%;
}
.econtract-tru-selection-modal .form-item .dictionary-select .label {
  padding: 5px;
}

.econtract-form-sender {
  padding: 10px 0 30px;
  border-top: 1px dashed #D0D0D0;
  max-width: 700px;
}
.econtract-form-sender:first-child {
  border-top: none;
}
.econtract-form-sender .remove-sender {
  cursor: pointer;
  color: #3A3A3A !important;
  position: relative;
  top: -7px;
  float: right;
}
.econtract-form-sender .remove-sender:hover {
  border-bottom-color: #3A3A3A !important;
}
.econtract-form-sender .nds-certificate-info {
  margin: 25px 0 10px;
}
.econtract-form-sender .nds-certificate-info span:first-child {
  float: left;
}
.econtract-form-sender .nds-certificate-info span:last-child {
  float: none;
}
.econtract-form-sender .check-list label {
  display: block;
}

.econtract-form-recipient {
  padding: 10px 0 30px;
  border-top: 1px dashed #D0D0D0;
  max-width: 700px;
}
.econtract-form-recipient:first-child {
  border-top: none;
}
.econtract-form-recipient .remove-btn {
  cursor: pointer;
  color: #3A3A3A !important;
  position: relative;
  top: -7px;
  float: right;
}
.econtract-form-recipient .remove-btn:hover {
  border-bottom-color: #3A3A3A !important;
}
.econtract-form-recipient .nds-certificate-info {
  margin: 25px 0 10px;
}
.econtract-form-recipient .nds-certificate-info span:first-child {
  float: left;
}
.econtract-form-recipient .nds-certificate-info span:last-child {
  float: none;
}
.econtract-form-recipient .check-list label {
  display: block;
  margin: 3px 0 3px 10px;
}

.currency-rates-list-content {
  margin: 0 40px;
}
.currency-rates-list-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.gsvs-content {
  margin: 0 40px;
}
.gsvs-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.units-content {
  margin: 0 40px;
}
.units-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.pinOil-content {
  margin: 0 40px;
}
.pinOil-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.pinTobacco-content {
  margin: 0 40px;
}
.pinTobacco-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.pinAlcohol-content {
  margin: 0 40px;
}
.pinAlcohol-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.ovdOil-content {
  margin: 0 40px;
}
.ovdOil-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.ovdTobacco-content {
  margin: 0 40px;
}
.ovdTobacco-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

.licenseAlcohol-content {
  margin: 0 40px;
}
.licenseAlcohol-content .site-breadcrumb {
  margin: 10px -40px 20px;
}

#site-main-content .index-page-content {
  padding: 20px 60px 0;
}
#site-main-content .index-page-content .main-block {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 28px;
  margin-bottom: 32px;
  align-items: start;
}
#site-main-content .index-page-content a {
  padding: 10px 3px;
  margin: 23px 40px;
}
#site-main-content .index-page-content i.fa {
  font-size: 60px;
  color: #003366;
  line-height: 80px;
}
#site-main-content .index-page-content .links {
  width: 100%;
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, 179px);
  rid-template-rows: repeat(2, 183px);
  justify-items: center;
  justify-content: start;
  gap: 28px;
}
#site-main-content .index-page-content .links a {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 16px 3px 0px;
  box-sizing: border-box;
  background: #F0F0F0;
  border-radius: 6px;
  text-align: center;
  vertical-align: top;
  border-bottom: none !important;
  cursor: pointer;
  transition: box-shadow 500ms ease;
}
#site-main-content .index-page-content .links a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#site-main-content .index-page-content .links a > span {
  display: flex;
  text-transform: uppercase;
  position: relative;
  top: -5px;
  color: #003366;
  font-weight: bold;
  font-size: 15px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
#site-main-content .index-page-content .links a i {
  width: 114px;
  height: 110px;
}
#site-main-content .index-page-content .help-block {
  border-radius: 5px;
  background-color: rgba(240, 240, 240, 0.63);
  padding: 20px;
}
#site-main-content .index-page-content .help-block__col {
  width: 50%;
  float: left;
  min-height: 100px;
  position: relative;
}
#site-main-content .index-page-content .help-block h3 {
  font-family: Roboto;
  color: #003366 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-align: left;
  padding-bottom: 5px;
}
#site-main-content .index-page-content .help-block ul {
  margin: 0;
  padding: 0 !important;
  border-left: 7px solid #00599d;
  color: #003366;
  font-size: 14px;
  line-height: 22px;
}
#site-main-content .index-page-content .help-block ul li {
  list-style: none;
  padding-left: 20px;
  margin: 0;
}
#site-main-content .index-page-content .help-block a {
  padding: 0;
  margin: 0;
}
#site-main-content .index-page-content .help-block .add-request-btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 340px;
}
#site-main-content .index-page-content .header-photo {
  position: relative;
}
#site-main-content .index-page-content .header-photo img {
  width: 100%;
  height: 250px;
}
#site-main-content .index-page-content .header-photo h2 {
  position: absolute;
  top: 50%;
  width: 600px;
  left: 50%;
  font-family: Roboto, Tahoma, sans-serif;
  color: #ffffff;
  font-size: 35px;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
  text-transform: uppercase;
  transform: translate(-50%, -85%);
}
#site-main-content .index-page-content .header-photo h3 {
  position: absolute;
  top: 50%;
  width: 550px;
  left: 50%;
  color: #ffffff !important;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);
  text-transform: uppercase;
  transform: translate(-50%, 60%);
}
#site-main-content .index-page-content .esf-counter-block {
  min-height: 150px;
  opacity: 0;
  transition: opacity 0.3s;
}
#site-main-content .index-page-content .esf-counter-block--visible {
  opacity: 1;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  margin-top: 6px;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table th, #site-main-content .index-page-content .esf-counter-block .esf-counter-table td {
  padding: 0.6em 1em;
  border: 1px solid #DDDDDD;
  white-space: nowrap;
  position: relative;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table th:first-child {
  text-align: left;
  font-weight: 700;
  width: 31%;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table th:not(:first-child) {
  text-align: center;
  font-weight: 400;
  width: 23%;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table td:not(:first-child) {
  text-align: right;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table .td--warning:before, #site-main-content .index-page-content .esf-counter-block .esf-counter-table .td--error:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../img/index-icons/bio-info.svg);
  background-size: contain;
  left: 10px;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table .td--warning:hover .home-tooltip, #site-main-content .index-page-content .esf-counter-block .esf-counter-table .td--error:hover .home-tooltip {
  visibility: visible;
  opacity: 1;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-table .td--error:before {
  background-image: url(../img/index-icons/bio-error.svg);
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-date {
  font-size: 14px;
  margin: 4px 0 0;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-date span {
  color: #888888;
}
#site-main-content .index-page-content .esf-counter-block .esf-counter-date strong {
  font-weight: 700;
}
#site-main-content .index-page-content .home-tooltip {
  position: absolute;
  width: 320px;
  padding: 12px;
  background-color: #1A223B;
  color: #fff;
  font-size: 13px;
  white-space: normal;
  z-index: 10;
  text-align: left;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  left: 8px;
  top: 36px;
  border-radius: 4px;
}
#site-main-content .index-page-content .home-tooltip:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-bottom: 6px solid #1A223B;
  background-color: transparent;
  position: absolute;
  z-index: 20;
  box-sizing: border-box;
  top: -11px;
  left: 7px;
}
#site-main-content .index-page-content .notify-block {
  height: 154px;
  margin-bottom: 32px;
}
#site-main-content .index-page-content .notify-block .notification {
  position: relative;
  display: block;
  text-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  text-align: left;
  padding: 16px 16px 16px 48px;
  color: #1a223b;
  font-size: 14px;
  line-height: 16px;
  width: 50%;
}
#site-main-content .index-page-content .notify-block .notification h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}
#site-main-content .index-page-content .notify-block .notification h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 20px 0 0;
}
#site-main-content .index-page-content .notify-block .notification .icon {
  top: 16px;
  left: 16px;
}
#site-main-content .index-page-content .notify-block .notification a {
  margin: 0;
  text-decoration: underline;
  border: none;
}
#site-main-content .index-page-content .notify-block .notification.notification-warning {
  background-color: #fff8e5;
  border-color: #fff8e5;
}
#site-main-content .index-page-content .notify-block .notification.notification-warning::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background-image: url(../img/index-icons/bio-info.svg);
  background-size: contain;
  left: 16px;
  top: 16px;
}

.third_level-journal-content {
  margin: 0 20px 0 40px;
}
.third_level-journal-content .grid-table {
  width: 100%;
}
.third_level-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.third_level-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.third_level-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.third_level-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.snt-journal-content {
  margin: 0 20px 0 40px;
}
.snt-journal-content .grid-table {
  width: 100%;
}
.snt-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.snt-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.snt-journal-content .date-filter-tooltip .aa {
  padding: 2px;
}
.snt-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.snt-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.mpt-journal-content {
  margin: 0 20px 0 40px;
}
.mpt-journal-content .grid-table {
  width: 100%;
}
.mpt-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.mpt-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.mpt-journal-content .date-filter-tooltip .aa {
  padding: 2px;
}
.mpt-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.mpt-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

#mptForm {
  padding-top: 8px;
}
#mptForm .section-label {
  margin: 8px 0 16px;
  display: block;
  font-size: 18px;
}
#mptForm .row {
  display: flex;
}
#mptForm .section:not(:first-child) {
  border-top: 2px solid black;
}
#mptForm .col {
  width: 50%;
}
#mptForm .field {
  margin-bottom: 16px;
}

.permissiveDocuments-journal-content {
  margin: 0 20px 0 40px;
}
.permissiveDocuments-journal-content .grid-table {
  width: 100%;
}
.permissiveDocuments-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.permissiveDocuments-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.permissiveDocuments-journal-content .date-filter-tooltip .aa {
  padding: 2px;
}
.permissiveDocuments-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.permissiveDocuments-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.sntFnoMatching-journal-content {
  margin: 0 20px 0 40px;
}
.sntFnoMatching-journal-content .grid-table {
  width: 100%;
}
.sntFnoMatching-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.sntFnoMatching-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.sntFnoMatching-journal-content .date-filter-tooltip .aa {
  padding: 2px;
}
.sntFnoMatching-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.sntFnoMatching-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.expiredNotification_search_filters .filter_periods {
  margin-left: -15px;
}
.expiredNotification_search_filters .filter_periods .btn, .expiredNotification_search_filters .filter_periods .btn-blue, .expiredNotification_search_filters .filter_periods .btn-orange, .expiredNotification_search_filters .filter_periods .btn-red, .expiredNotification_search_filters .filter_periods .btn-green, .expiredNotification_search_filters .filter_periods .esf-body .ui-dialog .ui-dialog-buttonpane button, .esf-body .ui-dialog .ui-dialog-buttonpane .expiredNotification_search_filters .filter_periods button {
  background-color: #d1d1d1;
}
.expiredNotification_search_filters .filter_periods .btn.active, .expiredNotification_search_filters .filter_periods .active.btn-blue, .expiredNotification_search_filters .filter_periods .active.btn-orange, .expiredNotification_search_filters .filter_periods .active.btn-red, .expiredNotification_search_filters .filter_periods .active.btn-green, .expiredNotification_search_filters .filter_periods .esf-body .ui-dialog .ui-dialog-buttonpane button.active, .esf-body .ui-dialog .ui-dialog-buttonpane .expiredNotification_search_filters .filter_periods button.active {
  background-color: #feb92d;
}

.expiredNotification-journal-content {
  margin: 0 20px 0 40px;
}
.expiredNotification-journal-content .grid-table {
  width: 100%;
}
.expiredNotification-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.expiredNotification-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.expiredNotification-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.expiredNotification-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.ess-certificates-journal-content {
  margin: 0 20px 0 40px;
}
.ess-certificates-journal-content .grid-table {
  width: 100%;
}
.ess-certificates-journal-content .date-filter-tooltip {
  padding: 10px 0 5px;
  color: #003366;
  text-align: right;
}
.ess-certificates-journal-content .date-filter-tooltip i {
  margin-left: 5px;
}
.ess-certificates-journal-content .date-filter-tooltip .aa {
  padding: 2px;
}
.ess-certificates-journal-content .buttonsContainerBottom {
  padding-bottom: 15px;
}
.ess-certificates-journal-content .ui-jqgrid .ui-jqgrid-bdiv {
  max-height: 300px;
}

.form-with-tabs {
  display: flex;
  flex-direction: row;
  padding-bottom: 15px;
}
.form-with-tabs > .tabs {
  width: 380px;
  padding-right: 30px;
  flex-shrink: 0;
}
.form-with-tabs > .tabs > h3 {
  min-height: 44px;
  display: flex;
  font-size: 15px !important;
  align-items: center;
  line-height: 16px;
  background: #FEFEFE;
  border: none;
  color: #000 !important;
  padding: 5px 15px 5px 20px;
  box-sizing: border-box;
  margin-bottom: 1px;
  font-weight: normal;
  cursor: pointer;
  transition: all 300ms ease;
  position: relative;
}
.form-with-tabs > .tabs > h3::after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  border-left: 10px solid transparent;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  position: absolute;
  right: -10px;
  top: 1px;
  transition: all 300ms ease;
}
.form-with-tabs > .tabs > h3:hover {
  background: #F5F5F5;
}
.form-with-tabs > .tabs > h3.active {
  background: #ffba00;
}
.form-with-tabs > .tabs > h3 .errors-counter {
  display: inline-block;
  padding: 1px;
  min-width: 25px;
  text-align: center;
  border-radius: 8px;
  background: #DC0000;
  color: #FFF;
  font-style: normal;
  margin-left: auto;
  visibility: hidden;
}
.form-with-tabs > .tabs > h3.with-errors .errors-counter {
  visibility: visible;
}
.form-with-tabs > .tab-contents {
  flex-grow: 1;
}
.form-with-tabs > .tab-contents .sectionContainer {
  display: none;
  min-height: 100%;
}
.form-with-tabs > .tab-contents .sectionContainer.active {
  display: block;
}
.form-with-tabs .sectionContainer {
  border: none;
  border-radius: 0;
  padding: 10px 30px 20px;
  box-sizing: border-box;
  width: 100%;
}
.form-with-tabs .sectionContainer h3 {
  font-size: 30px;
  padding: 0 0 10px 0;
  color: #003366;
  font-weight: normal;
  border: none !important;
}
.form-with-tabs .sectionContainer.collapsable h3 {
  cursor: pointer;
  transition: color 300ms ease;
}
.form-with-tabs .sectionContainer.collapsable h3::before {
  content: ".";
  font-size: 0;
  color: transparent;
  margin-right: 5px;
  line-height: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-top: 7px solid #333;
  border-left: 7px solid transparent;
  transition: border 300ms ease;
}
.form-with-tabs .sectionContainer.collapsable h3 :hover {
  color: #0662a3;
}
.form-with-tabs .sectionContainer.collapsable.collapsed h3::before {
  content: ".";
  font-size: 0;
  color: transparent;
  margin-right: 5px;
  line-height: 18px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transition: border 300ms ease;
}
.form-with-tabs .sectionContainer.collapsable.collapsed .sectionContainer-content {
  display: none;
}
.form-with-tabs .sectionContainer .form-table td, .form-with-tabs .sectionContainer .short-prod-table td {
  padding: 5px 0;
}
.form-with-tabs .sectionContainer .form-table label, .form-with-tabs .sectionContainer .short-prod-table label {
  display: inline-block;
  width: 300px;
  font-size: 13px;
}
.form-with-tabs .sectionContainer .form-table input[type=checkbox] + label, .form-with-tabs .sectionContainer .short-prod-table input[type=checkbox] + label {
  width: auto;
}
.form-with-tabs .sectionContainer .form-table .ui-state-highlight, .form-with-tabs .sectionContainer .short-prod-table .ui-state-highlight {
  display: flex;
  padding: 5px;
  font-size: 13px;
}
.form-with-tabs .form-item-label {
  margin-bottom: 5px !important;
  margin-top: 15px !important;
}
.form-with-tabs .form-item-label label {
  font-size: 18px !important;
  color: #0662a3;
  font-weight: normal;
}
.form-with-tabs input[type=radio] {
  width: 13px;
  height: 29px;
  box-shadow: none !important;
}
.form-with-tabs input[type=text],
.form-with-tabs input[type=password],
.form-with-tabs input[type=number],
.form-with-tabs input[type=email],
.form-with-tabs textarea,
.form-with-tabs .jq-selectbox__select,
.form-with-tabs .jq-select-multiple,
.form-with-tabs .statuses-block {
  border-radius: 1px;
  border: none;
  padding: 12px 8px;
  background: #F1F1F1;
  font-size: 16px !important;
  font-family: Roboto, Tahoma, Arial, sans-serif, monospace;
  color: #000;
  min-width: 500px;
  min-height: 45px;
}
.form-with-tabs input[type=text]::placeholder,
.form-with-tabs input[type=password]::placeholder,
.form-with-tabs input[type=number]::placeholder,
.form-with-tabs input[type=email]::placeholder,
.form-with-tabs textarea::placeholder,
.form-with-tabs .jq-selectbox__select::placeholder,
.form-with-tabs .jq-select-multiple::placeholder,
.form-with-tabs .statuses-block::placeholder {
  color: #999;
}
.form-with-tabs input[type=text],
.form-with-tabs input[type=password],
.form-with-tabs input[type=number],
.form-with-tabs input[type=email],
.form-with-tabs textarea {
  padding-bottom: 13px;
}
.form-with-tabs input[type=text].unreliable {
  background-color: #ffd1d1;
}
.form-with-tabs .jq-selectbox__select,
.form-with-tabs .jq-select-multiple {
  padding: 12px 8px;
}
.form-with-tabs input[readonly],
.form-with-tabs textarea[readonly] {
  background-color: #E6E6E6 !important;
  border-color: #CCCCCC !important;
  color: #999 !important;
}
.form-with-tabs textarea.errorDescription {
  color: #D00000 !important;
  border-color: #700000 !important;
  box-shadow: 0 0 3px #D00000;
}
.form-with-tabs .jq-selectbox__select-text {
  padding: 0 !important;
}
.form-with-tabs .jq-selectbox__trigger-arrow {
  top: 20px;
}
.form-with-tabs table.ServiceTable input[type=text],
.form-with-tabs table.ServiceTable input[type=password],
.form-with-tabs table.ServiceTable input[type=number],
.form-with-tabs table.ServiceTable input[type=email],
.form-with-tabs table.ServiceTable textarea,
.form-with-tabs table.ServiceTable .jq-selectbox__select,
.form-with-tabs table.ServiceTable .jq-select-multiple,
.form-with-tabs table.ServiceTable .statuses-block {
  font-size: 12px !important;
  padding: 8px 2px;
}
.form-with-tabs table.ServiceTable input[type=text],
.form-with-tabs table.ServiceTable input[type=password],
.form-with-tabs table.ServiceTable input[type=number],
.form-with-tabs table.ServiceTable input[type=email],
.form-with-tabs table.ServiceTable textarea {
  padding-bottom: 9px;
}
.form-with-tabs table.ServiceTable .jq-selectbox__trigger-arrow {
  top: 12px;
}
.form-with-tabs .table-scroll {
  overflow-y: visible;
  overflow-x: auto;
}

.ui-jqgrid .loading {
  top: 30% !important;
}

.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
  border: 1px solid #eee;
  border-top: none;
  padding: 0;
  background: #fff;
  border-radius: 4px 4px 0 0;
  z-index: 1;
  min-width: 100%;
  box-sizing: border-box;
}

.ui-jqgrid-htable,
.ui-jqgrid-btable,
.ui-jqgrid-pager,
.ui-jqgrid-view,
.ui-jqgrid-bdiv,
.ui-jqgrid-hdiv,
.ui-jqgrid-hbox,
.ui-jqgrid {
  max-width: 100% !important;
}

.ui-jqgrid-htable {
  padding-right: 0;
}

.ui-jqgrid-hbox {
  padding-right: 18px !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: visible !important;
  overflow-y: scroll;
}

.ui-jqgrid tr.jqgrow {
  border: none;
  height: 40px;
  vertical-align: middle;
}

.ui-jqgrid tr.jqgrow td,
.ui-jqgrid tr.footrow td {
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.ui-jqgrid tr.jqgrow td:last-child,
.ui-jqgrid tr.footrow td:last-child {
  border-right: none !important;
}

.ui-jqgrid tr.jqgrow td[aria-describedby$=_cb] {
  pointer-events: none;
}
.ui-jqgrid tr.jqgrow td[aria-describedby$=_cb] input {
  pointer-events: auto;
}

#taxpayer_storeGrid .ui-jqgrid tr.jqgrow td:first-child {
  text-align: left;
}

.ui-jqgrid tr.footrow td {
  background: #F5F5F5;
}

.ui-jqgrid tr.jqgfirstrow td {
  box-sizing: border-box;
}
.ui-jqgrid tr.jqgfirstrow td:last-child {
  border-right-width: 0;
}

.ui-jqgrid-htable .ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th {
  background: #dbdbdb;
  border-right: 1px solid #c6c6c6 !important;
  border-left: none !important;
}
.ui-jqgrid-htable .ui-th-column:last-child,
.ui-jqgrid .ui-jqgrid-htable th:last-child {
  border-right: none !important;
}

.ui-jqgrid .ui-jqgrid-htable th {
  padding: 0 5px;
  box-sizing: border-box;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  padding: 10px 0 !important;
  font-size: 12px;
  color: #000;
}

.ui-jqgrid .ui-jqgrid-hdiv {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #dbdbdb;
}

.ui-jqgrid .ui-jqgrid-btable {
  border-left: none;
}

.ui-jqgrid.grid_pager {
  position: relative;
  margin-top: 15px;
  max-width: 1600px;
  overflow: hidden;
  width: 100%;
}

.ui-jqgrid-hbox {
  float: none !important;
}

.grid-popup {
  position: absolute;
  z-index: 2;
  border: #c1dd99 solid 2px;
  border-radius: 4px;
  display: none;
}

.grid-popup-offset {
  /*height: 37px;*/
}

.grid-popup-content {
  font-size: 11px;
  line-height: 20px;
  background-color: #f0f9f8;
}

.ui-jqgrid .ui-jqgrid-hbox {
  box-sizing: border-box;
}

.ui-jqgrid .ui-jqgrid-sdiv,
.ui-jqgrid .ui-jqgrid-btable,
.ui-jqgrid .ui-jqgrid-hbox,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-htable,
.ui-jqgrid .ui-jqgrid-ftable,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-view {
  min-width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  height: auto !important;
  max-height: 300px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
  overflow: visible;
  height: auto;
  padding: 5px;
}

.ui-jqgrid tr.jqgrow td {
  padding: 0 5px;
}

.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  white-space: normal;
  height: 60px;
}

.ui-jqgrid tr.jqgrow {
  transition: background-color 0.5s ease;
}

.ui-jqgrid tr.jqgrow.ui-state-hover {
  background: #ffba00;
}

.ui-jqgrid tr.jqgrow.ui-state-highlight {
  background: #ffe100;
}

.ui-jqgrid tr.jqgrow.disabled-row {
  background: #e4e4e4 !important;
  cursor: not-allowed;
}

.h-form-filters {
  margin: 50px 0 20px;
  background: #F5F5F5;
  border-top: 2px solid #ffba00;
  position: relative;
}
.h-form-filters .filter-buttons-container {
  display: inline-block;
  position: absolute;
  top: -30px;
  height: 30px;
  line-height: 30px;
}
.h-form-filters .filter-button {
  display: inline-block;
  color: #000;
  background: #ffba00;
  padding: 0 20px 0 10px;
  cursor: pointer;
}
.h-form-filters > label {
  display: inline-block;
  position: absolute;
  top: -30px;
  height: 30px;
  left: 0;
  line-height: 30px;
  background: #ffba00;
  color: #000;
  padding: 0 20px 0 10px;
  cursor: pointer;
}
.h-form-filters > label:after {
  content: ".";
  text-indent: -100000px;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid #000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 8px;
  transition: transform 500ms ease;
}
.h-form-filters.filters-opened > label:after {
  transform: rotate(90deg);
}
.h-form-filters .extra-filters,
.h-form-filters .main-filters {
  padding: 10px;
}
.h-form-filters .row {
  display: flex;
}
.h-form-filters .row .col {
  flex: 1;
  flex-shrink: 0;
  padding-right: 20px;
}
.h-form-filters .row .col .group > label,
.h-form-filters .row .col > label {
  display: block;
  padding: 5px 5px 1px;
  border-bottom: 2px solid #333;
}
.h-form-filters .row .col.small {
  flex: 0.6;
}
.h-form-filters .filter-field {
  flex: 1;
  padding: 5px 0 0;
  display: flex;
  align-items: center;
}
.h-form-filters .filter-field > * {
  flex: 1;
}
.h-form-filters .filter-field label {
  flex: 0.6;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.h-form-filters .filter-field label.small {
  flex: 0.3;
}
.h-form-filters .filter-field .jq-selectbox__select {
  width: auto;
}
.h-form-filters .filter-field .jq-selectbox,
.h-form-filters .filter-field .group > input,
.h-form-filters .filter-field .input,
.h-form-filters .filter-field > input {
  flex: 1;
}
.h-form-filters .filter-field .input .jq-selectbox,
.h-form-filters .filter-field .input select,
.h-form-filters .filter-field .input input {
  width: 100%;
}
.h-form-filters .filter-field select {
  border: 2px solid #e1e1e1;
  border-radius: 4px;
  padding: 7px 10px;
  box-sizing: border-box;
}
.h-form-filters .filter-field .jq-selectbox__select-text {
  padding: 7px;
}
.h-form-filters .filter-field.medium {
  flex: 0.75;
}
.h-form-filters .filter-field.small {
  flex: 0.5;
}
.h-form-filters .filter-field.small label {
  flex: 1;
}
.h-form-filters .filter-field.small .jq-selectbox,
.h-form-filters .filter-field.small input {
  width: 120px;
}
.h-form-filters .filter-field.small input[type=checkbox] {
  flex: 0.2;
  margin-bottom: 4px;
}
.h-form-filters .filter-field.small .input .jq-selectbox,
.h-form-filters .filter-field.small .input input {
  width: 100%;
}
.h-form-filters .filter-field.file-filter-field {
  flex-direction: column;
  align-items: flex-end;
}
.h-form-filters .filter-field.file-filter-field label {
  text-align: right;
  padding-right: 0;
}
.h-form-filters .filter-field.file-filter-field .numbersCount {
  margin-top: 2px;
}
.h-form-filters .actions {
  padding: 10px 0 5px;
}
.h-form-filters .filters-content > .actions {
  padding: 10px;
}
.h-form-filters .extra-filters {
  display: none;
}
.h-form-filters .toggle-extra-filters {
  cursor: pointer;
}
.h-form-filters .section {
  padding: 5px 0 0;
}
.h-form-filters .section label {
  display: block;
  text-align: right;
}
.h-form-filters .section + .section {
  margin-top: 10px;
}

.h-form-filters.snt-filters .row .col {
  width: 33.3%;
}
.h-form-filters.snt-filters .filter-field label {
  flex-basis: 45%;
}
.h-form-filters.snt-filters .filter-field .input, .h-form-filters.snt-filters .filter-field > input {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 220px;
}
.h-form-filters.snt-filters .filter-field .input .jqselect, .h-form-filters.snt-filters .filter-field > input .jqselect {
  width: 220px;
}

.h-form-filters.sntEaec-filters .row .col {
  width: 33.3%;
}
.h-form-filters.sntEaec-filters .filter-field label {
  flex-basis: 45%;
}
.h-form-filters.sntEaec-filters .filter-field .input, .h-form-filters.sntEaec-filters .filter-field > input {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 220px;
}
.h-form-filters.sntEaec-filters .filter-field .input .jqselect, .h-form-filters.sntEaec-filters .filter-field > input .jqselect {
  width: 220px;
}

/*# sourceMappingURL=style.css.map */