@charset "UTF-8";

/*Общие стили*/
*, *:before, *:after {
  /*-webkit-box-sizing: border-box;  Нужно для мобильного WebKit */
  /*-moz-box-sizing: border-box;  Нужно для Firefox */
  /*box-sizing: border-box;*/
}
html {
  font-family: "RobotoDraft","Roboto", arial, sans-serif;
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; 
}

html body{
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  color: #333;
  /*font-size: small;
  line-height:1em; */
  overflow: hidden;
  text-rendering: optimizeLegibility;
}
/*
body, table td, select {
  font-family: "RobotoDraft", "Roboto", Arial Unicode MS, Arial, sans-serif;
  font-size: small;
}
*/

body, table td, select {
  font-family: "Segoe UI",Verdana,Tahoma,Helvetica,sans-serif;
  font-size: small;
}

body {
  background-image: url("images/bcg_pat.png");
/*
  background-image: url(images/bg_edu.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
*/
}
div {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
textarea {
  font-family: MS Shell Dlg, Arial, sans-serif;
  font-size: small;
}
hr {
  background: none repeat scroll 0 0 #b8c2cc;
  border: 0 none;
  height: 1px;
}
table.table-class {
  border: none !important;
  border-collapse: collapse;
  border-spacing: 0px;
}
td.Tab,
td.Current {
  height: 20px;
}
td.Tab {
  background-color: #c3d9d9;
  font-size: small;
  font-weight: bold;
  color: #444;
  height: 2em;
  text-align: center;
}
td.Hide {
  display:
  none;
}
button.TabButton {
  border: 0px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: x-small;
}
div.Hide {
  display: none;
}
div.Show {
  display: inline;
}
.identedElements {
  margin-left: 30px;
}

div.group {
  padding: 0px 8px 8px 8px;
  margin: 0px 2px 2px 2px;
  border: 1px solid #959DA6;
  width: 800px;
  float: left;
}
div.cell {
  margin: 0px 0px 0px 2px;
  padding: 2px;
  min-height: 25px;
  border-bottom: 1px dashed grey;
}
div.cellbutton {
  margin: 0px 0px 0px 2px;
  padding: 2px;
  min-height: 25px;
  border-bottom: 1px dashed grey;
}
div.cellHeader {
  background-color: #c3d9d9;
  border-bottom: 1px dashed grey;
  display: inline-block;
  font-size: small;
  color: #444;
  height: auto;
  margin: 0px 2px 0px 0px;
  padding: 6px 4px 4px 4px;
  text-align: center;
}

a[href], 
input[type='submit'], 
input[type='image'], 
label[for], 
select, 
button {
  cursor: pointer;
}
.dataRow td {
    font-size: x-small;
}
.headerRow td {
    font-size: x-small;
}
.break{
	clear: both;
}
.floatRight {
  float: right !important;
}
.floatLeft {
  float: left !important;
}
.dataPanelElement-BorderCorners {
  border: none;
  padding: 0px;
}
.horiz .item {
  float: left;
}
/* Правим GWT-стили !!!!*/
.dataPanelElement-BorderCorners {
    border-color: #477DB3;
    border-style: hidden hidden dashed;
    border-width: medium medium 0px;
    padding: 8px;
}
.gwt-SplitLayoutPanel-HDragger {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: center center;
    background-size: auto auto;
	background-image: url("images/splitPanelThumb.png");
    cursor: col-resize;
}
.DockLayoutPanel-MainPanel {
    margin-left: 6px !important;
    margin-right: 3px;
}
.popupMiddleCenterInner div  img {
	display: none;
}
.popupMiddleCenterInner div {
	background-image: url("images/progress.gif") !important;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border-color: #0e6e6e;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  padding: 6px;

}
.gwt-TabLayoutPanelContentContainer
{
  border-width: 2px 0px 0px 0px !important;
  border-color: #338080;
  border-style: solid; 
  background: none repeat scroll 0 0 white;  
  border-radius: 0px 4px 4px 4px;
  
}
.gwt-TabLayoutPanel div:nth-child(4) .gwt-Image  {
  background-image: url("images/left.png") !important;
}

.gwt-TabLayoutPanel div:nth-child(5) .gwt-Image  {
  background-image: url("images/right.png") !important;
}

.x-toolbar
.com-sencha-gxt-theme-base-client-container-BoxLayoutDefaultAppearance-BoxLayoutStyle-inner {
  width: 100% !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  background: none;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  border: none;
}

.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: none;
}
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: none;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-DecoratorPanel .topLeft {
  background: none;
}
.gwt-DecoratorPanel .topRight {
  background: none;
}
.gwt-DecoratorPanel .bottomLeft {
  background: none;
}
.gwt-DecoratorPanel .bottomRight {
  background: none;
}


