@import "../common/jquery/plugins/jqgrid/jqgrid-custom.css";
@import "../common/bootstrap/bootstrap.vertical-tabs.css";
/*@import "stylename.css";*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #969696;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #969696;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #969696;
}

html {
  height: 100%;
  margin: 0;
  border: 0;
  overflow: hidden;
  font-size: 10px;
}

html.dark {
  filter: invert(0.865) hue-rotate(180deg);
  /*background: #0f0f0f;*/
}

body {
  height: initial !important;
  width: initial !important;
  /*height: auto !important;*/
  /*min-height: 100%;*/
  /*height: 100%;*/
  /*position: relative;*/
  margin: 0;
  border: 0;
  padding: 0;
  font-family: RobotoRegular, Arial, sans-serif !important;
  font-size: 12px !important;
  color: Black !important;
  overflow: hidden;
  line-height: 1.42857143 !important;
  /*background: #ffffff;*/
}

body a {
  color: #337ab7;
  text-decoration: none;
}

body a:hover, body a:focus{
  color: #23527c;
  text-decoration: underline;
}

/* Firefox old*/
@-moz-keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}
/* IE */
@-ms-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% {opacity:1;} }
/* Opera and prob css3 final iteration */
@keyframes blink { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}

.flash {
  -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
  -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
  -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
  animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

b {
    font-family: RobotoBold, Arial, sans-serif;
    font-weight: normal;
}

.custom-app-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: #fff0f0;
  color: navy;
  z-index: 1000;
  opacity: 0.8;
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bolder;
  line-height: 100%;
}

.event-none {
  opacity: 0.5;
}

.event-notify {
  position: absolute;
  top: 2px;
  left: 7px;
  padding: 3px 3px;
  min-width: 14px;
  background-color: #E64C65;
  box-shadow: 0 0 2px #E64C65;
  /* display: none; */
  font-size: 11px;
  border-radius: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
  white-space: nowrap;
}

.box-shadow {
  box-shadow: 0 3px 3px 0 rgba(161, 161, 161, 0.3)
}

/* вертикальная полоса с иконками-закладками и скрытым скроллбаром */
BODY.has-leftbar > #baseDiv, BODY.has-leftbar > #app-tis .module-body {
  left: 110px !important;
}

.leftbar {
  position: fixed;
  top: 68px;
  bottom: 30px;
  left: 0;
  width: 110px;
  background: var(--fr-color-left-bar-background);  /* цвет такой же, как у панели фильтров справа */
  border-collapse: collapse;
  border-right: 1px solid rgba(228, 228, 228, 1);
  overflow: hidden;
  color: #575757;
  z-index: -1;
}

.leftbar-btn.selected {
  color: var(--fr-color-ok-button);
  font-weight: bold;
}

.leftbar-image {
  background-position: top center;
  background-repeat: no-repeat;
  height: 40px;
}

/** Подобрано преобразование из #9e9e9e в #6d8ca3 */
/** https://stackoverflow.com/questions/7415872/change-color-of-png-image-via-css */
/** https://codepen.io/sosuke/pen/Pjoqqp */
.leftbar-btn.selected > .leftbar-image {
  filter: invert(55%) sepia(12%) saturate(940%) hue-rotate(163deg) brightness(95%) contrast(86%);
}

.leftbar-fa-icon {
  font-size: 32px;
  color: #aaa;
  height: 40px;
}

.leftbar-btn.selected > .leftbar-fa-icon {
  filter: invert(55%) sepia(12%) saturate(940%) hue-rotate(163deg) brightness(95%) contrast(86%);
}

html.dark .leftbar-btn.selected {
  filter: brightness(0.8);
}

