@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; }