.gwt-DecoratedPopupPanel .popupTopCenter {
	background: none;
}
.gwt-DecoratedPopupPanel .popupMiddleLeft {
	background: none;
}
.gwt-DecoratedPopupPanel .popupBottomCenter {
	background: none;
}
.gwt-DecoratedPopupPanel .popupMiddleRight {
	background: none;
}
.gwt-DecoratedPopupPanel .popupTopLeft{
  background: none;
}
.gwt-DecoratedPopupPanel .popupTopRight{
  background: none;
}
.gwt-DecoratedPopupPanel .popupBottomLeft{
  background: none;
}
.gwt-DecoratedPopupPanel .popupBottomRight{
  background: none;
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  background: none repeat scroll 0 0 #338080;
  padding: 2px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  background: #a2a2a2;
  border-radius: 4px 4px 0px 0px;
  color: white;
  cursor: pointer;
  letter-spacing: 0.01em;
  margin: 0 4px 0 0;
  padding: 3px 6px 3px 6px;
  text-align: center;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  background: #338080;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  cursor: default;
}
.gwt-TabLayoutPanel .gwt-Label {  
  font-size: small;
  font-weight: normal;
}

.gwt-TabLayoutPanel div:hover.gwt-TabLayoutPanelTab{
  background:#3d9999;
  border-color:#3d9999;
  border-radius: 4px 4px 0px 0px;
  color:#ffffff;
}