.leftbar-inner {
  position: absolute;
  top: 0;
  bottom: 16px;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.leftbar-inner::-webkit-scrollbar {
  display: none;
  /*http://blogs.msdn.com/b/kurlak/archive/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari.aspx*/
}

.leftbar-btn {
  width: 96px;
  clear: both;
  text-align: center;
  /*background-position: top center;*/
  /*background-repeat: no-repeat;*/
  /*padding-top: 40px;*/
  cursor: pointer;
  margin: 20px 7px;
  display: none;
  font-size: 1.2rem;
}

/* кнопки прокрутки бара вверх-вниз (появляются при наведении мыши на бар, призваны показать возможность прокрутки) */
.leftbar .leftbar-scrollbtn {
  display: none;
  position: absolute;
  left: 0;
  width: 110px;
  height: 20px;
  text-align: center;
  z-index: 2;
  background: var(--fr-color-left-bar-background);
  cursor: pointer;
}

.leftbar-scrollbtn.scroll-up {
  top: 0;
}
.leftbar-scrollbtn.scroll-down {
  bottom: 0;
}

.leftbar:hover .leftbar-scrollbtn {
  display: block;
}

.leftbar-scrollbtn:active I {
  position: relative;
  top: 1px;
  left: 1px;
}

html.dark .leftbar-btn {
  filter: brightness(0);
}

.pagetitle {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  height: 36px;
  background: white;
  border-bottom: 1px #CCCCCC solid;
  border-collapse: collapse;
  /*z-index: 100;*/
}

.pagetitle .pt-text {
  color: #777777;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  font-size: 1.3em;
  white-space: nowrap;
}

.pagetitle .pt-img {
  float: left;
  width: 24px;
  height: 24px;
  margin: 6px 10px 6px 10px;
}

#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  padding: 4px 10px;
  background: white;
  border-collapse: collapse;
  z-index: 99;
  color: #6d8ca3;
  box-shadow: 0 -3px 3px rgba(170, 170, 170, 0.35);
}

html.dark #footer {
  box-shadow: 0 1px 10px rgb(0 0 0 / 11%);
}

#footer DIV.footer-text {
  padding: 2px;
}

#baseDiv {
  position: absolute;
  top: 77px;
  left: 0;
  bottom: 29px;
  right: 0;
  padding: 10px;
  overflow: auto;
  background-color: white;
}

@media only screen and (max-width: 1300px) {
  #baseDiv {
    left: 0;
    right: 0;
    padding: 3px;
  }
}

.main-panel-ah {
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 10px;
}

.table-btn-ah {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 35px;
  right: 0;
  bottom: 0;
}

.tab-table-btn-ah {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 62px;
  right: 0;
  bottom: 0;
}

.tab-table-ah {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 42px;
  right: 0;
  bottom: 0;
}

.btn-panel {
  padding-bottom: 10px;
  padding-left: 2px;
  font-size: 1.16rem;
}

.btn-panel span:not(.ui-button-text):not(.input-group-addon), .btn-panel a, .btn-panel a:visited, .text-btn {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  margin-right: 20px;
}

.btn-panel span:hover:not(.ui-button-text), .btn-panel a:hover, .text-btn:hover {
  color: coral;
}

/*одиночная кнопка-линк*/
.link-btn {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.img-btn {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 1px;
}

.link-btn:hover {
  color: coral;
}

.link {
  text-decoration: underline;
  color: #6D8CA3;
  cursor: pointer;
}

.link:hover {
  color: blue;
}

.wait-indicator {
  width: 72px !important;
  height: 62px !important;
  margin: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 100000;
}

.wait-indicator i {
  color: #98C65A;
  font-size: 60px;
}

.img-load {
  background: transparent url('img/ajax-loader16.gif') no-repeat center;
  width: 0;
  height: 0;
  padding: 8px 8px 8px 8px; /* removing chrome img border */
}

.ctx-title{
  cursor: help;
  border-bottom: 1px dashed
}

.ctxhelp {
  font-size: 18px;
  cursor: pointer;
  color: #6d8ca3;
  background: transparent;
  border: none;
}

.ctxhelp:hover {
  color: #90b9d3;
}

.warn-cell{
  background-color: #ff8888!important;
}

.add {
  background: url('img/flaticons/freepik/general-ui/16x16/add13.png') no-repeat;
}

.del {
  background: url('img/flaticons/freepik/general-ui/16x16/button14.png') no-repeat;
}

.edit {
  background: url('img/flaticons/freepik/general-ui/16x16/sheet3.png') no-repeat;
}

.refresh {
  background: url('img/flaticons/freepik/general-ui/16x16/refresh57.png') no-repeat;
}

.trash {
  background: url('img/flaticons/freepik/general-ui/16x16/bin9.png') no-repeat;
}

.play {
  background: url('img/flaticons/freepik/general-ui/16x16/play120.png') no-repeat;
}

.xls16 {
  background: url('img/flaticons/freepik/apps/16x16/xls2.png') no-repeat;
}

.img-up2 {
  /*background: url('img/temp/up2.png') no-repeat;*/
  background: url('img/flaticons/freepik/arrows/triangle13.png') no-repeat;
}

.img-down2 {
  /* background: url('img/temp/down2.png') no-repeat; */
  background: url('img/flaticons/freepik/arrows/down.png') no-repeat;
}

.img-bullet {
  /* background: url('img/temp/bullet_green.png') no-repeat center; */
  background: url('img/flaticons/freepik/calendar/16x16/calendar85.png') no-repeat;
}

.img-left {
  /* background: url('img/temp/left1.png') no-repeat; */
  background: url('img/flaticons/freepik/controls/previous16.png') no-repeat;
}

.img-right {
  /* background: url('img/temp/right1.png') no-repeat; */
  background: url('img/flaticons/freepik/controls/next25.png') no-repeat;
}

.fbtn.ui-button {
  margin-right: 5px;
}

.fbtn-no-icon.ui-button {
  margin-right: 5px;
  height: 24px;
}

.fbtn.ui-button-icon-only {
  height: 24px;
  width: 24px;
}

.fbtn.ui-button-text-icon-primary SPAN.ui-button-text {
  margin-left: 2px;
}

.fbtn .img-view-btn {
  background-image: url('img/flaticons/freepik/view28.png');
}

.fbtn .img-add-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/add13.png');
}

