/*============= шрифты ==============*/

.scl-control .scl-controlbody,
.scl-control .scl-controlbody input,
.scl-control .scl-controlbody select,
.scl-control .scl-controlbody span,
.scl-control .scl-controlbody a,
.scl-control .scl-controlbody .scl-tablesimplecontainer td
{
  font-size: 15px;
}
.scl-control .scl-controlbody,
.scl-control .scl-controlbody input,
.scl-control .scl-controlbody select,
.scl-control .scl-controlbody span,
.scl-control .scl-controlbody a
{
  font-weight: bold;
}
  .scl-control.scl-buttonlite .ui-button-text {
    font-size: 12px;
    font-weight: normal;
  }

/* =============== контейнер контрола =============== */

.scl-control {
  display: inline-block;
  margin-bottom: 6px;
  opacity: 1;
  vertical-align: top;
}
  .scl-control .scl-controltable {
    width: 100%;
    height: 100%;
  }
  .scl-control.scl-sw > .scl-controltable {
    table-layout: fixed;
  }
  .scl-control .scl-tdbody {
    height: 100%;
  }

.scl-controllabel {
  text-align: left;
  width: 100%;
}
.scl-labelonleft .scl-tdlabel {
  padding-right: 4px;
}
.scl-labelonright .scl-tdlabel {
  padding-left: 4px;
}
.scl-labelontop .scl-tdlabel {
  padding-bottom: 4px;
}
.scl-labelonbottom .scl-tdlabel {
  padding-top: 4px;
}
.scl-popup-container {
  position: relative;
}


/*================ настройки контролов =================*/


.scl-corrtextbox {
  margin-left: 0px;
  margin-right: 6px; /* зависит от input[type=text] padding */
  height: 100%;
}
.scl-control input[type=text], .scl-control input[type=password], .scl-control textarea {
  padding: 2px; /* см. .scl-corrtextbox margin-right, margin-bottom и .scl-multiline */
}
[data-scl-ctltype=TextBoxST].scl-multiline .scl-controlbody {
  padding-bottom: 6px; /* зависит от input[type=text] padding */
}

[data-scl-ctltype=ActionST] span {
  color: #2e6e9e;
  text-decoration: none;
  font-weight: bold;
}
[data-scl-ctltype=ActionST] span:not(.ui-state-disabled) {
  cursor: pointer;
}
  [data-scl-ctltype=ActionST] span:not(.scl-dotted):not(.ui-state-disabled):hover {
    text-decoration: underline;
  }
  [data-scl-ctltype=ActionST] span:active {
    color: #e17009;
  }

[data-scl-ctltype=BoxST] [data-scl-block] {
  width: 100%;
  height: 100%;
}

[data-scl-ctltype=ButtonGroupST] .ui-button {
  margin-left: 0;
  margin-right: 0;
}

[data-scl-ctltype=ButtonST].scl-fw .ui-button {
  width: 100%;
}

[data-scl-ctltype=CheckButtonST].scl-fw .ui-button {
  width: 100%;
}

[data-scl-ctltype=DateBoxST] input {
  text-align: center;
}

[data-scl-ctltype=DDListST] select, [data-scl-ctltype=DDListST] option {
  width: 100%;
}
/* выпадающие менюшки - не показываем первый элемент */
.scl-hidetopitem .ui-menu-item:first-of-type {
  display:none;
}

[data-scl-ctltype=DDListAutoCompleteST] > div {
  width: 100%;
}

.scl-menuside-list div {
  padding: 10px; /*.scl-menuside-list div:hover padding +2px*/
  border: none 2px;
}
.scl-menuside-list div:hover {
  border: solid 2px #bee1fc;
  padding: 8px; /*.scl-menuside-list padding -2px*/
  border-radius: 4px;
}


[data-scl-ctltype=TextBoxST] input {
  width: 100%;
}
[data-scl-ctltype=TextBoxST] textarea {
  width: 100%;
  height: 100%;
}

/*** TableSimple ***/

.scl-control.scl-sw[data-scl-ctltype=TableSimpleST] .scl-controltable {
  table-layout: auto;
}
.scl-tablesimplebody > table {
  width: 100%;
}
.scl-tablesimplecontainer:not(.ui-state-error) {
  border-color: #87c6f6 !important; 
}
.scl-tablesimplecontainer:not(.ui-state-error) td, .scl-tablesimplecontainer:not(.ui-state-error) th {
  border-color: #87c6f6 !important;
}
.scl-tablesimplecontainer.ui-state-error td, .scl-tablesimplecontainer.ui-state-error th {
  border-color: #ffc9c9 !important;
}
.scl-tablesimplecontainer td, .scl-tablesimplecontainer th  {
  border-style: solid !important;
  border-width: 1px !important;
  padding: 1px 2px !important;
}
.scl-tablesimplefixedhead {
  width: 100%;
  font-weight: normal !important;
}
.scl-tablesimplebody {
  position: relative; /* для прокрутки к выбранной позиции */
  width: 100%;
  border: none !important;
}
.scl-tablesimplebody:not([data-scl-nofixhdr]) {
  /* это потом изменяются в js */
  height: 1px;
  overflow: hidden;
}
.scl-tablesimplebody tbody {
  background-color: white;
}

