@CHARSET "UTF-8";
/* Скрываем рамки !!!!*/
html>body {
font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
background-image: url(images/bg_edu.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
/* background-color: #fafafa !important;*/
}
table {
border-spacing: 0px !important;
}
.gwt-TabLayoutPanel > div:nth-child(2),
.gwt-TabLayoutPanel > div:nth-child(4),
.gwt-TabLayoutPanel > div:nth-child(5) {
display: none;
}
.gwt-TabLayoutPanel > div:nth-child(3) {
top: 0px !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 #7b99b8;
padding: 2px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
border: none;
}
.gwt-TabLayoutPanelContentContainer {
border: none !important;
background: none !important;
}
.dataPanelElement-BorderCorners {
border: none !important;
padding: 0 !important;
}
/*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;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.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;
}
/*Стиль разделяющей линии*/
.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;
border: 1px solid #CCB8B8;
}
.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;
}
.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 2px 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;
}
.break{
clear: both;
}
.floatRight {
float: right !important;
}
.floatLeft {
float: left !important;
}
.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;
}
.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;
}
#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;
}