.fbtn .img-del-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/button14.png');
}

.fbtn .img-edit-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/sheet3.png');
}

/*.fbtn .img-delete-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/bin9.png');
}*/

.fbtn .img-save-btn {
  background-image: url('img/temp/save.png');
}

/*.fbtn .img-add-list-btn {
  background-image: url('img/temp/list2-add.png');
}*/

/*.fbtn .img-left-btn {
  background-image: url('img/flaticons/freepik/controls/previous16.png');
}*/

/*.fbtn .img-right-btn {
  background-image: url('img/flaticons/freepik/controls/next25.png');
}*/

/*.fbtn .img-date-prev {
  background-image: url('img/flaticons/freepik/calendar/16x16/calendar127.png');
}*/

/*.fbtn .img-date-next {
  background-image: url('img/flaticons/freepik/calendar/16x16/advance4.png');
}*/

/*.fbtn .img-search-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/magnifier52.png');
}*/

/*.fbtn .img-now-btn {
  background-image: url('img/flaticons/freepik/calendar/16x16/calendar85.png');
}*/

/*.fbtn .img-refresh-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/refresh57.png');
}*/

/*.fbtn .img-accept-btn {
  background-image: url('img/flaticons/freepik/checked21.png');
}*/

/*.fbtn .img-setting-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/setting5.png');
}*/

/*.fbtn .img-printer-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/printer70.png');
}

.fbtn .img-printer-btn {
  background-image: url('img/flaticons/freepik/general-ui/16x16/printer70.png');
}*/

/*.fbtn .img-help-btn {
  background-image: url('img/flaticons/freepik/maps_flags/16x16/help28.png');
}*/

.fbtn .img-hist-btn {
  background-image: url('img/flaticons/freepik/clock125.png');
}

/*.fbtn .img-xls-btn {
  background-image: url('img/flaticons/freepik/apps/16x16/xls2.png');
}*/

/* кнопка 32х32 с подписью внизу */
.btn32 {
  background: no-repeat top;
  height: 20px;
  padding-top: 32px;
  text-align: center;
  cursor: pointer;
}

.pdf32 {
  background-image: url('img/flaticons/freepik/apps/32x32/pdf17.png');
}

.xls32 {
  background-image: url('img/flaticons/freepik/apps/32x32/xls2.png');
}

.doc32 {
  background-image: url('img/flaticons/freepik/apps/32x32/docx1.png');
}

.zip32 {
  background-image: url('img/flaticons/freepik/apps/32x32/zip5.png');
}

.print32 {
  background-image: url('img/flaticons/freepik/general-ui/32x32/print96.png');
}

.list-go32 {
  background-image: url('img/flaticons/freepik/general-ui/32x32/next11.png');
}

.list-accept32 {
  background-image: url('img/flaticons/freepik/general-ui/32x32/accept6.png');
}