.scl-control .ui-state-disabled {
  opacity: .50;
  filter: Alpha(Opacity=50);
}


  
/*** ui.custom.acdropdown.js ***/

.custom-acdropdown .scl-corrtextbox {
  padding-right: 21px; /* ширина кнопки + толщина рамки (2 места) */
}
.custom-acdropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px; /* ширина кнопки (2 места) */
  margin-right: 0;
}
.custom-acdropdown-input {
  width: 100%;
}

/*** ui.ddbox ***/

.ui-selectmenu-button span.ui-icon.ui-ddbox-clearbutton {
  position: absolute;
  right: 20px;
}

/*** ui.fancytree ***/

div.scl-treeview {
  padding-right: 6px; /* ul.fancytree-container padding * 2 */
}
ul.fancytree-container {
  font-family: "Arial", "Tahoma", "Verdana", sans-serif;
  padding: 3px; /* div.scl-treeview padding-right / 2 */
  background-color: transparent;
  border: none;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-fancytree-disabled ul.fancytree-container {
  background-color: inherit;
}
.scl-control span.fancytree-title {
  color: #235376;
  font-weight: normal;
}


/* иконки */
span.scl-icon span.fancytree-icon
{
	background-image: url("/STCTLib/Pics/treest-icons.png") !important;
}
span.scl-icon-folder-deleted span.fancytree-icon
{
	background-position: 0 0 !important;
}
span.scl-icon-employee span.fancytree-icon
{
	background-position: -16px 0 !important;
}
span.scl-icon-employee_deleted span.fancytree-icon
{
	background-position: -32px 0 !important;
}
span.scl-icon-folder-violet span.fancytree-icon
{
	background-position: -48px 0 !important;
}


/* ========================== подгонка jQuery-ui стилей =========================== */

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
  font-family: "Arial", "Tahoma", "Verdana", sans-serif;
}
.ui-widget-content {
  color: inherit;
}

/*** buttonsmall ***/

.scl-buttonsmall .ui-button-text {
  padding: 0.05em 0.5em;
}
.scl-buttonsmall .ui-button-icon-only {
  width: 1.3em;
}
.scl-buttonsmall .ui-button-text-icon-primary .ui-button-text {
  padding-left: 1.5em;
}
.scl-buttonsmall .ui-button-text-icon-primary span.ui-button-icon-primary {
  left: 0.2em;
}
.scl-buttonsmall .ui-button-text-icon-secondary .ui-button-text {
  padding-right: 1.5em;
}
.scl-buttonsmall .ui-button-text-icon-secondary span.ui-button-icon-secondary {
  right: 0.2em;
}
.scl-buttonsmall .ui-button-text-icons .ui-button-text {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.scl-buttonsmall .ui-button-text-icons span.ui-button-icon-primary {
  left: 0.2em;
  right: 0.2em;
}

.scl-control span.ui-selectmenu-text {
  padding: 1px 3px;
}
.scl-control .ui-selectmenu-button {
  padding: 0;
}
.ui-selectmenu-button span.ui-icon {
  right: 2px;
}


/*** разное ***/

.scl-control td .scl-correctborder {
  margin-right: 2px; /* коррекция толщины стандартной рамки ui */
}
.ui-selectee {
  cursor: pointer;
}
.scl-control .ui-spinner-input {
  margin: 0;
  width: 100%;
}
.scl-control .ui-selectmenu-button {
  width: 100%;
}
.scl-control .ui-spinner {
  padding-right: 18px;
}
.ui-widget-overlay {
  z-index: 10001;
}
.ui-dialog {
  position: fixed;
}
.scl-popup-container .ui-selectable-helper {
	z-index: 1050;
}
.ui-autocomplete, .ui-selectmenu-menu {
  z-index: 1050;
}
.scl-popup-container .ui-slider .ui-slider-handle {
  z-index: 1002;
}
.scl-popup-container .ui-slider .ui-slider-range {
  z-index: 1001;
}
.scl-popup-container {
  padding: 20px; /* посвободней, см. также scl-buttonpane - (5 мест) */
}
.ui-dialog {
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
}
.ui-tooltip:not(.ui-state-error) {
  color: #646464;
}
.ui-tooltip-content {
  font-size: 0.8em;
}