/*Главный навигатор - начало */
.gwt-StackLayoutPanel {
  height: calc(100% + 3px) !important;
  border: none;
  /*margin-top: 3px;*/
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: small;
  padding: 3px;
  background: #565c5c;
  border: none;
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
  background-color: #3d9999;
  color: #fff;  
}
.cw-StackPanelHeader {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
  font-size: 1.1em;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #F9F9F9;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
  border: none;
  border-bottom: 0px;
  padding: 0px 0px 6px 0px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent div {
  background: white;
  border-radius: 4px;
}

.gwt-Tree .gwt-TreeItem {
  padding: 1px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;  
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: small;
}    

.gwt-Tree div[aria-level='1'].gwt-TreeItem {
  font-size: small;
}

.gwt-Tree .gwt-TreeItem-selected {
  background: none;
  background-color: #eee;
  color: #338080;
  font-weight: bold;
}
/* Главный навигатор - конец */

/*Стиль разделяющей линии*/
.hr {
  background: none repeat scroll 0 0 #C6C6C6;
  border: medium none;
  height: 1px;
  margin-left: inherit;
	width: 100%;
}
.lineHR {
  background: none;
  display: block;
  border: none;
  border-bottom: 1px solid #C6C6C6;
  clear: both;
  height: 5px;
  margin: 0px 2px 5px 0px;
  width: 100%;
}
.header {
  font-size: 1.3em;
  padding-top: 10px;
  padding-left: 2px;
  color: #333333;
}
.indent30{
	padding-left: 30px !important;
}
.indentTop10 {
	padding-top: 10px !important;
}
.indentTop19 {
  padding-top: 19px !important;
}
.indentTop20 {
	padding-top: 20px !important;
}
.indentTop23 {
	padding-top: 23px !important;
}
.indentTop30 {
	padding-top: 30px !important;
}
.clean .xforms-value {
  border: none !important;
  background: none !important;
}
/* Для xf-output - без фона и без окантовки блока */    
.controlNoBcg .xforms-output .xforms-value {
  font-size:small;
  background: none;
  border: none;
}
/*xforms*/

.xforms-input .xforms-value, .xforms-output .xforms-value, .xforms-textarea .xforms-value, .xforms-select1 .xforms-value{
  /* background-image: url("../../../solutions/default/resources/style/edit_bcg_210.jpg"); 
  background-position: center bottom;
  background-repeat: repeat;*/
  border: 1px solid #B8C2CC;
}

.xforms-input.xforms-invalid .xforms-value, .xforms-textarea.xforms-invalid .xforms-value, .xforms-select1.xforms-invalid .xforms-value{
  background-color: #F7C8C8 !important;
  border: 1px solid #CCB8B8 !important;
}

.xforms-input.xforms-readonly .xforms-value, .xforms-textarea.xforms-readonly .xforms-value, .xforms-select1.xforms-readonly .xforms-value{
  /* background-image: url("../../../solutions/default/resources/style/edit_ro_bcg_210.jpg"); 
  background-position: center bottom;
  background-repeat: repeat;*/
  border: 1px solid #B8C2CC;
  background-color: #e8e8e8;
}

.xforms-output .xforms-value {
  background-color: #e8e8e8;
}

select.xforms-value{
  height:20px;
}

/*Стили для label*/
.xforms-label .xforms-value {
  background-color: #FFFFFF;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #FFFFFF;
  width: 100%;
}
.xforms-label {
  display: block;
  font-size: x-small;
  width: 100%;
  padding: 0;
  font-weight: 700;
  margin: 0px 0px 0px 2px;
  white-space: nowrap;
}
.xforms-trigger .xforms-label,
.aid-button  {
  font-size: small;
  margin: 0px;
  font-weight: normal;
  height:16px;
}
/*Загрузка файла*/
.uploadOutput>table,
.sc-uploader-comp>input:last-child{
  width:100%;
}

/*Стили для биндов*/
.xforms-required label:after{ 
  content: "*";
  color: red;
  font-weight: bold;
}

.xforms-required
.xforms-required-icon
{ 
  display:none !important;
}
.xforms-invalid 
.xforms-alert{
  display:none !important;
}

/*Стили для input и textarea*/
.baseInput25{
  width: 25px;
}
.baseInput50{
  width: 50px;
}
.baseInput100{
  width: 100px;
}
.baseInput150{
  width: 150px;
}
.baseInput200{
  width: 200px;
}
.baseInput270{
  width: 270px;
}
.baseInput300,
.baseInput300Hint {
  width: 300px;
}
.baseInput370{
  width: 370px;
}
.baseInput400{
  width: 400px;
}
.baseInput600{
  width: 600px;
}
.baseInput800{
  width: 800px;
}
.baseInput25,
.baseInput50,
.baseInput100,
.baseInput150,
.baseInput200,
.baseInput270,
.baseInput300,
.baseInput300Hint,
.baseInput370,
.baseInput400, 
.baseInput600, 
.baseInput800  {
  margin: 2px 0px 2px 0px;
  float: left;
}
.baseInput25 .xforms-value,
.baseInput50 .xforms-value,
.baseInput100 .xforms-value,
.baseInput150 .xforms-value,
.baseInput200 .xforms-value,
.baseInput270 .xforms-value,
.baseInput300 .xforms-value,
.baseInput370 .xforms-value,
.baseInput400 .xforms-value,
.baseInput600 .xforms-value,
.baseInput800 .xforms-value {
  width: calc(100% - 10px);
  padding: 3px 2px 3px 2px;
  margin: 2px 0px 0px 0px;
  min-height: 16px;
  display: inline-block;
  float: left;
}
.baseInput100 span.xforms-value,
.baseInput150 span.xforms-value,
.baseInput200 span.xforms-value,
.baseInput25 span.xforms-value,
.baseInput270 span.xforms-value,
.baseInput300 span.xforms-value,
.baseInput370 span.xforms-value,
.baseInput400 span.xforms-value,
.baseInput50 span.xforms-value,
.baseInput600 span.xforms-value,
.baseInput800 span.xforms-value {
    padding: 0 2px;
    min-height: 22px
}
.baseInput300Hint .xforms-value {
  width: calc(100% - 20px);
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 0px 0px;
  min-height: 16px;
  display: inline-block;
  float: left;
}
.baseInput25 select,
.baseInput50 select,
.baseInput100 select,
.baseInput150 select,
.baseInput200 select,
.baseInput270 select,
.baseInput300 select,
.baseInput370 select,
.baseInput400 select,
.baseInput600 select,
.baseInput800 select {
  height: 24px;  
  width: calc(100% - 4px) !important;
}
.baseInput300Hint select.xforms-value {
  height: 22px;
  width: calc(100% - 20px);
  margin: 2px 0 0 0px;
}
.baseInput25 .list100 select,
.baseInput50 .list100 select,
.baseInput100 .list100 select,
.baseInput150 .list100 select,
.baseInput200 .list100 select,
.baseInput300 .list100 select,
.baseInput370 .list100 select,
.baseInput400 .list100 select,
.baseInput600 .list100 select,
.baseInput800 .list100 select {
  height: 100px;
}
.baseInput25 .list200 select,
.baseInput50 .list200 select,
.baseInput100 .list200 select,
.baseInput150 .list200 select,
.baseInput200 .list200 select,
.baseInput300 .list200 select,
.baseInput370 .list200 select,
.baseInput400 .list200 select,
.baseInput600 .list200 select,
.baseInput800 .list200 select {
  height: 200px;
}

.baseInput25 input[type=checkbox],
.baseInput50 input[type=checkbox],
.baseInput100 input[type=checkbox],
.baseInput150 input[type=checkbox],
.baseInput270 input[type=checkbox],
.baseInput200 input[type=checkbox],
.baseInput300 input[type=checkbox],
.baseInput370 input[type=checkbox],
.baseInput400 input[type=checkbox],
.baseInput600 input[type=checkbox],
.baseInput800 input[type=checkbox],
.boolInput200 input[type=checkbox],
.boolInput400 input[type=checkbox],
.boolInput600 input[type=checkbox],
.boolInput800 input[type=checkbox]
{
  height: 16px;
  width: 16px;
}

.boolInput200{
  width: 200px;
}
.boolInput400{
  width: 400px;
}
.boolInput600{
  width: 600px;
}
.boolInput800{
  width: 800px;
}
.boolInput200,
.boolInput400, 
.boolInput600, 
.boolInput800  {
  margin: 2px 0px 2px 0px;
  float: left;
}
.boolInput200 .xforms-control,
.boolInput400 .xforms-control, 
.boolInput600 .xforms-control, 
.boolInput800 .xforms-control,
.boolInput200.xforms-control,
.boolInput400.xforms-control, 
.boolInput600.xforms-control, 
.boolInput800.xforms-control  {
  position: relative;
}
.boolInput200 .value,
.boolInput400 .value,
.boolInput600 .value,
.boolInput800 .value {
  width: calc(100% - 4px);
  /* padding: 2px 0px 0px 0px; */
  /* margin: 2px 0px 0px 0px; */
  min-height: 16px;
  display: inline-block;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
}
.boolInput200 .xforms-label,
.boolInput400 .xforms-label,
.boolInput600 .xforms-label,
.boolInput800 .xforms-label{
  display: inline-block;
  /* float: right; */
  position: relative;
  margin: 0px 0px 0px 0px;
  /* top: 22px; */
  left: 24px;
  top: 2px;
  font-size: small;
  font-weight: normal;
}
.textareaHeight20 textarea
{
  height: 16px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
}
.textareaHeight40 textarea
{
  height: 36px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
}
.textareaHeight60 textarea
{
  height: 57px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
}
.textareaHeight100 textarea
{
  height: 98px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
}
.textareaHeight140 textarea
{
  height: 139px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
}
/*Стили для selectors*/
.selectorShort200,.selectorLong200{
  width: 200px;
}
.selectorShort300,.selectorLong300,.selectorLong300Hint{
  width: 300px;
}
.selectorShort400,.selectorLong400,.selectorLong400Hint{
  width: 400px;
}
.selectorShort600,.selectorLong600{
  width: 600px;
}
.selectorShort800,.selectorLong800{
  width: 800px;
}
.selectorShort200,.selectorLong200,
.selectorShort400,.selectorLong400, 
.selectorLong300Hint,.selectorLong400Hint,
.selectorShort600,.selectorLong600, 
.selectorShort800,.selectorLong800  {
  margin: 2px 0px 0px 0px;
  float: left;
}
.selectorShort200 .xforms-value,
.selectorShort400 .xforms-value,
.selectorShort600 .xforms-value,
.selectorShort800 .xforms-value{
  width:calc(100% - 30px - 10px) !important;
  padding:3px 2px 3px 2px;
  background-color: #e8e8e8;
  margin:2px 0px 2px 0px;
  min-height:16px;
  display: inline-block;
  float: left;
 } 
.selectorLong200 .xforms-value,
.selectorLong400 .xforms-value,
.selectorLong600 .xforms-value,
.selectorLong800 .xforms-value{
  width:calc(100% - 60px - 10px) !important;
  padding:3px 2px 3px 2px;
  margin:2px 0px 2px 0px;
  min-height:16px;
  display: inline-block;
  float: left;
}
.selectorLong300Hint .xforms-value,
.selectorLong400Hint .xforms-value {
  width:calc(100% - 80px - 10px) !important;
  padding:3px 2px 3px 2px;
  margin:2px 0px 0px 0px;
  min-height:16px;
  display: inline-block;
  float: left;
}
.selectorLong200 button,
.selectorLong300 button,
.selectorLong300Hint button,
.selectorLong400 button,
.selectorLong400Hint button,
.selectorLong600 button,
.selectorLong800 button,
.selectorShort200 button,
.selectorShort300 button,
.selectorShort400 button,
.selectorShort600 button,
.selectorShort800 button{
  width: 28px !important;
  margin: 2px 0px 0px 2px;
  padding: 0px 6px 0px 6px;
  height: 24px;
  font-size: small;
  vertical-align: top;
}        

.selectorLong200 button .xforms-label,
.selectorLong300 button .xforms-label,
.selectorLong300Hint button .xforms-label,
.selectorLong400 button .xforms-label,
.selectorLong400Hint button .xforms-label,
.selectorLong600 button .xforms-label,
.selectorLong800 button .xforms-label,
.selectorShort200 button .xforms-label,
.selectorShort300 button .xforms-label,
.selectorShort400 button .xforms-label,
.selectorShort600 button .xforms-label,
.selectorShort800 button .xforms-label{
  text-transform: lowercase;
  font-weight: bold;
}
/*Стили для date*/
.dateInput100{width: 100px;}
.dateInput150{width: 150px;}
.dateInput200{width: 200px;}
.dateInput300{width: 300px;}
.dateInput400{width: 400px;}

.dateInput100,
.dateInput150,
.dateInput200,
.dateInput300,
.dateInput400{
  margin: 2px 0px 2px 0px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dateInput100 .xforms-value,
.dateInput150 .xforms-value,
.dateInput200 .xforms-value,
.dateInput300 .xforms-value,
.dateInput400 .xforms-value{
  width: calc(100% - 30px - 4px) !important;
  padding:3px 2px 3px 2px;
  background-color:#FFF;
  margin:2px 0px 0px 0px;
  min-height:22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.dateInput100 .xforms-readonly .xforms-value,
.dateInput150 .xforms-readonly .xforms-value,
.dateInput200 .xforms-readonly .xforms-value,
.dateInput300 .xforms-readonly .xforms-value,
.dateInput400 .xforms-readonly .xforms-value {
  width: calc(100% - 4px) !important;
}
.dateInput100 button,
.dateInput150 button,
.dateInput200 button,
.dateInput300 button,
.dateInput400 button{
  width:28px !important;
  margin: 2px 0px 0px 2px;
  padding: 0px 6px 0px 6px;
  min-height:23px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: lowercase;
  font-weight: bold;  
}  
.dateInputLong{
   width: 200px;
  margin: 2px 0px 2px 0px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dateInputLong
.xforms-value{
  width: calc(100% - 30px - 30px) !important;
  padding:3px 2px 3px 2px;
  background-color:#FFF;
  margin:2px 0px 0px 0px;
  min-height:24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dateInputLong button{
  width: 28px !important;
  margin: 2px 0px 0px 2px;
  padding: 1px 6px 0px 6px;
  min-height:23px;
  max-height:23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: lowercase;
  font-weight: bold;  
}
.dateInput {
  width: 200px;
  margin: 2px 0px 2px 0px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dateInput .xforms-value {
  width: calc(100% - 30px - 4px) !important;
  padding: 3px 2px 3px 2px;
  background-color: #FFF;
  margin: 2px 0px 0px 0px;
  min-height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dateInput button {
  width: 25px !important;
  margin: 0px 0px 0px 2px;
  padding: 0px 6px 0px 6px;
  min-height: 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: lowercase;
  font-weight: bold;
}
/*Стили для Hint */
.hint100 .xforms-hint-value{
  width: 100px !important;
}
.hint150 .xforms-hint-value{
  width: 150px !important;
}
.hint200 .xforms-hint-value{
  width: 200px !important;
}
.hint250 .xforms-hint-value{
  width: 250px !important;
}
.hint300 .xforms-hint-value{
  width: 300px !important;
}
.hint350 .xforms-hint-value{
  width: 350px !important;
}
.hint400 .xforms-hint-value{
  width: 400px !important;
}

/*Стили для кнопок*/
.newbutton {
  display: block;
  float: left;
  min-width: 100px;
}

.defaultbutton span button {
  height:22px;
}
    
.highbutton span button {
  height:40px;
}
.gwt-DialogBox button.gwt-Button,
span button {
  display:inline-block;
  height:26px;
  outline:0;         
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  cursor: pointer;
  border: 1px solid #aab3b3;
  background: none;
  color: #444;
  font-weight: normal;  
}
.autoHeight .xforms-label {
  height: auto;
}
.gwt-DialogBox button:hover.gwt-Button,
.gwt-DialogBox button:focus.gwt-Button,
 span button:hover, span button:focus {
  background-color: #dae5e5;
  border: 1px solid #338080;
}

.gwt-DialogBox button.gwt-Button {
  min-width: 80px;
  background-image: none;
  font-weight: normal;
}
.button1 {
  float:left;
  width:30px;
  margin-top:23px;
}
.button30
{
  float:left;
  width:30px;
  font-weight: bold;
  }
.button100
{
  float:left;
  width:100px;
}
.button150 {
  float: left;
  width: 150px;
}
.button200
{
  float:left;
  width:200px;
}
.button1 button,
.button30 button,
.button100 button,
.button150 button,
.button200 button {
  width:calc(100% - 2px)!important;
  margin: 2px 0px 0px 2px;
  padding: 0px 6px 0px 6px;
  height:24px;
  font-size: small;
  vertical-align: top;  
}
.button30 button {
  width /**/ : /**/ 28px; 
  padding /**/ : /**/ 0px;
}
.button100 button {
  width /**/ : /**/ 98px; 
  padding /**/ : /**/ 0px;
}
.button150 button {
  width /**/ : /**/ 148px; 
  padding /**/ : /**/ 0px;
}
.button200 button {
  width /**/ : /**/ 198px; 
  padding /**/ : /**/ 0px;
}
.caseButton,.caseButtonCurrent {
    float: left;
    width: 100%
}

.caseButton button {
    background: 0 0;
    background-color: #aab3b3;
    border: 1px solid #aab3b3;
}

.caseButtonCurrent button,
.caseButtonCurrent button:focus {
    background-color: #338080;
    border: 1px solid #338080 
}

.caseButtonCurrent button:hover,
.caseButton button:hover {
    background-color: #3d9999;
    border: 1px solid #3d9999
}

.caseButton button,.caseButtonCurrent button {
    border-radius: 4px 4px 0 0;
    width: 100%;
    margin: 0;
    padding: 0 6px;
    height: 24px;
    vertical-align: top
}

.caseButton .xforms-label,.caseButtonCurrent .xforms-label {
    color: white;
    font-weight: normal;
    font-size: small;
    margin: 0;
}
.disabled span button{
  border-color:#CCC;
  background:#e0e0e0;
  color:#CCC;
  cursor:default;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  opacity:.7;
  -ms-filter:"alpha(opacity=70)";
  filter:alpha(opacity=70)
  font-color: #333;
}
.disabled span  button:hover,.disabled span  button:active,.disabled span  button:focus {
  top:0;
  background:#e0e0e0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
.disabled span .xforms-label {
  display: block;
  font-size:   small;
  width: 100%;    
  color: #aaa;
}  
  
input[type="checkbox"] {
  margin: 5px 3px 4px 4px;
}

.filterButton{
  margin: 2px 0px 2px 0px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filterButton .xforms-value{
  padding:2px 0px 2px 0px;
  margin:2px 0px 0px 0px;
  font-weight: bold;
  min-height:22px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}  

 .xforms-select1.xforms-appearance-full .xforms-value{
  background-image: none;
  border: none;
}

.baseOutput .xforms-value{
  padding:2px 0px 2px 0px;
  margin:2px 0px 0px 0px;
  min-height:22px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.grid-head {  
  font-size: small;
  padding-bottom: 2px; 
  padding-top: 10px;
  color: #333333;
}

/*Modal window*/
#showcaseModalWindow {
  padding: 0;
}
.dialogTop {
  background-color: #dae5e5;
}
div.gwt-DialogBox {
  border: 1px solid #C6C6C6;
  position: absolute;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  background-color: #FFF;
  clip: auto !important;
}
div.gwt-DialogBox .x-tree-panel,
div.gwt-DialogBox .x-tree-panel * {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box
}
.gwt-DialogBox table.Caption {
  background: none repeat scroll 0 0 #dae5e5 !important;
  padding: 8px 4px 4px 8px;
  cursor: default;
  border: none;
}
div.dialogTopCenterInner {
  height: 40px;
}
div.dialogTopCenterInner .gwt-HTML {  
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  /* padding-top: 3px; */
}
div.dialogTopCenterInner .gwt-Image {
  width: 16px !important;
  height: 16px !important;
  background: url("images/window-close.png") no-repeat center center !important;
  padding-top: 8px;
  cursor: pointer;
}
.dialogTopCenterInner tr td:nth-child(2){
  width: 16px
}
.gwt-DialogBox .dialogTopLeft {
  background: none;
  /*border-bottom: 1px solid #C6C6C6;*/
  border: none;
}
.gwt-DialogBox .dialogTopCenter {
  background: none;
  /*border-bottom: 1px solid #C6C6C6;*/
  border: none;
}
.gwt-DialogBox .dialogTopRight {
  background: none;
  /*border-bottom: 1px solid #C6C6C6;*/
  border: none;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: none;
}
.gwt-DialogBox .dialogMiddleRight {
  background: none;
}
.gwt-DialogBox .dialogBottomCenter {
  background: none;
}
.gwt-DialogBox .dialogBottomLeft {
  background: none;
}
.gwt-DialogBox .dialogBottomRight {
  background: none;
}

td.gwt-DialogBox .dialogMiddleCenter {
  padding: 0px;
  background: white;
 /* border: 1px solid #88A0BC;*/
}

.gwt-DialogBox .Caption {
  background: none;
  padding-top: 6px;
  cursor: default;
  border: none;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
}
.gwt-DialogBox .dialogContent > div:first-child > div:first-child {
  height: 100%;
}
.gwt-DialogBox .dialogContent .dialogButtons {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
/*Header Menu*/
.wrap, .wrap * {  
  -webkit-box-sizing: border-box; /* Нужно для мобильного WebKit */
  -moz-box-sizing: border-box; /* Нужно для Firefox */
  box-sizing: border-box;
}
.wrap {
  background-color: #424242;
  height: 36px;
  padding: 2px 10px;
  margin: 0px;
  overflow: hidden;
}
.wrap .user {
  float: right;
  padding: 2px 10px;
  margin-top: 2px;
  height: 28px;
}
.wrap .user img {
  display: inline-block; 
  float: left;
}
.wrap .user span {
  font-size: 1em;
  color: #fff;
  padding: 4px;
  display: inline-block;
  float: left;
}
.wrap nav.ed-menu{
  margin-top:2px;
  height:  32px;
}
.wrap nav.ed-menu ul{
  overflow:hidden;
  float:left;
  list-style:none;
  color: #fff;
  margin:0;
  padding:0;
}
.wrap nav.ed-menu ul li{
  float:left;
  margin:0;
  vertical-align: sub;
}
.wrap nav.ed-menu a {
  border-radius: 2px;
  color:#fff;
  display:inline-block;
  font-size: 1em;
  font-weight: 600;
  height:  28px;
  letter-spacing: 0.12em;
  line-height: 1.6em;
  padding: 2px 8px;
  text-decoration:none;
  text-transform: uppercase;
  transition: all .5s ease;
}
.wrap nav.ed-menu a span{
  display:inline-block;
  padding: 4px 0;
}
.wrap nav.ed-menu a:hover {
  background: #616161;
  text-decoration: underline;
}

.wrap nav.ed-menu a.current {
  text-decoration:underline;
}

/*Calendar*/
.calendar, .calendarList {
  border: 2px solid #338080;
  padding: 1px 0px 0px 1px;  
  font-size: 0.9em;
  color: #333333;
  background: #ffffff;
} 
.calendar .button {
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: #fff #333 #333 #fff;
}
.calendar thead .hover {
  border: 1px solid;
  border-color: #fff #333 #333 #fff;
  padding: 0px;
  background-color: #d8e0e4;
}
.calendar .title, 
.calendar tfoot {
  font-weight: bold;
  padding: 1px;
  color: #333;
  text-align: center;
  background: none;
  background-color: #c3d9d9;
  border: 0 none !important;
}
.calendar .title {
  height: 22px;
  padding: 0.4em 1em;
}
.calendar .title select {
  border: 1px solid #D4D4D4;
  padding: 0px;
  width: 90px;
  height: 24px;    
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: 6px;
  background: none;
  background-color: #fff;
}
.calendar .title input {
  border: 1px solid #D4D4D4;
  padding: 2px;
  width: 4em;
  height: 24px;   
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  display: block;
  float: left;
  margin-left: 1px;
}
.calendar .title button {
  height: 24px;
  width: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: right;
  margin-left: 2px;
}
.calendar tbody .hover {
  padding: 4px 3px 4px 10px !important;
  border: none;
  color: #ffffff;
  background-color: #0E6D38;
}
.date tfoot {
  display: none;
}
.calendar tfoot input {
  width: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: #f0f0f0;
}
.calendar .names {
  background: none;
}
.calendar .name {
  border: 0px none;
  font-weight: 400;
  padding: 0.4em 0.3em;
  text-align: center;
}
.calendar .day {
  border: none;
  padding: 4px 3px 4px 10px !important;
  background: transparent;
  font-size:100%;
  font-weight: 700;
  text-decoration: none;
  margin: 0px;
  vertical-align: baseline;
  background-color: #c3d9d9;
  /*border: 1px solid #ffffff;*/
  color: #333333; 
  text-align: right;
  empty-cells: hide
}
.calendar .day:hover {
  color: #ffffff;
  background-color: #338080;
  border: none;
  text-decoration: none;
}
.calendar .today {
 font-weight      : bold;
 color        : #00f;
}
.calendar .selected {
  color: #333333;
  background: #ffffff;
  border: 2px solid #338080;
  padding: 2px 1px 2px 8px !important;
}
.calendar .weekend,
.calendar .weekend:hover  {
  color: red;
}
.calendarList {
  padding: 0;
  margin: 0;
  width: 55px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.calendarList li {
  list-style-type: none;
  text-align: center;
  padding: 1px;
}
.calendarList li.hover {
  color: #ffffff;
  background: #0E6D38;
}


/* gridstyle */
.dgrid-row.dgrid-selected {
  background-color: #bfd6eb;
}

.dgrid-row.userTask.dgrid-row-even {
  background-color: #B5CFB4;
}

.dgrid-row.userTask.dgrid-row-odd {
  background-color: #C2F2BF;
}

.dgrid-row.userTask.dgrid-selected.dgrid-row-even {
  background-color: #BFF2E7;
}

.dgrid-row.userTask.dgrid-selected .dgrid-row-odd {
  background-color: #B4CECF;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader .gwt-Image{
  display: none;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader table {
  position:absolute;
  top:20%;
  left: 0%;
}

/* Доработка TreeSelector'a*/
.x-tree-checkbox{
  width: 13px !important;
  height: 13px  !important;
  background-image: url('../resources/tree/checkbox.gif') !important;
}

.x-tree-checkbox-checked{
  background-position: 0-13px  !important;
}
.x-grid-row .x-grid-cell {
  border-width: 1px  !important;
}
.x-grid-cell-inner {
  padding: 4px 3px 3px 3px !important;
  line-height: 17px !important;
}
.x-tree-icon {
  margin: 2px 3px 0 0  !important;
}
#xforms-dialog-surround {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
}
.subScroll {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 30px;
  position: relative;
  width: 100%;
}
div.xforms-dialog {
	display				: none;
	position			: absolute;
	width				: 450px;
	height				: 200px;
	background-color	: white;
	border-top			: 1px solid black;
	border-left			: 1px solid black;
	border-bottom		: 3px solid black;
	border-right		: 3px solid black;
	padding				: 10px;
	z-index				: 10;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 150%;
}
.countdown_descr {
	display: block;
	width: 100%;
}
.answer 
{
  background: #E0ECFF;
  border: 2px solid #d3d3d3;
  display: inline-block;
  margin: 20px;
  padding: 20px;
}
.acceptAnswers
{
  background: #E0ECFF;
  width: 100%; height:100%; 
  white-space: normal !important;
}
.courceSwitch {
  clear: both;
  height: 460px;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  width: 620px;
}

.testInfo .dataPanelElement-BorderCorners {
    padding: 0;
}

/* NEW SUPER XFORM DESIGN !!!!*/
.group1columns,
.group2columns {
  float: left;
  width: 100%;
}  
.group2columns .groupLeftContent {
  float: left;
  width: 50%;
}
.group2columns .groupLeftContent>div {
  margin-right: 15px;
}
.group2columns .groupRightContent {
  float: right;
  width: 50%;
}
.group2columns .groupRightContent>div {
  margin-left: 15px;
}
.group1columns .groupLeftContent,
.group1columns .groupRightContent {
  float: left;
  width: 100%;
}
.elementGroupHeader {
  background-color: #dae5e5;
  border: none;  
  height: 24px;
  margin-top: 6px;
  overflow: hidden;
  padding: 4px 2px 0px 2px;
}
.groupPager {
  background-color: #338080;
  height: 24px;
  padding: 1px 2px 0px 6px;
  float: right;
  text-align: right;
}
.groupPager .xforms-repeat,
.groupPager .xforms-repeat .xforms-repeat-item {
  float: left;
}
.groupPager .xforms-trigger,
.groupPager .xforms-trigger button {     
  background: none;
  border: none;
  height: 22px;
  width: 44px;
}
.groupPager .pagerButtonAD.xforms-trigger,
.groupPager .pagerButtonAD.xforms-trigger button {
  width: 22px !important;
}
.groupPager .xforms-label {
  font-size: 0.8em;
  font-weight: bold;
  color: #c3d9d9;
}
.groupPager .xforms-trigger button {
  border-bottom: 2px solid #338080;
}
.groupPager .activePage button {
  border-bottom: 2px solid #dae5e5;
}
.groupPager .activePage .xforms-label,
.groupPager button:hover .xforms-label{
  color: #fff;
}
.groupTitle {
  color: #338080;
  float: left;
  font-size: 1.2em;
  max-width: 50%;
  text-overflow: ellipsis;
  vertical-align: middle;
  
}
.groupTitle .xforms-value {
  background: none !important;
  border: none !important;
  /*width: 100%;*/
}
.groupContent {  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  overflow: auto;
  padding: 6px 2px 10px 2px;
}
.groupContent .elementGroupHeader {
  padding: 10px 0px 6px 0px;
  margin-bottom: 6px;
}

.dataRow {
  border: 0;
  overflow: hidden;
  padding-bottom: 2px;
}
.labelColumn,
.dataColumn {
  border: 0;
  display: block;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  width: 50%;
}
.labelColumn {
  clear: left;
  float: left;  
  font-size: 0.9em;
  /*padding-top: 5px;*/
  text-align: left;
  text-overflow: ellipsis;
}
.labelColumn .xforms-value {
  background: none !important;
  border: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #FFF;
  box-sizing: border-box;
  float: left;
  height: 22px;
  margin: 0px 0px 2px 0px;
  overflow: hidden;
  padding: 4px 2px 3px 2px;
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
}
.dataColumn {
  display: block;
  float: right;
}
.dataColumn span.xforms-trigger {
  display: inline-block;
}
.dataColumn .xforms-value {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #FFF;
  box-sizing: border-box;
  float: left;
  height: 22px;
  margin: 0px 0px 2px 0px;
  overflow: hidden;
  padding: 3px 2px 3px 2px;
  width: 100%;
  text-align: left;
}
.dataColumn select.xforms-value {
  padding: 0px;
}
.dataColumn .textareaHeight20 textarea
{
  height: 16px;
  max-width: 100%;
  min-width: 100%;
}
.dataColumn .textareaHeight40 textarea
{
  height: 36px;
  max-width: 100%;
  min-width: 100%;
}
.dataColumn .textareaHeight60 textarea
{
  height: 57px;
  max-width: 100%;
  min-width: 100%;
}
.dataColumn .textareaHeight100 textarea
{
  height: 98px;
  max-width: 100%;
  min-width: 100%;
}
.dataColumn .textareaHeight140 textarea
{
  height: 139px;
  max-width: 100%;
  min-width: 100%;
}

.dataColumn button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: small;
  height: 22px;
  margin: 0px 0px 2px 2px;
  padding: 0px 6px 0px 6px;
  text-transform: lowercase;
  vertical-align: top;  
  width: 28px !important;
}
.dataColumn .floatRight {
  float: right;
}
.dataColumn .dateInput .xforms-repeat,
.dataColumn .dateInput .xforms-value,
.dataColumn .selectorShort .xforms-value {
  width: calc(100% - 30px) !important;
}  
.dataColumn .dateInput .xforms-repeat .xforms-value,
.dataColumn .selectorLong .xforms-value {
  width: calc(100% - 60px) !important;
}
.hasRequired label:before{
  color: red !important;  
  /*font-size: 1.3em;*/
  font-weight: bold;
  content: "*";
}
.labelColumn:hover span.xforms-hint span.xforms-hint-value {
  display: block !important;
}
.labelColumn.xforms-hint span.xforms-hint-icon {
  display: none !important;
}
.labelColumn span.xforms-hint-value {
  display: none;
  background-color: #ffffee;
  position: absolute;
  border: black 1px solid;
  white-space: normal;
  width: initial;
  margin-top: 4px;
  margin-left: 4px;
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.labelColumn  span.xforms-hint-value .xforms-output .xforms-value {
  background: none !important;
  border: none !important;
  width: 200px !important;
  height: auto;
}