.list-edit32 {
  background-image: url('img/flaticons/freepik/general-ui/32x32/sheet3.png');
}

.list2-del32 {
  background-image: url('img/flaticons/freepik/general-ui/32x32/bin9.png');
}

.play32 {
  background-image: url('img/flaticons/freepik/controls/32x32/triangular52.png');
}

.pause32 {
  background-image: url('img/flaticons/freepik/controls/32x32/pause41.png');
}

.speaker {
  background-image: url('img/speaker.png');
  height: 19px;
  width: 19px;
  display: block;
}

/* кнопки в мониторинге ТИС */

.img-single {
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px
}

/*
* jQuery UI overrides and fixes for custom design
*/

/*.ui-icon-closethick {
  margin-top: -8px!important;
  margin-left: -8px!important;
} */

.ui-state-highlight, .form-control.ui-state-highlight, .ui-state-highlight[readonly], .ui-state-highlight[disabled] {
  /*padding: 2px 1px;*/
  background-color: #fffad1;
}

.ui-state-error, .ui-state-error[readonly], .ui-state-error[disabled] {
  /*padding: 2px 1px;*/
  background-color: #fffad1;
  color: #cd5c0a !important;
}

/* убираем рамку и фон у табов, делаем light-версию */
.ui-tabs {
  font-size: 12px;
  border: none;
  background: none;
}

/* уменьшаем высоту табов и заодно избавляемся от глюка с размерами при переключении */
.ui-tabs .ui-tabs-nav {
  height: 22px;
  border: none;
  border-bottom: 1px solid #d4ccb0;
  background: none;
}

/* активный таб приподнимаем на 1px*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 0;
}

.ui-tabs .ui-tabs-nav LI[aria-selected="false"] {
  height: 20px;
  line-height: 0.5;
  top: -1px;
}

.ui-tabs .ui-tabs-nav LI[aria-selected="true"] {
  height: 20px;
  line-height: 0.5;
  top: -1px;
}

.ui-tabs DIV.ui-tabs-panel {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
}

/* класс для таба, прижатого вправо */
.ui-tabs LI.right {
  float: right;
}

/*
* BEGIN jqGrid ---------------------------------------------------------------
*/
/* Настраиваем размер шрифта */
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .loading, .ui-jqdialog {
  font-size: 1.2rem;
  font-family: RobotoRegular, Arial, sans-serif;
}

/* перенос заголовков jqGrid */
th.ui-th-column div {
  white-space: normal !important;
  height: auto !important;
  padding: 2px;
}

/* перенос в данных jqGrid */
td[role="gridcell"] {
  white-space: normal !important;
  cursor: pointer;
}

.ui-jqgrid tr.jqgrow:not(.selected-row) {
  background: #ffffff none;
  border-color: #d3d3d3;
  border-left-width: 0;
}

/* группирующая ячейка jqGrid */
.ui-jqgrid tr.jqgroup td {
  background-color: whitesmoke;
  font-weight: bolder;
}

.ui-jqgrid td.jqgrid-rownum {
  padding: 0 2px 0 2px;
  margin: 0;
  border: 0 none;
  background: #fafaf4;
  color: black;
}

.s-ico {
  width: 8px;
  height: 11px;
  display: inline-block;
  overflow: hidden;
}

.ui-jqgrid .ui-grid-ico-sort {
  margin-left: -5px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-jqgrid .ui-icon-refresh {
  background-position: -96px -128px;
}

.ui-jqgrid .selected-row td {
  border-top: 0 none; /* чтобы текст в ячейке при ее выделении не смещался на 1px вниз */
}

.ui-jqgrid .ui-jqgrid-titlebar {
  padding: .2em .2em .1em .3em;
}

.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: .3em 0 .2em;
}

.ui-jqgrid .ui-jqgrid-htable th {
  height: 22px;
  padding: 0 2px 0 2px;
}

.jqg-search-elem { /* поле быстрого поиска */
  font-weight: normal;
  width: 15em;
  margin: 0 2px 0 0;
}

/* настраиваем стиль выбранной строки таблицы для ТИС */
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {
  border-bottom: 1px solid #D3D3D3;
  background: #F9FBDD;
  color: #555555;
}

.ui-jqgrid .selected-row.ui-state-hover {
  border-right: 1px solid #D3D3D3;
}

