/*@font-face {font-family: Segoe UI; src: url("fonts/segoeui.ttf"); }*/ /** {font-family: Segoe UI; /*font-size: 10pt;*/ }*/ body {-moz-user-select: -moz-none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;font-family: Segoe UI;} .nav-bar-left {width: 72px; display: flex;background-color: #abbbc5;} .nav-bar-right {width: 210px;position: relative;} .nav-bar-left ul { margin: 0px; padding: 0px; width: 100%; position: relative;list-style: none;} .nav-bar-left li { line-height: normal; width:100%; display: inline-flex; padding: 0px;} .nav-bar-left li.bottom { width:100%; display: inline-flex; padding: 0px; border-top: solid 1px white; border-bottom: solid 1px white; } .nav-bar-left input[type='button'] { font-family: Segoe UI; cursor: pointer; margin: 10px auto 0px; height: 60px; width: 60px; border-radius: 5px;text-align: center;padding: inherit; font-size: 10pt; border: solid 1px white; color: #ffffff; background: #abbbc5; text-decoration: none;} .nav-bar-left input[type='button']:hover { background: #3cb0fd; } .nav-bar-left input[type='button'].selected{ background-color: #748a99; } .nav-bar-left input[type='button']:hover.selected{ background-color: #9ca7af; } .nav-bar-left input[type='button']#NewObsCard{ background-color: #c33600; } .nav-bar-left input[type='button']:hover#NewObsCard{ background-color: #e85218; } .nav-bar-right #Parts { height: 25%;width: 100%;padding-top: 30px; box-sizing: border-box; } .nav-bar-right #Pages {height: 10%;width: 100%; box-sizing: border-box;} .nav-bar-right #Calendar {width: 100%; box-sizing: border-box; bottom: 0px; position: absolute; } .nav-bar-right #Dashbord {height: 25%;width: 100%; box-sizing: border-box;} .nav-bar-right #Parts ul {font-family: Segoe UI; margin: 0px; padding: 0px; width: 100%;box-sizing: border-box;list-style: none;} .nav-bar-right #Parts li {font-size: 10pt; line-height: normal; border-top: solid 1px white; width:100%; display: inline-flex; padding: 0px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 15px 3px;box-sizing: border-box; } .nav-bar-right #Parts li:last-child { width:100%; display: inline-flex; padding: 0px; border-top: solid 1px white; border-bottom: solid 1px white; box-sizing: border-box;} .nav-bar-right #Parts li a{ width: 100%; border: 0px; color: black; padding: 4px 10px 4px 45px; text-decoration: none; text-align: left; font-size: 10pt; cursor: pointer; } .nav-bar-right #Parts li.selected { background-color: #748a99; background-size: 20px 20px; background-repeat: no-repeat; background-position: 15px 3px; color: white; } .nav-bar-right #Parts li.selected a{ color: white; } .nav-bar-right #Pages ul {font-family: Segoe UI; margin: 0px; padding: 0px; width: 100%;box-sizing: border-box;list-style: none;} .nav-bar-right #Pages li {line-height: 26px; width:100%; display: inline-flex; padding: 0px; box-sizing: border-box;} .nav-bar-right #Pages li a{width: 100%; border: 0px; color: black; padding: 0px 0px 0px 6px; text-decoration: none; text-align: left; font-size: 10pt; cursor: pointer; box-sizing: border-box;} .nav-bar-right #Pages li a.selected { padding: 0px 0px 0px 16px; background-color: #748a99;} .nav-bar-right #Pages li:hover, .nav-bar-right #Parts li:hover { background-color: #3cb0fd;} .nav-bar-right #Pages li.selected:hover, .nav-bar-right #Parts li.selected:hover { background-color: #9ca7af; } /*.nav-bar-right #Pages li a.selected:before { width: 20px;background-color: red; content: '>'}*/ .nav-bar-right #Dashbord ul { margin: 0px; padding: 0px; width: 100%; list-style: none;} .nav-bar-right #Dashbord li { line-height: normal; width:100%; display: inline-flex; padding: 0px; } .nav-bar-right #Dashbord li input[type='button'] { font-family: Segoe UI; cursor: pointer; margin: 10px auto 0px; height: 27px; width: 50px; border-radius: 5px;text-align: center;padding: inherit; font-size: 10pt; border: solid 1px white; color: #ffffff; background: #d1d1d2; text-decoration: none;} .nav-bar-right #Dashbord li input[type='button']:hover { border-radius: 10px;font-size: 10pt; background: #72e276; } .nav-bar-right #Dashbord li input[type='button']:first-child {margin:0px 1px 0px auto;} .nav-bar-right #Dashbord li input[type='button'] {margin:0px 1px 0px 1px;} .nav-bar-right #Dashbord li input[type='button']:last-child {margin:0px auto 0px 1px;} ul.schedule-config { margin: 2px 0px 0px; padding: 0px; width:100%; border: solid 1px #ffffff; } ul.schedule-config li { line-height: normal; width:100%; display: inline-flex; padding: 0px; border-bottom: solid 1px #ffffff; } ul.schedule-config li label { font-family: Segoe UI; margin: 0px; padding: 3px 0px 3px 0px; border: none; border-right: solid 1px #ffffff; text-align: center; } ul.schedule-config li input, ul.schedule-config li select { font-family: Segoe UI; margin: 0px; padding: 3px 0px 3px 12px; border: none; border-right: solid 1px #ffffff; } ul.schedule-config li label:last-child, ul.schedule-config li input:last-child,ul.schedule-config li select:last-child, ul.schedule-config li:last-child, ul.schedule-config li.group label,ul.schedule-config li input[type='button']:last-child { border:none; } ul.schedule-config li input[type='button'] { font-family: Segoe UI; margin: 0px; padding: 6px 0px; border: none; border-right: solid 1px #ffffff; } ul.schedule-config li input[type='button'].CreatNewLine, ul.schedule-config-new li input[type='button']#create_new_group { width: 100%; background-color: #9eef9e;} ul.schedule-config li input[type='button'].red {background: #e27e7e} ul.schedule-config li span.group-close { border: solid 1px #789ecc;position: absolute;right: 35px; top: 5px;width: 22px;height: 20px;text-align: center;padding: 0px 6px;border-radius: 6px;cursor: pointer;display: inline-table; background-color: #bbd5ff;color: #789ecc; display:none; } /* ul.schedule-config-new { margin: 6px 0px 0px; width:100%; border: solid 1px #ffffff; padding: 0px; } ul.schedule-config-new li {line-height: normal; width:100%; display: inline-flex; padding: 0px; border-bottom: solid 1px #ffffff; } ul.schedule-config-new li:last-child { border: none; } ul.schedule-config-new li input[type='button'] { font-family: Segoe UI; margin: 0px; padding: 6px 0px; border: none; border-right: solid 1px #ffffff; } ul.schedule-config-new li input:last-child { border:none; } */ .popup { width:100%; min-height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; position:fixed; top:0px;z-index: 500;height: 100%;} .popup#ImportantPopup { width:100%;height:100%; min-height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; position:fixed; top:0px;z-index: 9999;} .popup .popup-content { font-family: Segoe UI; margin:60px auto 0px auto; width:60vw; padding:0px; background-color: white; box-shadow: 0px 0px 10px #000; height: initial; padding-bottom: 10px;} .window_label {margin-bottom: 13px; font-family: Segoe UI; text-align: center; margin-top: 0px; background-color: #748a99; padding: 10px 0px; font-size: 10pt;font-weight: normal; color: white;height: 37px;box-sizing: border-box;} /* table.schedule .red{color: red} table.schedule .even{background-color:#ffffff;} table.schedule .odd{background-color: #ECF0F1;} table.schedule th, table.schedule td { font-size: 10pt; border: solid 1px #789ecc; } table.schedule th { text-align: center;font-weight: inherit; } table.schedule td.left-table { border: solid 1px #789ecc; font-size: 10pt; padding-left: 4px; background-color: rgba(203, 218, 241, 0.50); } table.schedule th.days { min-width: 25px; font-size: 8pt; } table.schedule td.days_line{ cursor: pointer; } table.schedule td.selected_day, table.schedule td.NewPeriod { background-color: #7cacf7;} table.schedule tr.line:hover{ background-color: antiquewhite;} table.schedule tr.group:hover{ background-color: #5bdaff;} table.schedule td.today,table.schedule th.today{ background-color: rgba(121, 226, 197, 0.33);} table.schedule td.today.selected_day{ background-color: rgba(100, 153, 236, 0.65);} table.schedule td.CrossSelect, table.schedule th.CrossSelect {background-color: antiquewhite;} table.schedule td.PeriodStart, table.schedule td.PeriodEnd,table.schedule td.PeriodStart.CloseCard, table.schedule td.PeriodEnd.CloseCard { background-color: red;} table.schedule td.selected_day,table.schedule td.selected_day.CloseCard{ background-color: #7cacf7;} table.schedule td.selected_day.ColorGreen,table.schedule td.selected_day.ColorGreen.CloseCard{ background-color: #67d69e;} table.schedule td.selected_day.ColorRed,table.schedule td.selected_day.ColorRed.CloseCard { background-color: #d82907;} table.schedule td.selected_day.ColorMiddlestone,table.schedule td.selected_day.ColorMiddlestone.CloseCard { background-color: #aa824e;} table.schedule td.selected_day.ColorOSHASafetyPurple,table.schedule td.selected_day.ColorOSHASafetyPurple.CloseCard { background-color: #994680;} table.schedule td.selected_day.ColorSilver,table.schedule td.selected_day.ColorSilver.CloseCard { background-color: #92909a;} table.schedule td.selected_day.ColorYellowGray,table.schedule td.selected_day.ColorYellowGray.CloseCard { background-color: #d0c0ad;} */ ul.LoginForm {font-size: 10pt; font-family: Segoe UI; margin: 6px 0px 0px; padding: 0px; width:100%; border: solid 1px #4f81bd;list-style: none; } ul.LoginForm li { line-height: normal; width:100%; display: inline-flex; padding: 0px; border-bottom: solid 1px #4f81bd; } ul.LoginForm li label { margin: 0px; padding: 6px 0px 6px 0px; border: none; border-right: solid 1px #4f81bd; text-align: center; background: #dbe5f1; } ul.LoginForm li input, ul.LoginForm li select { height: 21px; margin: 0px; padding: 6px 0px 6px 12px; border: none; border-right: solid 1px #4f81bd; text-align: center; } ul.LoginForm li label:last-child, ul.LoginForm li input:last-child,ul.LoginForm li select:last-child, ul.LoginForm li:last-child, ul.LoginForm li.group label,ul.LoginForm li input[type='button']:last-child { border:none; } input[type='submit'],input[type='button'] { border: 0px; color: #ffffff; background: #36A91D; padding: 4px 10px 4px 10px; } input[type='submit']:hover,input[type='button']:hover { background: #72E276;} /* registr table */ table.register { border-collapse: collapse; margin: auto; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none;} table.register caption{ font-size: 10pt; text-align: center; border: solid 1px #4f81bd; color: black; box-sizing: border-box; margin-bottom: -1px; padding: 8px; background-color: #b5d1f2;} table.register tr th { font-size: 10pt; font-weight: normal; padding: 6px 6px; background: #dbe5f1; text-align: center; border: solid 1px #4f81bd; color: black; box-sizing: border-box; word-break: break-all;} table.register tr td { text-align: center; color: black; box-sizing: border-box; word-break: break-all; padding: 2px 6px; font-size: 10pt; user-select:none; cursor:pointer; border: solid 1px #4f81bd } table.register tr th:first-child,table.register tr td:first-child,table.register caption {border-left: none;} table.register tr.odd { background-color: white; } table.register tr.even { background-color: #f0f0f0; } table.register tr.odd:hover , table.register tr.even:hover { background-color: #e7faff; } /* OneBorderList */ ul.OneBorderList {font-size: 10pt; font-family: Segoe UI; margin: 6px 0px 0px; padding: 0px; width:100%; border: solid 1px #4f81bd;list-style: none; } ul.OneBorderList li { height: 33px; line-height: normal; width:100%; display: flex; padding: 0px; border-bottom: solid 1px #4f81bd; } ul.OneBorderList li label { font-size: 10pt;box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 0px; border: none; border-right: solid 1px #4f81bd; text-align: center; background: #dbe5f1; } ul.OneBorderList li input, ul.OneBorderList li select { box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 12px; border: none; border-right: solid 1px #4f81bd; } ul.OneBorderList li input.center, ul.OneBorderList li select.center { padding: 6px 0px;text-align: center;} ul.OneBorderList li label:last-child, ul.OneBorderList li input:last-child,ul.OneBorderList li select:last-child, ul.OneBorderList li:last-child, ul.OneBorderList li.group label,ul.OneBorderList li input[type='button']:last-child { border:none; } ul.OneBorderList li input[type='button'] { margin: 0px; padding: 6px 0px; border: none; border-right: solid 1px #4f81bd; } ul.OneBorderList li input[type='button'].CreatNewLine, ul.OneBorderList li input[type='button']#create_new_group { width: 100%; background-color: #9eef9e;} ul.OneBorderList li input[type='button'].red {background: #e27e7e} ul.OneBorderList li span.group-close { border: solid 1px #789ecc;position: absolute;right: 35px; top: 5px;width: 22px;height: 20px;text-align: center;padding: 0px 6px;border-radius: 6px;cursor: pointer;display: inline-table; background-color: #bbd5ff;color: #789ecc; display:none; } ul.OneBorderList li textarea { resize: none; box-sizing: border-box; margin: 0px; padding: 6px 6px 6px 12px; border: none; border-right: solid 1px #4f81bd; height: inherit; } ul.OneBorderList li textarea:last-child { border:none; } /* checkbox+label */ .CheckForLabel{ display: none; } .CheckForLabel + label { background-color: #989898; border-radius: 0px; display: inline-block; text-align:center; width: 80px; padding: 6px 0px;} .CheckForLabel:checked + label { background-color: #59747E; padding: 6px 0px; } .CheckForLabel:disabled + label { background-color: #69716E; padding: 8px; } .tr_opened:after {content:"";display: block;background-repeat: no-repeat;background-color: rgba(181, 43, 43, 0);background-image: url("sprite_16.png");position: absolute;width: 16px;height: 16px;top: 50%;right: 2px;margin-top: -8px;margin-left: -8px;background-position: -212px -32px;cursor: pointer;} .tr_hidden:after {content:"";display: block;background-repeat: no-repeat;background-color: rgba(181, 43, 43, 0);background-image: url("sprite_16.png");position: absolute;width: 16px;height: 16px;top: 50%;right: 2px;margin-top: -8px;margin-left: -8px;background-position: -212px -16px;cursor: pointer;} .line_close {content:"";display: block;background-repeat: no-repeat;background-color: rgba(181, 43, 43, 0);background-image: url("sprite_16.png");position: absolute;width: 16px;height: 16px;top: 50%;right: 10px;margin-top: -8px;margin-left: -8px;background-position: -160px -16px;cursor: pointer;} ul li input[type='button'].green {background-color: #03af03;} ul li input[type='button'].green:hover {background-color: #01e001;} ul li input[type='button'].green:hover:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} .TimeLineCards li input.delete-hover-red:hover{background-color: red;color:#ffffff;} .ConfigPopupButtons input[type='button'] { border: 0px; color: #000000;font-size: 10pt;background: none;padding: 4px 10px 4px 10px;margin: 0px; } .ConfigPopupButtons input[type='button']:hover { background: #36a91d; } input[type='button'].CreateNewGroup,input[type='button'].CancelNewGroup,input[type='button'].GroupCreater {background: none; color: #000000} input[type='button'].CreateNewGroup:hover ,input[type='button'].CancelNewGroup:hover ,input[type='button'].GroupCreater:hover {background: #36a91d;} /* OneBorderListWhite */ ul.OneBorderListWhite {font-size: 10pt; font-family: Segoe UI; margin: 6px 0px 0px; padding: 0px; width:100%; border: solid 1px #ffffff;list-style: none; } ul.OneBorderListWhite li { height: 33px; line-height: normal; width:100%; display: flex; padding: 0px; border-bottom: solid 1px #ffffff; } ul.OneBorderListWhite li label { font-size: 10pt;box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 0px; border: none; border-right: solid 1px #ffffff; text-align: center; background: #dbe5f1; } ul.OneBorderListWhite li input, ul.OneBorderListWhite li select { box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 12px; border: none; border-right: solid 1px #ffffff; } ul.OneBorderListWhite li input.center, ul.OneBorderListWhite li select.center { padding: 6px 0px;text-align: center;} ul.OneBorderListWhite li label:last-child, ul.OneBorderListWhite li input:last-child,ul.OneBorderListWhite li select:last-child, ul.OneBorderListWhite li:last-child, ul.OneBorderListWhite li.group label,ul.OneBorderListWhite li input[type='button']:last-child { border:none; } ul.OneBorderListWhite li input[type='button'] { margin: 0px; padding: 6px 0px; border: none; border-right: solid 1px #ffffff; } ul.OneBorderListWhite li input[type='button'].CreatNewLine, ul.OneBorderListWhite li input[type='button']#create_new_group { width: 100%; background-color: #9eef9e;} ul.OneBorderListWhite li input[type='button'].red {background: #e27e7e} ul.OneBorderListWhite li span.group-close { border: solid 1px #789ecc;position: absolute;right: 35px; top: 5px;width: 22px;height: 20px;text-align: center;padding: 0px 6px;border-radius: 6px;cursor: pointer;display: inline-table; background-color: #bbd5ff;color: #789ecc; display:none; } ul.OneBorderListWhite li textarea { resize: none; box-sizing: border-box; margin: 0px; padding: 6px 6px 6px 12px; border: none; border-right: solid 1px #ffffff; height: inherit; } ul.OneBorderListWhite li textarea:last-child { border:none; } /* OneBorderListGorizontal */ ul.OneBorderListGorizontal {font-size: 10pt; font-family: Segoe UI; margin: 6px 0px 0px; padding: 0px; width:100%; border: solid 1px #4f81bd;list-style: none; } ul.OneBorderListGorizontal li { height: 33px; line-height: normal; width:100%; display: flex; padding: 0px; border-right: solid 1px #4f81bd; } ul.OneBorderListGorizontal li label { font-size: 10pt;box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 0px; border: none; border-right: solid 1px #4f81bd; text-align: center; background: #dbe5f1; } ul.OneBorderListGorizontal li input, ul.OneBorderListGorizontal li select { box-sizing: border-box; margin: 0px; padding: 6px 0px 6px 12px; border: none; border-right: solid 1px #4f81bd; } ul.OneBorderListGorizontal li input.center, ul.OneBorderListGorizontal li select.center { padding: 6px 0px;text-align: center;} ul.OneBorderListGorizontal li label:last-child, ul.OneBorderListGorizontal li input:last-child,ul.OneBorderListGorizontal li select:last-child, ul.OneBorderListGorizontal li:last-child, ul.OneBorderListGorizontal li.group label,ul.OneBorderListGorizontal li input[type='button']:last-child { border:none; } ul.OneBorderListGorizontal li input[type='button'] { margin: 0px; padding: 6px 0px; border: none; border-right: solid 1px #4f81bd; } ul.OneBorderListGorizontal li input[type='button'].CreatNewLine, ul.OneBorderListGorizontal li input[type='button']#create_new_group { width: 100%; background-color: #9eef9e;} ul.OneBorderListGorizontal li input[type='button'].red {background: #e27e7e} ul.OneBorderListGorizontal li span.group-close { border: solid 1px #789ecc;position: absolute;right: 35px; top: 5px;width: 22px;height: 20px;text-align: center;padding: 0px 6px;border-radius: 6px;cursor: pointer;display: inline-table; background-color: #bbd5ff;color: #789ecc; display:none; } ul.OneBorderListGorizontal li textarea { resize: none; box-sizing: border-box; margin: 0px; padding: 6px 6px 6px 12px; border: none; border-right: solid 1px #4f81bd; height: inherit; } ul.OneBorderListGorizontal li textarea:last-child { border:none; } ul.OneBorderListGorizontal li label.selected { background-color: #d1d1d2; } ul.ButtonLine { margin: 0px; padding: 0px; width: 100%; list-style: none; box-sizing: border-box; height: 35px;} ul.ButtonLine li { line-height: normal; width:100%; display: inline-flex; padding: 0px; } /*ul.ButtonLine li span {display: none;padding-left: 10px;color: #ef1111; }*/ /* Старые стили, избавиться от них */ li input[type='button'].DashboardButtons,li select.DashboardButtons,li input[type='button'].DashboardButtons.red,li input[type='button'].DashboardButtons.green {outline: none; font-family: Segoe UI; cursor: pointer;/* margin: 10px auto 0px;*/ height: 23px; width: 50px; border-radius: 5px;text-align: center;padding: inherit; font-size: 10pt; border: solid 1px white; color: #ffffff; background: #d1d1d2; text-decoration: none;} li input[type='button'].DashboardButtons:disabled,li select.DashboardButtons:disabled,li input[type='button'].DashboardButtons.red:disabled,li input[type='button'].DashboardButtons.green:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} li input[type='button'].DashboardButtons:disabled:hover,li input[type='button'].DashboardButtons.red:disabled:hover,li input[type='button'].DashboardButtons.green:disabled:hover {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} li input[type='button'].DashboardButtons:hover { background: #72e276; } li input[type='button'].DashboardButtons:first-child {margin:0px 10px 0px auto;} li input[type='button'].DashboardButtons {margin:0px 1px 0px 1px;} /*li input[type='button'].DashboardButtons:last-child {margin:0px auto 0px 1px;}*/ li input[type='button'].DashboardButtons.red:hover { background: #f76464; } li input[type='button'].DashboardButtons.green:hover { background: #72e276; } ul.ButtonLine li a.Btm {cursor:pointer;border-radius:5px;text-align:center;padding:inherit;font-size:10pt;border: solid 1px white;color: #ffffff; background: #d1d1d2;text-decoration: none;margin: 2px 10px 2px 0px;min-width: 75px;line-height: 23px; } ul.ButtonLine li a.Btm:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.ButtonLine li a.Btm:disabled:hover{background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.ButtonLine li a.Btm:hover { background: #72e276; } ul.ButtonLine li a.Btm:first-child {margin:2px 10px 2px auto;} ul.ButtonLine li a.Btm.Red:hover { background: #f76464; } ul.ButtonLine li a.Btm.Green:hover { background: #72e276; } ul li label.Selectable { background-color: #d1d1d2; color: #ffffff; } ul li label.Selectable.selected { background-color: #94f1a0; color:#000000; } .TimeLineCards ul.TimeCard {list-style: none;padding: 0px;margin: 0px;} .TimeLineCards ul.TimeCard li{width: 100%;display: flex;margin: 0px;background-color:#abbbc5;height: 25px;} .TimeLineCards ul.TimeCard li.HIDE{display: none} .TimeLineCards ul.TimeCard li label{width: 200px;font-weight: normal;font-size: 10pt;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;} .TimeLineCards ul.TimeCard li.items>label{padding: 0 0 0 30px;box-sizing: border-box; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 24px;vertical-align: middle;} .TimeLineCards ul.TimeCard li label.header{background-color: #bfc9d6;} .TimeLineCards ul.TimeCard li input, .TimeLineCards ul li textarea{resize: none;font-size: 10pt;width: 50%;text-align: left;padding-left: 15px;outline: none;border: none;border-bottom: solid 1px #4f81bd;} .TimeLineCards ul.TimeCard li select{width: 50%;text-align: left;outline: none;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;padding-left: 15px;} .TimeLineCards ul.TimeCard li:first-child input{font-size: 10pt;width: 50%;text-align: left;padding-left: 15px;border: none;border-bottom: solid 1px #4f81bd;border-top: solid 1px #4f81bd;} .TimeLineCards ul.TimeCard li:first-child label{width: 200px;font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;} .TimeLineCards ul.TimeCard li:first-child label.header{background-color: #bfc9d6;} .TimeLineCards ul.TimeCard li:first-child select{width: 50%;text-align: left;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;padding-left: 15px;border-top: solid 1px #4f81bd;} .TimeLineCards ul.TimeCard li input[type='button']{font-family: Segoe UI;cursor: pointer;margin: 2px auto 0px;border-radius: 5px;text-align: center;text-decoration: none;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #d1d1d2;width: 75px;position: absolute;height: 20px;} .TimeLineCards ul.TimeCard li input[type='color']{font-size: 10pt;width: 50%;text-align: left;padding-left: 0px;outline: none;border-bottom: solid 1px #4f81bd;height: 100%;background-color: #ffffff;} .Cards ul.TimeCard {list-style: none;padding: 0px;margin: 0px;} .Cards ul.TimeCard li{width: 100%;display: flex;margin: 0px;background-color:#abbbc5;height: 25px;} .Cards ul.TimeCard li.HIDE{display: none} .Cards ul.TimeCard li label{width: 200px;font-weight: normal;font-size: 10pt;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;box-sizing: border-box;} .Cards ul.TimeCard li label.header{background-color: #bfc9d6;box-sizing: border-box;} .Cards ul.TimeCard li input, .Cards ul li textarea{font-family: Segoe UI;resize: none;font-size: 10pt;width: 50%;text-align: left;padding-left: 15px;outline: none;border: none;border-bottom: solid 1px #4f81bd;box-sizing: border-box;} .Cards ul.TimeCard li select{font-family: Segoe UI;font-size: 10pt;width: 50%;text-align: left;outline: none;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;padding-left: 15px;box-sizing: border-box;} .Cards ul.TimeCard li:first-child>input{font-size: 10pt;width: 50%;text-align: left;padding-left: 15px;border: none;border-bottom: solid 1px #4f81bd;border-top: solid 1px #4f81bd;} .Cards ul.TimeCard li:first-child>label{width: 200px;font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;} .Cards ul.TimeCard li:first-child>label.header{background-color: #bfc9d6;} .Cards ul.TimeCard li:first-child>select{width: 50%;text-align: left;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;padding-left: 15px;border-top: solid 1px #4f81bd;} .Cards ul.TimeCard li input[type='button']{font-family: Segoe UI;cursor: pointer;margin: 2px auto 0px;border-radius: 5px;text-align: center;text-decoration: none;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #d1d1d2;width: 75px;position: absolute;height: 20px;} .Cards ul.TimeCard li input[type='color']{font-size: 10pt;width: 50%;text-align: left;padding-left: 0px;outline: none;border-bottom: solid 1px #4f81bd;height: 100%;background-color: #ffffff;} ul.MaestroLineStyle {list-style: none;padding: 0px;margin: 0px;font-size: 10pt;line-height: 1.42857143;color: #333;} ul.MaestroLineStyle li{width: 100%;display: flex;margin: 0px;padding: 0px;background-color: #cedae8;height: 25px;} ul.MaestroLineStyle li.HIDE{display: none} ul.MaestroLineStyle li.hide{display: none} ul.MaestroLineStyle li.header label,ul.MaestroLineStyle li.header:first-child>label {box-sizing: border-box;background-color: #bfc9d6;text-align: left;border:none;} ul.MaestroLineStyle li input,ul.MaestroLineStyle li input[type='date']{outline: none;box-sizing: border-box;text-align: left;padding: 0px 15px 0px 15px;border: none;border-bottom: solid 1px #4f81bd;} ul.MaestroLineStyle li input[type='number']{font-family: Segoe UI;height: 25px;outline: none;box-sizing: border-box;font-size: 10pt;width: 50%;text-align: left;padding: 0px 15px 0px 15px;border: none;border-bottom: solid 1px #4f81bd;/*height:100%;*/} ul.MaestroLineStyle li input[type='color']{padding: 0px 5px 0px 5px;height:100%;} ul.MaestroLineStyle li div{ display: flex; } ul.MaestroLineStyle li:first-child>input{border-top: solid 1px #4f81bd;} ul.MaestroLineStyle li.header+li input {border-top: solid 1px #4f81bd;} ul.MaestroLineStyle li.header+li label {border-top: solid 1px #ffffff;} ul.MaestroLineStyle li label{box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;text-align: right;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 23px;} ul.MaestroLineStyle li:first-child>label,ul.MaestroLineStyle li.afterheder>label{box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;text-align: right;line-height: 23px;} ul.MaestroLineStyle li select{font-size: 10pt;font-family: Segoe UI;padding-left: 10px;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;} ul.MaestroLineStyle li:first-child>select{font-size: 10pt;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #4f81bd;background-color: #ffffff;padding-left: 10px;border-top: solid 1px #4f81bd;} ul.MaestroLineStyle li input[type='button']{box-sizing: border-box;font-family: Segoe UI;cursor: pointer;margin: 2px auto 0px;border-radius: 5px;text-align: center;text-decoration: none;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #d1d1d2;width: 75px;position: absolute;left: calc( 50% + 210px);height: 21px;line-height: 0px;} ul.MaestroLineStyle li textarea{outline: none; width: 100%;resize: none;height: 120px;background-color: #fff;border: none;border-top: solid 1px #4f81bd;border-bottom: solid 1px #4f81bd; font: 9pt Segoe UI;} ul.MaestroLineStyle li textarea:disabled{ background-color: #ebebe4;} ul.MaestroLineStyle li [type='checkbox'] {display: none;} ul.MaestroLineStyle li input[type='button']:hover {background: #dadada;} ul.MaestroLineStyle li input[type='button'].green:hover {background: #72e276;} ul.MaestroLineStyle li input[type='button'].red:hover {background: #f76464;} ul.MaestroLineStyle li input[type='button'].orange:hover {background: #ffbe5d;} ul.MaestroLineStyle li input[type='button']:disabled, ul.MaestroLineStyle li input[type='button']:hover:disabled, ul.MaestroLineStyle li input[type='button'].green:hover:disabled, ul.MaestroLineStyle li input[type='button'].red:hover:disabled, ul.MaestroLineStyle li input[type='button'].orange:hover:disabled { background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} /* ul.MaestroLineStyle li [type='checkbox']:checked + label {box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px; background-color: #8dc5be; margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff; text-align: right;} */ ul.MaestroLineStyle li [type='checkbox'] + label {font-weight: normal;text-align: right;position: absolute;right: 10px;outline: none;width: 75px;margin: 2px 6px 0 0;height: 21px;border-radius: 5px;text-align: center;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #ecbdbd;text-decoration: none;} ul.MaestroLineStyle li [type='checkbox']:checked + label {background: #72e276;} ul.MaestroLineStyle li [type='checkbox']:checked + label:after {content: 'YES';} ul.MaestroLineStyle li [type='checkbox'] + label:after {content: 'NO';} ul.MaestroLineStyle li select:disabled {background-color: #ebebe4;} ul.MaestroSelectStyle {list-style: none;padding: 0px;margin: 0px;font-size: 10pt;line-height: 1.42857143;color: #333; width: 100%;} ul.MaestroSelectStyle > li{width: 100%;display: flex;margin: 0px;padding: 0px;background-color: #cedae8;height: 25px;} ul.MaestroSelectStyle > li.HIDE{display: none} ul.MaestroSelectStyle > li > label{text-align: center;cursor: pointer; box-sizing: border-box;font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;} ul.MaestroSelectStyle > li:first-child > label{font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;} ul.MaestroSelectStyle > li.selected > label,ul.MaestroSelectStyle > li.selected > label:hover {background-color: #748a99;} ul.MaestroSelectStyle > li > label:hover {background-color: #bacee6;} ul.MaestroLineStyle li input:read-only {background: #ebebe4;} ul.MaestroSelectStyle > li.flash_li > label{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} table.MaestroTableStyle {user-select: none;font-family: Segoe UI;font-size: 10pt;border-collapse: collapse;} table.MaestroTableStyle tr {} table.MaestroTableStyle thead tr th {font-weight: normal;text-align: center; top: 0px;z-index: 50;background-color: #ffffff;height: 25px;border-bottom:solid 1px #4f81bd;min-width: 25px;} table.MaestroTableStyle thead tr th.HEAD1 {top:0px; } table.MaestroTableStyle thead tr th.HEAD2 {top:25px;} table.MaestroTableStyle thead tr th.HEAD3 {top:50px;} table.MaestroTableStyle thead tr th.HEAD1:first-child {top:0px;z-index:150 } table.MaestroTableStyle thead tr th.HEAD2:first-child {top:25px;z-index:150} table.MaestroTableStyle thead tr th.HEAD3:first-child {top:50px;z-index:150} table.MaestroTableStyle tr td {font-weight: normal;border-bottom:solid 1px #4f81bd;text-align: center;} table.MaestroTableStyle tr th:first-child {font-weight: normal;width:150px; min-width: 150px; left: 0px;z-index: 100;background-color: #cedae8;height: 25px;border-bottom: solid 1px #ffffff;} table.MaestroTableStyle tr td:first-child {padding: 0px 10px;font-weight: normal;width:150px; min-width: 150px; left: 0px;z-index: 100;background-color: #cedae8;height: 25px;border-bottom: solid 1px #ffffff;} table.MaestroTableStyle tr td.Period {position: relative;} table.MaestroTableStyle tr td.CrossSelect,table.MaestroTableStyle tr th.CrossSelect {background-color: #ceceee;} table.MaestroTableStyle tr th.today {background-color: #abffb6;} table.MaestroTableStyle tr th.today.CrossSelect {background-color: #cbfbd2;} table.MaestroTableStyle tr th.red {color: #f76464;} table.MaestroTableStyle tr td.NewPeriod, table.MaestroTableStyle tr td.PeriodStart {background-color: red;} [data-periodlabel]:not([data-periodlabel=""]):after { content: ""; display: block; background-repeat: no-repeat; background-color: rgba(181, 43, 43, 0); /* background-image: url("sprite_16.png");*/ position: absolute; width: 16px; height: 16px; top: 50%; left: -1px; margin-top: -8px; margin-left: -8px; background-position: -256px -16px; z-index: 0; } [data-periodlabel]:hover:not([data-periodlabel=""]):after { content: attr(data-periodlabel); background-image: none; width: inherit; height: inherit; position: absolute; display: block; top: 40px; left: 30px; margin-top: -11px; margin-left: -11px; min-width: 200px; background-color: #e5edf8; border: solid 1px black; border-radius: 5px; padding-left: 4px; z-index: 200; } ul.MaestroButtonLineStyle {margin: 0px;width: 100%;list-style: none;padding: 6px 0px ;background-color: #dfdfe2;box-sizing: border-box;} ul.MaestroButtonLineStyle > li { line-height: normal; width:100%; display: inline-flex; padding: 0px; } ul.MaestroButtonLineStyle > li > input[type='button'], ul.MaestroButtonLineStyle > li > input[type='submit'], ul.MaestroButtonLineStyle > li > input[type='text'], ul.MaestroButtonLineStyle > li > select {outline: none; width: 75px;margin: 0 6px 0 0;height: 23px;border-radius: 5px;text-align: center;padding: inherit;border: solid 1px white;color: #ffffff;text-decoration: none;} ul.MaestroButtonLineStyle > li > label {outline: none; width: 75px;margin: 0 6px 0 0;text-align: right;padding: inherit;font-size: 10pt;color: #444444;} ul.MaestroButtonLineStyle > li > input[type='button']:hover, ul.MaestroButtonLineStyle > li > input[type='submit']:hover, ul.MaestroButtonLineStyle > li > input[type='text']:hover, ul.MaestroButtonLineStyle > li > select:hover { background: #72e276; } ul.MaestroButtonLineStyle > li > input[type='button'].red, ul.MaestroButtonLineStyle > li > input[type='submit'].red, ul.MaestroButtonLineStyle > li > input[type='text'].red, ul.MaestroButtonLineStyle > li > select.red { background: #f0a5a5; } ul.MaestroButtonLineStyle > li > input[type='button'].red:hover, ul.MaestroButtonLineStyle > li > input[type='submit'].red:hover, ul.MaestroButtonLineStyle > li > input[type='text'].red:hover, ul.MaestroButtonLineStyle > li > select.red:hover { background: #f76464; } ul.MaestroButtonLineStyle > li > input[type='button'].green, ul.MaestroButtonLineStyle > li > input[type='submit'].green, ul.MaestroButtonLineStyle > li > input[type='text'].green, ul.MaestroButtonLineStyle > li > select.green { background: #88d98b; } ul.MaestroButtonLineStyle > li > input[type='button'].green:hover, ul.MaestroButtonLineStyle > li > input[type='submit'].green:hover, ul.MaestroButtonLineStyle > li > input[type='text'].green:hover, ul.MaestroButtonLineStyle > li > select.green:hover { background: #039503; } ul.MaestroButtonLineStyle > li > input[type='button'].orange:hover, ul.MaestroButtonLineStyle > li > input[type='submit'].orange:hover, ul.MaestroButtonLineStyle > li > input[type='text'].orange:hover, ul.MaestroButtonLineStyle > li > select.orange:hover { background: #ffbe5d; } ul.MaestroButtonLineStyle > li > input[type='button']:disabled, ul.MaestroButtonLineStyle > li > input[type='button'].red:disabled, ul.MaestroButtonLineStyle > li > input[type='button'].green:disabled, ul.MaestroButtonLineStyle > li > input[type='submit']:disabled, ul.MaestroButtonLineStyle > li > input[type='submit'].red:disabled, ul.MaestroButtonLineStyle > li > input[type='submit'].green:disabled, ul.MaestroButtonLineStyle > li > input[type='text']:disabled, ul.MaestroButtonLineStyle > li > select:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.MaestroButtonLineStyle > li > input[type='button']:disabled:hover, ul.MaestroButtonLineStyle > li > input[type='button'].red:disabled:hover, ul.MaestroButtonLineStyle > li > input[type='button'].green:disabled:hover, ul.MaestroButtonLineStyle > li > input[type='submit']:disabled:hover, ul.MaestroButtonLineStyle > li > input[type='submit'].red:disabled:hover, ul.MaestroButtonLineStyle > li > input[type='submit'].green:disabled:hover, ul.MaestroButtonLineStyle > li > select:disabled:hover {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.MaestroButtonLineStyle > li > input[type='button']:first-child, ul.MaestroButtonLineStyle > li > input[type='submit']:first-child{margin:0px 10px 0px auto;} ul.MaestroButtonLineStyle > li > input[type='button'].red:hover{background: #f76464;} ul.MaestroButtonLineStyle > li > input[type='button'].DeleteButtonStyle:disabled, ul.MaestroButtonLineStyle > li > input[type='button'].green:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.MaestroButtonLineStyle > li > input[type='button'].DeleteButtonStyle:hover {background-color: #f76464} /*{???}*/ ul.MaestroButtonLineStyle > li >textarea:disabled{ background-size: 50px 50px; background-color: #d1d1d2; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); } .MaestroVerticalTableStyle {font-family: Segoe UI;font-weight: normal;font-size:10pt;border-collapse:collapse;border-spacing:0;border-color:#aaa;} .MaestroVerticalTableStyle caption {color: #000000;text-align: center;vertical-align: inherit;top: 0px;} .MaestroVerticalTableStyle thead {top: 0px;} .MaestroVerticalTableStyle th {vertical-align: inherit;text-align: center;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ffffff;color:#fff;background-color: #abbbc5;border-top-width:1px;border-bottom-width:1px;} .MaestroVerticalTableStyle tr {border-bottom: solid 1px #ffffff;} .MaestroVerticalTableStyle td {padding: 2px 10px;word-break: normal;color: #333;background-color: #ececee;box-sizing: border-box;} .MaestroVerticalTableStyle td:nth-child(odd){background-color: #dddddd;} .MaestroVerticalTableStyle td > input[type='button']{outline: none;box-sizing: border-box;font-family: Segoe UI;cursor: pointer;margin: 0px auto;border-radius: 5px;text-align: center;text-decoration: none;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #d1d1d2;width: 75px;height: 20px;line-height: 0px;} .MaestroVerticalTableStyle td > input[type='button']:disabled,.MaestroVerticalTableStyle td > input[type='button']:disabled:hover{background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} .MaestroVerticalTableStyle td.PeriodLine{background-color: #abbbc5} .MaestroVerticalTableStyle td > input[type='button']:hover, .MaestroVerticalTableStyle td > input[type='button'].green:hover {background: #72E276;} .MaestroVerticalTableStyle td > input[type='button'].red:hover {background: #f67454;} table.MaestroVerticalTableStyle tr.CurrentLineClassStyle td:nth-child(odd){background-color: #78b3fd;} table.MaestroVerticalTableStyle tr.CurrentLineClassStyle td {background-color: #a2c7f5;} table.MaestroVerticalTableStyle tr.CompliteLineClassStyle td:nth-child(odd){background-color: #7afd78;} table.MaestroVerticalTableStyle tr.CompliteLineClassStyle td {background-color: #aff5a2;} table.MaestroVerticalTableStyle tr.AbortedLineClassStyle td:nth-child(odd){background-color: #fdda78;} table.MaestroVerticalTableStyle tr.AbortedLineClassStyle td {background-color: #f5e3a2;} table.MaestroVerticalTableStyle tr.NTBPLineClassStyle td:nth-child(odd){background-color: #fd7878;} table.MaestroVerticalTableStyle tr.NTBPLineClassStyle td {background-color: #f5a2a2;} table.MaestroVerticalTableStyle tr.CurrentLineClassStyle:hover td:nth-child(odd){background-color: #6aa0e4;} table.MaestroVerticalTableStyle tr.CurrentLineClassStyle:hover td:nth-child(even) {background-color: #95b5de;} table.MaestroVerticalTableStyle tr.CompliteLineClassStyle:hover td:nth-child(odd){background-color: #6ce06a;} table.MaestroVerticalTableStyle tr.CompliteLineClassStyle:hover td:nth-child(even) {background-color: #b1e2a8;} table.MaestroVerticalTableStyle tr.AbortedLineClassStyle:hover td:nth-child(odd){background-color: #fdda78;} table.MaestroVerticalTableStyle tr.AbortedLineClassStyle:hover td:nth-child(even) {background-color: #f5e3a2;} table.MaestroVerticalTableStyle tr.NTBPLineClassStyle:hover td:nth-child(odd){background-color: #fd7878;} table.MaestroVerticalTableStyle tr.NTBPLineClassStyle:hover td:nth-child(even) {background-color: #f5a2a2;} option.CompliteLineClassStyle {background-color: #7afd78;} option.AbortedLineClassStyle {background-color: #fdda78;} .MaestroCalendarStyle {background-color: #d1d1d2;padding: 8px 0px;font-size: 10pt;} .MaestroCalendarStyle table {border-collapse: collapse;} .MaestroCalendarStyle table th {text-align: center;font-weight: normal;} .MaestroCalendarStyle table td {background-color: #d1d1d2; color:#969696; text-align:center; padding: 0px 3px;cursor: pointer;font-size: 10pt;} .MaestroCalendarStyle table td.selected {background-color: #abbbc5;} .MaestroCalendarStyle table td div.Current {color:#ffffff;} .MaestroCalendarStyle table td.WeekNumber {padding-right: 8px;} .MaestroCalendarStyle table td.WeekNumber div {color:#000000;text-align:left;} .MaestroCalendarStyle table td.today,.MaestroCalendarStyle table td.selected.today {background-color: #748a99;} .MaestroTopSelectLabelStyle {line-height: 1.1;height: 15px;font-family: Segoe UI;text-align: center;margin-top: 0px;background-color: #abbbc5;padding: 15px 0px 10px;font-size: 10pt;font-weight: normal;color: white;margin: 0px 0px 5px;cursor: pointer;border-bottom: solid 1px #4f81bd;box-sizing: border-box;height: 40px;} .MaestroTopSelectLabelStyle.selected{background-color: #ececee;color: #000000;border-bottom: none;border-right: solid 1px #4f81bd;font-size: 10pt;padding: 15px 0px 10px;margin: 0px 0px 5px;} .MaestroTopSelectLabelStyle.selected:not(:first-child) {border-left: solid 1px #4f81bd;} ul.MaestroBottomButtonStyle { margin: 0px; padding: 0px; width: 100%; list-style: none; box-sizing:border-box; padding:6px; position: absolute;bottom: 0px;background-color: #dfdfe2;} ul.MaestroBottomButtonStyle li { line-height: normal; width:100%; display: inline-flex; padding: 0px; } ul.MaestroBottomButtonStyle li span {display: none;padding-left: 10px;color: #ef1111; } ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons,li input[type='button'].DashboardButtons.red,li input[type='button'].DashboardButtons.green {outline: none; font-family: Segoe UI; cursor: pointer; /* margin: 10px auto 0px;*/ height: 23px; width: 50px; border-radius: 5px;text-align: center;padding: inherit; font-size: 10pt; border: solid 1px white; color: #ffffff; background: #d1d1d2; text-decoration: none;} li input[type='button'].DashboardButtons.green.VChanged {background-color: #ffab28;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons:disabled,li input[type='button'].DashboardButtons.red:disabled,li input[type='button'].DashboardButtons.green:disabled {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons:disabled:hover,li input[type='button'].DashboardButtons.red:disabled:hover,li input[type='button'].DashboardButtons.green:disabled:hover {background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons:hover { background: #72e276; } ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons:first-child {margin:0px 1px 0px auto;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons {margin:0px 1px 0px 1px;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons:last-child {margin:0px auto 0px 1px;} ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons.red:hover { background: #f76464; } ul.MaestroBottomButtonStyle li input[type='button'].DashboardButtons.green:hover { background: #72e276; } /*li input[type='button'].DashboardButtons.green.Pressed { background: #72e276; } */ ul.MaestroBottomButtonStyle.Warning {background-color: #f7c7b9;} ul.MaestroBottomButtonStyle.Warning li span { display: block; } ul.MaestroBottomButtonStyle.Warning li input[type='button'].DashboardButtons { background: #f95656; } .WindowLabelTop{ width: 100%; height: 40px; text-align: center; color: #000000; border-bottom: none; padding: 15px 0px 10px; font-family: inherit; font-weight: normal; line-height: 1.1; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0px 0px 5px; font-size: 10pt; box-sizing: border-box; background-color: #ececee;} footer.MaestroFooterStyle{ position: fixed; bottom: 0px; background: rgb(124, 172, 247); width: 100vw; padding: 12px 0px; color: white;} footer.MaestroFooterStyle div{ position: fixed; bottom: 0px; background: rgb(124, 172, 247); width: 100vw; padding: 12px 0px; color: white; height: 45px; box-sizing: border-box; font-size: 10pt; line-height: 1.5;} .LoadPhoto { content: ""; display: block; background-repeat: no-repeat; background-color: rgba(181, 43, 43, 0); background-image: url("sprite_16.png"); position: absolute; width: 16px; height: 16px; bottom: -18px; right: calc( 50% - 8px ); margin-top: -8px; margin-left: -8px; background-position: -96px -16px; cursor: pointer;} div.MaestroVerticalSelectWithFrozenHeader {padding: 0px 1px 0px 0px;box-sizing: border-box;height: 100%;overflow-y: auto;} div.MaestroVerticalSelectWithFrozenHeader > div {height: 100%;background-color:#dadada} div.MaestroVerticalSelectWithFrozenHeader > div > h3.Frozen {font-family: Segoe UI;text-align: center;background-color: #dadada;padding: 10px 0px;font-size: 10pt;font-weight: normal;color: #000000;top: 0;width: 100%;margin: 0px;} .TopSelectLabel {font-family: Segoe UI;text-align: center;margin-top: 0px;background-color: #abbbc5;padding: 15px 0px 10px;font-size: 10pt;font-weight: normal;color: white;margin: 0px 0px 5px;cursor: pointer;border-bottom: solid 1px #4f81bd;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .TopSelectLabel.selected{background-color: #ececee;color: #000000;border-bottom: none;border-right: solid 1px #4f81bd;font-size: 10pt;padding: 15px 0px 10px;margin: 0px 0px 5px;} .TopSelectLabel.selected:not(:first-child) {border-left: solid 1px #4f81bd;} .H3 {font-family: Segoe UI;text-align: center;margin-top: 0px;padding: 15px 0px 10px;font-size: 10pt;font-weight: normal;margin: 0px 0px 5px;cursor: pointer;} table.MaestroVerticalTableStyle tr.BadPointClass > td {background-color: #ffc1c1;} table.MaestroVerticalTableStyle tr.BadPointClass > td:nth-child(odd) {background-color: #ffb0b0;} table.MaestroVerticalTableStyle tr.BadPointClass > td.Even {background-color: #ffc1c1;} table.MaestroVerticalTableStyle tr.BadPointClass > td.Odd {background-color: #ffb0b0;} div.Picture { position: absolute; top: 35px; left: calc( 210px + 50% ); padding: 4px; background-color: #ececee; width: calc( 50% - 250px ); height: 200px; display: flex; } div.Picture>img { height: 200px; text-align: center; margin: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } div.QRCode>img { height: 200px; width: 200px; text-align: center; margin: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } /* для линии картинок */ .file {height: 100%;margin: 0px 2px;background: #c4d3e4;width: 100px;} .file > .file-block {width: 100%;padding: 0px 10px; box-sizing: border-box;} .file .file-description{display: flex;flex-direction: row;justify-content: space-between;align-items: baseline;height: 50%;} .file .file-name{color: #6e6e6e;font-weight: 500; margin: auto 0px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 100px; display: block;} .file .file-description .file-size{font-size: 8pt;text-transform: lowercase;color: #467158; margin: auto 0px;} .pre-file-status{height: 50%;display: flex; margin-bottom: 2px;} .pre-file-status .file-status { margin: auto;background-color: #e9e9e9;height: 5px;width: 100%;border-radius: 2.5px;position: relative;overflow: hidden;} .pre-file-status .file-status .status-line {transition: background-image 0.2s linear;max-width: attr( data-width );min-width: 1%;height: 100%;background-color: #9b59b6;background-image: linear-gradient(0deg, #8e44ad 50%, #9b59b6 50%);-webkit-animation: loading 1.5s;animation: loading 1.5s;} .FileDeletesStyle{width: 10%;text-align: center;background-color: #748a99;height: 100%;display: flex;cursor: pointer;width: 31px; text-align: center; background-color: #ef6a6a; height: 17px; display: flex; cursor: pointer; position: absolute; right: 5px; top: 6px; border-radius: 7px; border: solid 1px #fff; color: #fff;} .dropZone { color: #555;font-size: 18px;text-align: center; width: 400px;padding: 35px 0;margin: 10px auto;background: #eee;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .dropZone.hover {background: #abf5b6;border-color: #83c18d;} .dropZone.error {background: #faa;border-color: #f00;} .dropZone.drop {background: #afa;border-color: #0f0;} ul.MaestroLineStyle li div.ScrolledCommentField,ul.MaestroLineStyle li div.ScrolledCommentField{display: block;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody{width: 90%;display:block; padding: 2px 10px;box-sizing: border-box;font-size: 10pt;text-align: center;border-radius: 4px;background-color: #ececee; margin-bottom: 1px;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody.Self{ margin-left: auto;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody>.CommentOwner{text-align: left;margin-bottom: 1px;color:#000000;display: flex;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody>.CommentOwner span.left{} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody>.CommentOwner span.right{margin-left: auto;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody>.CommentText{padding:0px 2px 0px 8px;box-sizing: border-box;text-align: justify;word-wrap: break-word;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody>.CommentDateTime{text-align: right;font-size: 10pt;} ul.MaestroLineStyle li div.ScrolledCommentField div.CommentBody.SYSTEM{ width: 90%; background-color: #cec701; margin:2 auto 2 auto;} div.ScrolledCommentField{display: block;background-color: #ececee;} div.ScrolledCommentField div.CommentBody{width: 90%;display:block; padding: 2px 10px;box-sizing: border-box;font-size: 10pt;text-align: center;border-radius: 4px;background-color:#ffffff; margin-bottom: 4px;} div.ScrolledCommentField div.CommentBody.Self{ margin-left: auto;background-color: #aeaefb;color: #000;} div.ScrolledCommentField div.CommentBody>.CommentOwner{text-align: left;margin-bottom: 1px;color:#000000;display: flex;} div.ScrolledCommentField div.CommentBody>.CommentOwner span.left{} div.ScrolledCommentField div.CommentBody>.CommentOwner span.right{margin-left: auto;} div.ScrolledCommentField div.CommentBody>.CommentText{padding:0px 2px 0px 8px;box-sizing: border-box;text-align: justify;word-wrap: break-word;} div.ScrolledCommentField div.CommentBody>.CommentDateTime{text-align: right;font-size: 6pt;} div.ScrolledCommentField div.CommentBody.SYSTEM{ width: 90%; background-color: #ffcc55; margin:2 auto 2 auto;} .HIDE {display:none;} .AppButtons {height: 60px;width: 60px;position: initial;border-radius: 6px;} .AppButtons:hover {background-color: #56a7d6;} .AppButtons.selected {background-color: #748a99;} .ObsCardApp {height: 60px;width: 60px;position: initial;border-radius: 6px;} .ObsCardApp:hover {background-color: #ca9b18;} .MaestroButtonStyle { outline: none; font-family: Segoe UI; cursor: pointer; /* margin: 10px auto 0px; */ line-height: 19px; width: 75px; border-radius: 5px; text-align: center; padding: inherit; font-size: 10pt; border: solid 1px white; color: #ffffff; background: #d1d1d2; text-decoration: none; } ul.MaestroLineStyle.NewStyle li label{box-sizing: border-box; width: 200px; font-weight: normal; padding: 2px 15px 2px 15px; background-color: #cedae8; margin: 0px; border-bottom: solid 1px #fff; text-align: right; line-height: 25px;} ul.MaestroLineStyle.NewStyle li label.input { font-family: Segoe UI; line-height: 25px; outline: none; box-sizing: border-box; font-size: 10pt; width: 50%; text-align: left; padding: 0px 15px 0px 15px; border-bottom: solid 1px #4f81bd; background-color: #fff; } ul.MaestroLineStyle.NewStyle li:first-child> label { border-top: solid 1px #fff;} ul.MaestroLineStyle.NewStyle li:first-child> label.input{ border-top: solid 1px #4f81bd;} ul.MaestroLineStyleNew2 {list-style: none;line-height: 1.42857143;color: #333; user-select: none;} ul.MaestroLineStyleNew2>li,ul.MaestroLineStyleNew2>div>li{width: 100%;display: flex;} ul.MaestroLineStyleNew2 li.HIDE{display: none} ul.MaestroLineStyleNew2 li.hide{display: none} ul.MaestroLineStyleNew2 li.header label,ul.MaestroLineStyleNew2 li.header:first-child>label {box-sizing: border-box;background-color: #bfc9d6;text-align: left;border:none;} ul.MaestroLineStyleNew2>li>input,ul.MaestroLineStyleNew2>li>input[type='date']{outline: none;box-sizing: border-box;width: 50%;text-align: left;padding: 0px 15px 0px 15px;border: none;border-bottom: solid 1px #ffffff;background-color: #ececee;} ul.MaestroLineStyleNew2 li input[type='number']{outline: none;box-sizing: border-box;font-size: 10pt;width: 50%;text-align: left;padding: 0px 15px 0px 15px;border: none;border-bottom: solid 1px #ffffff;/*height:100%;*/} ul.MaestroLineStyleNew2 li input[type='color']{padding: 0px 5px 0px 5px;height:100%;} ul.MaestroLineStyleNew2>li>div{ display: flex; } ul.MaestroLineStyleNew2 li:first-child>input{border-top: solid 1px #ffffff;} ul.MaestroLineStyleNew2 li.header+li input {border-top: solid 1px #ffffff;} ul.MaestroLineStyleNew2 li.header+li label {border-top: solid 1px #ffffff;} ul.MaestroLineStyleNew2>li>label,ul.MaestroLineStyleNew2>div>li>label{box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;text-align: right;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 23px;} ul.MaestroLineStyleNew2>li:first-child>label,ul.MaestroLineStyleNew2>li.afterheder>label{box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;text-align: right;line-height: 23px;} ul.MaestroLineStyleNew2>div>li:first-child>label{box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;text-align: right;line-height: 23px;} ul.MaestroLineStyleNew2 li select{padding-left: 10px;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #ffffff;background-color: #ececee;border-radius: 0px;box-sizing: border-box;margin: 0px;} ul.MaestroLineStyleNew2 li:first-child>select{font-size: 10pt;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #ffffff;background-color: #ececee;padding-left: 10px;border-top: solid 1px #ffffff;} ul.MaestroLineStyleNew2 li input[type='button']{box-sizing: border-box;cursor: pointer;margin: 2px auto 0px;border-radius: 5px;text-align: center;text-decoration: none;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #d1d1d2;width: 75px;position: absolute;left: calc( 50% + 210px);height: 21px;line-height: 0px;} ul.MaestroLineStyleNew2 li textarea{outline: none; width: 100%;resize: none;background-color: #ececee; border: none;font: 9pt Segoe UI;height: 100%;padding: 0px 10px;box-sizing: border-box;} ul.MaestroLineStyleNew2>li>textarea{border-bottom: solid 1px #ffffff; } ul.MaestroLineStyleNew2 li textarea.disabled,ul.MaestroLineStyleNew2 li textarea.readonly{ background-color: #dddddd;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleNew2 li div.CheckBoxStyle>input[type='checkbox'] {display: none;} ul.MaestroLineStyleNew2 li input[type='button']:hover {background: #dadada;} ul.MaestroLineStyleNew2 li input[type='button'].green:hover {background: #72e276;} ul.MaestroLineStyleNew2 li input[type='button'].red:hover {background: #f76464;} ul.MaestroLineStyleNew2 li input[type='button'].orange:hover {background: #ffbe5d;} ul.MaestroLineStyleNew2 li input[type='button']:disabled, ul.MaestroLineStyleNew2 li input[type='button']:hover:disabled, ul.MaestroLineStyleNew2 li input[type='button'].green:hover:disabled, ul.MaestroLineStyleNew2 li input[type='button'].red:hover:disabled, ul.MaestroLineStyleNew2 li input[type='button'].orange:hover:disabled { background-color: #ececee;border: solid 1px #d1d1d2;color: #d1d1d2;} /* ul.MaestroLineStyleNew2 li [type='checkbox']:checked + label {box-sizing: border-box;width: 200px;font-weight: normal;padding: 2px 15px 2px 15px; background-color: #8dc5be; margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff; text-align: right;} */ ul.MaestroLineStyleNew2 li div.CheckBoxStyle>input[type='checkbox'] + label {font-weight: normal;text-align: right;position: absolute;right: 10px;outline: none;width: 75px;margin: 2px 6px 0 0;height: 21px;border-radius: 5px;text-align: center;padding: inherit;font-size: 10pt;border: solid 1px white;color: #ffffff;background: #ecbdbd;text-decoration: none;} ul.MaestroLineStyleNew2 li div.CheckBoxStyle>input[type='checkbox']:checked + label {background: #72e276;} ul.MaestroLineStyleNew2 li div.CheckBoxStyle>input[type='checkbox']:checked + label:after {content: 'YES';} ul.MaestroLineStyleNew2 li div.CheckBoxStyle>input[type='checkbox'] + label:after {content: 'NO';} ul.MaestroLineStyleNew2 li select:disabled {background-color: #dddddd;color:#000000;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox'] {position: absolute;z-index: -1;opacity: 0;} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox']+label {display: inline-flex;align-items: center;user-select: none;font-size: 10pt;font-family: Segoe UI;line-height: 20px;height: 20px;width: 100%;padding-left: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox']+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox']:checked+label::before {border-color: #0b76ef;background-color: #0b76ef;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox']:checked:disabled+label::before { border-color: #dddddd;background-color: #bababa;} ul.MaestroLineStyleNew2>div>li>div>input[type='checkbox']:disabled+label { background-color: #dddddd; color: #000000; font-style: italic; cursor: not-allowed;} ul.MaestroSelectStyle {list-style: none;padding: 0px;margin: 0px;font-size: 10pt;line-height: 1.42857143;color: #333; width: 100%;} ul.MaestroSelectStyle > li{width: 100%;display: flex;margin: 0px;padding: 0px;background-color: #cedae8;height: 25px;} ul.MaestroSelectStyle > li.HIDE{display: none} ul.MaestroSelectStyle > li > label{text-align: center;cursor: pointer; box-sizing: border-box;font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;} ul.MaestroSelectStyle > li:first-child > label{font-weight: normal;padding: 2px 0px 2px 10px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;border-top: solid 1px #fff;} ul.MaestroSelectStyle > li.selected > label,ul.MaestroSelectStyle > li.selected > label:hover {background-color: #748a99;} ul.MaestroSelectStyle > li > label:hover {background-color: #bacee6;} ul.MaestroLineStyleNew2 li input:read-only {background: #dddddd;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleNew2 li div.PicBlock.disabled{height: 100%;width: 100%;background-color: #ddd;padding: 0px 4px;display: flex;border-bottom: solid 1px #ffffff;border-top: solid 1px #ffffff;box-sizing: border-box;} ul.MaestroLineStyleNew2>div{ border-bottom: solid 1px #fff;} ul.MaestroLineStyleNew2>li>input:disabled{background-color: #dddddd;color: #000000;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleNew2>div>li>textarea:disabled{background-color: #dddddd;color: #000000;font-style: italic;cursor: not-allowed;} div.ScrolledCommentField div.CommentBody label.gear {bottom: 10px; right: 10px; content: ""; display: block; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0); background-image: url("sprite_16.png"); position: absolute; width: 16px; height: 16px; background-position: -128px -16px; cursor: pointer; padding: 0px; } .progress-bar {border-radius:5px;overflow: hidden;display: flex;width: 100%;} .bar {background: #fff;width: 100%;display: flex;height: 10px;} .progress { background: green;color: #fff;padding: 0px;width: 0%;} .progress-bar {left: 50%;max-width: 50%;position: absolute;top: 50%;transform: translate3d(-50%,-50%,0);} /* Для мобильной версии сайта */ ul.MaestroLineStyleMobile {list-style: none;padding: 0px;margin: 0px;font-size: 10pt;line-height: 1.42857143;color: #333;width: 100%;} ul.MaestroLineStyleMobile .textarea{height: 300px} ul.MaestroLineStyleMobile li{width: 100%;display: flex;margin: 0px;padding: 0px;background-color: #cedae8;} ul.MaestroLineStyleMobile li>input,ul.MaestroLineStyleMobile div>li>select{height: 70px;font-size:30pt;padding-left:25px } ul.MaestroLineStyleMobile>div{border-bottom: solid 1px #fff;} ul.MaestroLineStyleMobile>div>li{background-color: #ececee;} ul.MaestroLineStyleMobile>div>li>label{background-color: #cedae8;width: 100%;text-align: center;height: 70px;line-height: 50px;font-size: 30pt;} ul.MaestroLineStyleMobile>li.hide,ul.MaestroLineStyleMobile>div.hide{display: none;border: none;} ul.MaestroLineStyleMobile > li > label,ul.MaestroLineStyleMobile > div>li > label{text-align: right;box-sizing: border-box;font-weight: normal;padding: 0px 15px;background-color: #cedae8;margin: 0px;border-bottom: solid 1px #fff;font-family: Segoe UI;font-size: 30pt;line-height: 70px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} ul.MaestroLineStyleMobile>li>input{font-family: Segoe UI;height: 40px;outline: none;box-sizing: border-box;font-size: 10pt;width: 50%;text-align: left;padding:0px 15px;border: none;border-bottom: solid 1px #ffffff;height:100%;background-color: #ececee;font-family: Segoe UI;font-size: 30pt;line-height: 70px;} ul.MaestroLineStyleMobile li textarea{padding: 2px 15px;outline: none; width: 100%;resize: none;border: none;height: 100%;box-sizing: border-box;line-height: 30px;font: 100 20pt Segoe UI;} ul.MaestroLineStyleMobile > li:first-child > label,ul.MaestroLineStyleMobile li:first-child>input{border-top: solid 1px #fff;} ul.MaestroLineStyleMobile>li>select{padding-left: 10px;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #ffffff;background-color: #ececee;border-radius: 0px;box-sizing: border-box;margin: 0px;font-family: Segoe UI;font-size: 20pt;line-height: 100%;} ul.MaestroLineStyleMobile>li:first-child>select{font-size: 20pt;outline: none;box-sizing: border-box;width: 50%;text-align: left;border: none;border-bottom: solid 1px #ffffff;background-color: #ececee;padding-left: 10px;border-top: solid 1px #ffffff;} ul.MaestroLineStyleMobile li.header label,ul.MaestroLineStyleMobile li.header:first-child>label {box-sizing: border-box;background-color: #bfc9d6;text-align: left;border:none;} ul.MaestroLineStyleMobile input[type='checkbox'] {position: absolute;z-index: -1;opacity: 0;} ul.MaestroLineStyleMobile input[type='checkbox']+label {display: inline-flex;align-items: center;user-select: none;font-size: 30pt;font-family: Segoe UI;line-height: 50px;height: 50px;} ul.MaestroLineStyleMobile input[type='checkbox']+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;} ul.MaestroLineStyleMobile input[type='checkbox']:checked+label::before {border-color: #0b76ef;background-color: #0b76ef;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");} ul.MaestroLineStyleMobile li select:disabled {background-color: #dddddd;color:#000000;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleMobile > li{width: 100%;display: flex;margin: 0px;padding: 0px;background-color: #cedae8;height: 70px;} ul.MaestroLineStyleMobile > li > label:hover {background-color: #bacee6;} ul.MaestroLineStyleMobile li input:read-only {background: #dddddd;font-style: italic;cursor: not-allowed;} ul.MaestroLineStyleMobile li div.PicBlock.disabled{height: 100%; width: 100%; background-color: #ddd; padding: 0px 4px; display: flex; border-bottom: solid 1px #ffffff; border-top: solid 1px #ffffff; box-sizing: border-box;} ul.MaestroLineStyleMobile li.textarea {height: 200px} ul.MaestroLineStyleNew2 li.textarea {height: 100px} .WindowLabelMobile { margin-bottom: 0px; font-family: Segoe UI; text-align: center; margin-top: 0px; background-color: #748a99; padding:0px; font-size: 25px; font-weight: normal; color: white; height: 75px; box-sizing: border-box; line-height: 75px; } .TopLineMobile{ margin-bottom: 0px; font-family: Segoe UI; text-align: center; margin-top: 0px; background-color: #748a99; padding:0px; font-size: 25px; font-weight: normal; color: white; height: 150px; box-sizing: border-box; line-height: 150px; } .TopLineMobile div.MainButton { width: 148px; text-align: center; margin: auto; font-size: 113px; position: absolute; box-sizing: border-box; height: 148px; } ul.MaestroLineStyleMobileLogin { list-style: none; padding: 0px; margin: 0px; font-size: 10pt; line-height: 1.42857143; color: #333; width: 100%;} ul.MaestroLineStyleMobileLogin li{width: 100%; display: flex; width: 100%; height: 80px; line-height: 80px; padding: 0px;} ul.MaestroLineStyleMobileLogin li label{ width: 100%; height: 80px; line-height: 80px; padding: 0px; text-align: center; font-size: 30pt; margin: 0px; box-sizing: border-box; cursor: default; } ul.MaestroLineStyleMobileLogin li input{ width: 100%; height: 80px; line-height: 80px; padding: 0px; text-align: center; font-size: 30pt; margin: 0px; box-sizing: border-box; cursor: default; } .MobileDesks{ height: 100%;width: 100%;background-color: #d6d6d6;display: none;overflow: auto;position: absolute; } .AppButtonsMobile {width: 300px;height: 300px;display: flex;margin: 6px auto;border-radius: 28px;} .AppButtonsMobile:hover {background-color: #56a7d6;} .AppButtonsMobile.selected {background-color: #748a99;} div.MaestroPopUp {height: initial;background-color: #ececee;padding-bottom:0px;max-width:70vw;/*max-height: 80vh;*/width:70vw;} h3.FrozenLabel {font-family: Segoe UI;text-align: center;background-color: #dadada;padding: 10px 0px;font-size: 10pt;font-weight: normal;color: #000000;top: 0;width: 100%;margin: 0px;} .Scrolled{ margin: 0px; height: calc( 100% - 36px ); background-color: #dadada; } .Scrolled > ul{ height: auto; max-height: 100%; margin: 0; overflow-y: hidden; } .Scrolled > ul:hover{ overflow-y: overlay; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; } .Scrolled > ul::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .Scrolled > ul::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5); } ul.MaestroLineStyleNew2 li.selected label {background-color: #748a99} .CastomFieldsDesk{ width: 100%; margin: auto;display: flex;max-height: calc( 100vh - 450px); overflow-y: hidden; } .CastomFieldsDesk:hover{ overflow-y: overlay; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; } .CastomFieldsDesk::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .CastomFieldsDesk::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5); } .MaestroMainBlocks {height: 100%;width: 100%;} .MaestroMainBlockLine {height: 50%;width: 100%;display: flex;} .MaestroMainBlockWrap {width: 50%;height: 100%;display: block;position: relative;} .MaestroMainBlock{ width: 100%;height: 100%;padding-top: 10px; box-sizing: border-box; overflow-y: overlay; overflow-x: hidden; text-align: center; } /* .MaestroMainBlock::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .MaestroMainBlock::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5); } */ .MaestroMainBlockConfig{ content:'X'; position: absolute; right: 10px; top: 5px; } tr.bgred td { background-color: #fc0101; } tbody tr.error td:nth-child(even){background: #fcb9b9;} tbody tr.error td:nth-child(odd){background: #fe9090;} span.LeftBarAppButtons{ font-size: 45pt; height: 60px; width: 60px; display: flex; position: relative; margin: 10px auto 10px; padding: 0px 1px; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; color: #ffffff; } span.LeftBarAppButtons.selected{background-color: #748a99} .CommentBody.DocBody.Expired {background-color: #ff9a9a;} .CommentBody.DocBody.NoExists {background-color: #fefefe;}