div.ui-jqgrid .selected-row td.ui-state-highlight {
  /*background: #fcf0ba;*/
  background-color: #F9FBDD; /*экспериментально*/
  color: #555555;
}

tr.ui-jqgrid-labels.ui-sortable span.ui-jqgrid-resize.ui-jqgrid-resize-ltr {
  width: 6px;
  margin: -2px -4px -2px 0;
}

/*фиксим перенос текста в узлах дерева*/
tr.jqgroup > td > .tree-wrap,
tr.jqgrow > td > .tree-wrap {
  float: left;
  display: table-cell;
}

tr.jqgrow > td > .cell-wrapperleaf,
tr.jqgrow > td > .cell-wrapper,
tr.jqgroup > td > .cell-wrapper{
  display: table-cell;
}

.ui-jqgrid tr.jqgrow > td {
  white-space: normal;
}

.grouping {
  background: url('img/grouping.gif') no-repeat;
}

.right_btn {
  padding-left: 5px;
  float: right;
  cursor: pointer;
}

/*
* END jqGrid -----------------------------------------------------------------
*/

.modal-body.ui-resizable {
  overflow: hidden !important;
}

.date_input, .form-control.date_input {
  width: 7.5em;
}

.year_month_input {
  width: 7.5em;
}

.datetime_input, .form-control.datetime_input {
  width: 10.7em;
}

/* форматирование для строки выбора времени в jquery.ui.datepicker-mod */
.ui-datepicker-timerow {
  width: auto;
  text-align: center;
  font-size: 8pt;
  margin-bottom: 4px;
}

/* иконка календаря справа от поля datepicker */
.ui-datepicker-trigger {
  cursor: pointer;
}

 /* кнопка сейчас */
.ui-datepicker-current {
	opacity: 1 !important;
	font-weight: bold !important;
}

/* селекторы месяца и года (стилизуем под bootstrap form-control input-sm) */
.ui-datepicker-month, .ui-datepicker-year {
  padding: 1px;
  height: 24px;
  line-height: 24px;
  font-weight: normal;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin: 0 1px !important
}

/* кнопки листания месяца */
A.ui-datepicker-prev, A.ui-datepicker-next, A.ui-datepicker-prev-hover, A.ui-datepicker-next-hover {
  margin-top: 1px;
  top: 2px !important;
}

/* контейнер диалогового окна ($.dialog) */
.ui-dialog-container {
  display: none;
  font-size: 1.2rem;
  overflow: hidden;
}

.ui-dialog-title {
  font-size: 1em;
}

.ui-dialog-buttonset BUTTON.left {
  position: absolute;
  left: 16px;
}

/* диалог ошибки */
DIV.errmsg-wrapper {
  margin: 5px 0;
}

DIV.errmsg-wrapper SPAN.glyphicon {
  float: left;
  margin: 0 7px 0 0;
}

/*убираем косяк с высотой обрамления активной кнопки в заголовке диалога*/
.ui-dialog-titlebar .ui-button-text {
  font-size: 8px;
}

/*--------file-wrapper---------*/
.file-wrapper {
  cursor: pointer;
  white-space: nowrap;
}

.file-wrapper input[type="file"] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper-name {
  /*text-align: right;*/
  /*position: relative;*/
  /*margin-right: 3px;*/
  cursor: pointer;
}

/*--ui-block - типа simplewindow ---
HTML:
 <div class="ui-widget-header ui-corner-all ui-block" style="height: ...; width: ...">
    <div class="ui-widget-header">Заголовок</div>
    <div class="content"> ... </div>
</div>
*/
.ui-block {
  float: left;
  font-weight: normal;
  background: none;
}

.ui-block .ui-widget-header {
  padding: 4px;
  position: relative;
  left: -1px;
  top: -1px;
  margin-right: -2px;
  min-height: 14px;
}

.ui-block .content {
  padding: 8px;
}

.ui-menu {
  white-space: nowrap;
  z-index: 250;
}

.ui-menu-item.ui-state-focus {
  font-weight: normal;
}

.ui-menu-item A {
  text-decoration: none;
}

/*Z-tree-icons*/
.ztree li span.button.ORG_ico_open, .ztree li span.button.ORG_ico_close, .ztree li span.button.ORG_ico_docu, .ztree-footer span.ORG_ico {
  margin-right: 2px;
  background: url(img/ORG.svg) no-repeat scroll 0 0 transparent;
  vertical-align: top;
}

.ztree li span.button.EXT_ico_open, .ztree li span.button.EXT_ico_close, .ztree li span.button.EXT_ico_docu, .ztree-footer span.EXT_ico_ico {
  margin-right: 2px;
  vertical-align: top;
  display: none;
}

.ztree li span.button.FIL_ico_open, .ztree li span.button.FIL_ico_close, .ztree li span.button.FIL_ico_docu, .ztree-footer span.FIL_ico {
  margin-right: 2px;
  background: url(img/FIL.svg) no-repeat scroll 0 0 transparent;
  vertical-align: top;
}

.ztree li span.button.SUB_ico_open, .ztree li span.button.SUB_ico_close, .ztree li span.button.SUB_ico_docu, .ztree-footer span.SUB_ico {
  margin-right: 2px;
  background: url(img/SUB.svg) no-repeat scroll 0 0 transparent;
  vertical-align: top;
}

.ztree li span.button.HEAD_ico_open, .ztree li span.button.HEAD_ico_close, .ztree li span.button.HEAD_ico_docu, .ztree-footer span.HEAD_ico {
  margin-right: 2px;
  background: url(img/HEAD.svg) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  opacity: 0.8;
}

BUTTON, .ui-button, BUTTON.ui-widget {
  font-size: 0.95em;
}

.ui-button-text-only .ui-button-text {
  padding: 0.2em 1em;
}

INPUT[type=radio] {
  cursor: pointer;
}

.placeholder {
  color: gray;
}

input[type='checkbox'] {
  border: none;
  padding: 0;
}

SELECT, SELECT.ui-state-highlight {
  padding: 1px 1px;
}

select:invalid {
  padding: 1px 1px; /* не объединять с предыдущим правилом, т.к. IE проигнорирует оба */
}

BUTTON.reference {
  width: 2em;
  margin-left: 2px;
  padding: 1px 4px;
  line-height: 1.2em;
}

/* remove FF extra button padding */
button::-moz-focus-inner {
  padding: 0;
  border: 0
}

/* remove FF red border for elements that fail to validate
INPUT:invalid, SELECT:invalid, TEXTAREA:invalid {
  box-shadow: none;
}*/
/* remove Chrome yellow background for autocompleted inputs */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

input.ui-autocomplete-input {
  /*background-image: url('img/ui-search.png');*/
  /*background-position: right;*/
  /*background-repeat: no-repeat;*/
}

input.ui-autocomplete-loading {
  /*background-image: url('img/ajax-loader16.gif') !important;*/
}

input.ui-autocomplete-input.ui-state-highlight {
  /*background-image: url('../css/img/ui-search.png');*/
}

/* элементы автокомплита */
.autoComplete {
  background-position: left center;
  background-repeat: no-repeat;
}

.car-icon.ts-custom {
  font-size: 14px;
  color: gray;
  margin-right: 5px;
}

.car-icon.ts-custom.contractor {
  color: #096dd9;
}

.autoComplete.CAR {
  padding-left: 20px;
  background-image: url('img/flaticons/freepik/transport/16x16/car189.png');
}

.autoComplete.SHIP {
  padding-left: 20px;
  background-image: url('img/flaticons/freepik/transport/16x16/sea9.png');
}

DIV.autoComplete SMALL {
  font-size: 80%;
}

.invalid-ref option {
  color: black;
}

.invalid-ref, option.invalid-ref {
  color: red!important;
}

.text_warn {
  color: #FF9900;
  font-weight: bolder !important;
}

.hist-anchor {
  width: 8px;
  font-weight: bolder;
  color: blue;
  cursor: help;
  display: inline-block;
  margin-left: 3px;
  margin-right: 2px;
}

.form-control.fld-with-hist {
  width: calc(100% - 16px);
}

.smaller {
  font-size: 1rem;
}

input, select, textarea {
  padding: 4px 3px;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  color: #222;
}

.form-control {
  color: #222;
}

textarea {
  resize: none;
}

small {
  font-family: RobotoLight, Verdana, sans-serif;
}

td, th {
  padding: 3px;
}

.user-options {
  background-image: url('img/flaticons/menu/user.png');
  height: 24px;
  width: 24px;
  display: block;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modeless:before {
  display: none;
  content: none;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-dialog .modal-header {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.compact-form .modal-body{
  padding: 2px!important;
}

.res{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* стили для Bootstrap */
.modal {
  display: none;
  text-align: center;
}

.modal LABEL {
  font-weight: inherit;
}

.header-sm, .modal-dialog.small-header .modal-header { /* не схлопывать паддинги! */
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 8px;
  font-size: 13px;
}

.header-sm H4, .modal-dialog.small-header .modal-header H4 {
  font-size: 13px;
}

.nav-tabs > LI.tab-sm > A {
  padding: 5px 15px;
}

.label-as-badge {
  border-radius: 1em;
}

.modeless { /* немодальный диалог */
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                         not supported by any browser */
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
  margin: 0;
}

/*фикс выхода высоты кнопок за границы группы*/
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  line-height: normal!important;
}

/* использование шрифтов Roboto*/

/*label {*/
/*  font-family: RobotoRegular, Verdana, sans-serif;*/
/*}*/

label[class*="ant-"] {
  font-weight: normal;
}

h4 {
  font-family: RobotoRegular, Verdana, sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: RobotoRegular, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget {
  font-family: RobotoRegular, Arial, sans-serif;
}

ul.ui-menu.ui-widget-content {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);;
}

html.dark ul.ui-menu.ui-widget-content{
  -webkit-box-shadow: 0 5px 10px rgb(135 135 135 / 14%);
  box-shadow: 0 5px 10px rgb(135 135 135 / 14%);
}

ul.ui-menu li.ui-menu-item /*, li.ui-menu-item.ui-state-focus*/
{
  padding: 0.32em 1em 0.32em 2em;
}

ul.ui-menu {
  padding: 5px 1px 5px 1px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
}

ul.ui-menu li.ui-menu-item.ui-state-focus {
  color: #262626;
  text-decoration: none;
  background: #f5f5f5;
  border-color: #f5f5f5
}

ul.ui-menu li.ui-menu-item.ui-state-focus a {
  color: #262626;
}

select.ui-pg-selbox {
  font-size: 11px;
}

.ui-state-default.ui-jqgrid-pager.ui-corner-bottom {
  background: #f7f7f7;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #eee;
}

.white-circle {
  width: 86px;
  height: 80px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.white-circle i {
  color: #98C65A;
  font-size: 60px;
}

/*Это костыль*/
label[type="button"] > div.checkbox {
  display: none;
}

/* постройка интерфейса по-новому 2*/

#app-tis {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 33px;
}

.module-body {
  position: absolute;
  top: 68px;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  overflow: auto;
  background-color: white;
  z-index: 1;
}

/* для встроенной HTML5 проверки форм */
input:invalid:not([type=checkbox]), input:invalid:-webkit-autofill:not([type=checkbox]),
textarea:invalid {
  background-color: #fffad1 !important;
  -webkit-box-shadow: 0 0 0 1000px #fffad1 inset;
}

.popover {
  font-family: RobotoRegular, Verdana, sans-serif;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

html.dark .form-control {
  color: #0f0f0f;
}

html.dark .modal-backdrop.in {
  opacity: 0.2;
}

html.dark img[src*="blob"],
html.dark .fullscreen_bg {
  filter: invert(1) hue-rotate(180deg);
}

html.dark .login_form{
  filter: invert(0.865) hue-rotate(180deg);
}

@media (min-width: 768px) {
  html.dark .modal-content {
    -webkit-box-shadow: 0 5px 20px rgb(255 255 255);
    box-shadow: 0 5px 20px rgb(255 255 255);
  }
}

html.dark .modal-content {
  -webkit-box-shadow: 0 5px 20px rgb(255 255 255);
  box-shadow: 0 5px 20px rgb(255 255 255);
}

html.dark .popover,
html.dark .dtp-popover,
html.dark .menuContent{
  -webkit-box-shadow: 0 5px 10px rgb(135 135 135 / 14%);
  box-shadow: 0 5px 10px rgb(135 135 135 / 14%);
}

html.dark .btn-success,
html.dark .btn-warning{
  color: #000;
}

/* Не перекрывать футер при затенении интерфейса с модальным окном */
.modal:not(.modeless), .modal-backdrop {
  bottom: 30px;
}