/* roboto-regular - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-cyrillic-ext_latin-ext_latin_cyrillic-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-italic - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700italic - cyrillic-ext_latin-ext_latin_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v18-cyrillic-ext_latin-ext_latin_cyrillic-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* body { min-width: 1160px; } */ body { margin:1px 2px; } @media screen { main { /* min-width: 600px; */ margin:0px; width:100%; height:calc(100vh - 30px); user-select:none; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ } } @media print { } .frm-close { /* кнопка-кружок для закрытия формы */ background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: 10px; top: 10px; width: 24px; text-align: center; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; /* скругление нашей кнопки */ } .frm-close:hover { background: #00d9ff; } /* КОНЕЦ Карточка Item */ /* Окно подтверждения действия */ #confirm-q { width: 400px; height: 210px; margin: 80px auto; padding: 10px 20px 20px 20px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #e5fff2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); } form#confirm-q fieldset#conf-buttons { text-align: center; border: none } form#confirm-q label { display: block; text-align: center; margin-top: 20px; margin-bottom: 20px; } form#confirm-q label#prod-descr { display: block; text-align: center; font-size: 20px; } /* КОНЕЦ Окно подтверждения действия */ /* Исправленный тэг */ .crossed { text-decoration: line-through; color: gray; background: lightgray; } .cur-ws { color: blue; font-weight:bold; } /* Стиль для таблиц */ table { font-size: 13px; font-family: Roboto Condensed; } /* 05/12/2019: changed font-family from 'sans-serif' to 'Roboto Condensed' */ table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 2px; /* text-align: center; */ } th { text-align: center; background: lightgrey; font-family: Roboto Condensed; font-size: 12px; } tr.act-raw { background: lightgreen; font-weight: bold; } /* .pan-tblc tr:hover { background: #fff4e6; } */ .pan-tblc2 tr:hover { background: #fff4e6; } .pan-tblc3 tr:hover { background: #fff4e6; } .pan-gritms tr:hover { background: #ffd097; } .pan-gritms #cclickable:hover { background:#fff4e6; } .pan-tsrlog tr:hover { background: #ffd097; } .awo-cont tr:hover { background: #fff4e6; } .tblog tr:hover { background: #fff4e6; } .tbtsr tr:hover { background: #fff4e6; } .twc-cont tr:hover { background: #fff4e6; } .grf-cont tr:hover { background: #fff4e6; } /* ширина колонки "Номер наряда" */ th.woid { width: 60px; } td.woidval { text-align: center; } /* ширина колонки "Название задачи" */ th.tasktitle { width: 200px; } td.tasktitleval { text-align: left; } /* ширина колонки "Название процесса" */ th.procname { width: 275px; } td.procnameval { text-align: left; } /* ширина колонки "Код продукта" */ .itmname { width: 110px; text-align: left; padding-left: 5px; } td.itmnameval { text-align: left; } /* ширина колонки "Описание продукта" */ .itmdscr { width: 240px; text-align: left; padding-left: 5px; } td.itmdscrval { text-align: left; } /* ширина колонки "Полное описание продукта" */ .itmdscrln { width: 300px; text-align: left; padding-left: 5px; } td.itmdscrlnval { text-align: left; } /* ширина колонки "Статус" */ .stat { width: 80px; } td.statval { text-align: center; } /* ширина колонки "Дата/время" */ th.datetm { width: 90px; } /* Стили отступа задач разного уровня в Дереве задач */ td.line-indn0 { padding-left: 5px; text-align: left; font-weight: bold; } td.line-indn1 { padding-left: 15px; text-align: left; } td.line-indn2 { padding-left: 25px; text-align: left; } td.line-indn3 { padding-left: 35px; text-align: left; } /* подсвечивание задач типа "Alert"*/ td.blink { color: red; } /* Скроем подчеркивание гиперссылок */ a { color: #0060B6; text-decoration: none; } .pan-selwo-side a { } /* Изменение курсора при наведении на гиперссылку */ a:hover { text-decoration:none; font-weight:bold; color:#994000; cursor:pointer; } .pan-tsktree-side a:hover { text-decoration:underline; font-weight:normal; } a.hidln { color: black; } a.hidln:hover { cursor:default; } h1 { font-family: sans-serif; font-size: 14px; } /* Рабочая область окна (ГЛАВНОГО) */ /* Новые Главные навигационные меню */ ul.nav-menu { min-width: 300px; padding: 0px; position: relative; list-style-type: none; margin: 2px 0px; overflow: hidden; border: none; background-color: #f3f3f3; } li.nav-menu-li, li.nav-menu-li-wdrop { float: left; border-right: 2px solid #fff; } li.nav-menu-li a, li.nav-menu-hom a, li.nav-menu-li-wdrop a { display: block; color: #000; text-align: center; text-decoration: none; padding: 10px 8px; text-shadow: 1px 1px 2px #888; font-family: sans-serif; font-size: 14px; font-weight:bold; } li.nav-menu-li a:hover:not(.active), li.nav-menu-hom a:hover:not(.active) { background-color: #ffd599; } /* #F2F5A9 #FFCB9C */ li.nav-menu-li a.active { color: white; background-color: #b36800; } /* #A1A371 #7D4006 #945808 */ @media print { ul.nav-menu { display: none; } } /* КОНЕЦ Новые Главные навигационные меню */ /* Панели "Выбранные наряды", "Доступные задачи" и т.п. */ .pan-womgt, .pan-wochosen, .pan-alltsks, .pan-epiinfo, .pan-allepi, .pan-avlepilst, .pan-itmepi-lnk, .pan-epitsks, .pan-alrview, .itmsearch, .logsearch, .pan-tagainfo, .pan-tsksrch { padding: 5px 20px; box-shadow: 1px 3px 20px -3px rgba(0, 0, 0, 0.4); background-color: #fffff0; min-width: 700px; } .pan-tskinfo { padding: 10px 20px; box-shadow: 1px 3px 20px -3px rgba(0, 0, 0, 0.4); background-color: #fffff0; } .pan-tskinfo table { } .pan-tskaccinfo { padding: 10px 20px; box-shadow: 1px 3px 20px -3px rgba(0, 0, 0, 0.4); background-color: #fffff0; } .logsearch { font-family: tahoma; font-size: 14px; } .itmsearch { position: relative; font-family: tahoma; font-size: 14px; float: none; } .pan-tsksrch { font-family: tahoma; font-size: 14px; } /* коробочки WO на странице "WC Tasks" */ .wohdr { display: inline-block; border-top: 1px solid gray; margin-top: 2px; } .woBxM { list-style-type:none; margin: 3px; padding: 2px 5px; } /* для нарядов типа Мастер*/ .woBxM a { font-weight: bold; } .woBxA { list-style-type:none; margin: 3px; padding: 5px; } /* для нарядов типа Алерт*/ .woBxS { list-style-type:none; margin: 3px; padding: 5px; } /* для нарядов типа Суб-epi*/ /* коробочки тасков на странице "WC Tasks" */ .tskBx { color:white; display:inline-block; border:1px solid gray; margin:2px 2px; cursor:pointer; font-family:Roboto condensed, sans-serif; } /* коробочка ВЫБРАННОГО таска на странице "WC Tasks" - в красной рамке */ .tskBxA { color: white; display: inline-block; border: 2px solid red; margin: 2px 2px; cursor: pointer; font-family:Roboto condensed, sans-serif; } .tskBx a, .tskBxA a { color:white; cursor:help; font:bold 1.6em Roboto condensed, sans-serif; } /* ссылки в коробках тасков - белые */ /* под-коробочки тасков, в зависимости ит их статуса */ .tBoxT { list-style-type:none; color:white; background-color:green; display:inline-block; border:1px solid gray; margin:3px; padding:5px; } .tBoxP { list-style-type:none; color:white; background-color:blue; display:inline-block; border:1px solid gray; margin:3px; padding:5px; } .tBoxL { list-style-type:none; color:black; background-color:yellow; display:inline-block; border:1px solid gray; margin:3px; padding:5px; } .tBoxL a { color: black; } /* ссылки в коробках LOCKED-тасков - черные, а то не видны на желтом фоне */ /* если тип задачи не Regular, а Alert, то выделим их цветом: */ .tsTpR { } /* */ .tsTpA { background-color: #ffa0a0; } .fvtsk { color: #f7cc40; width:16px; background:url("../images/star1.png") no-repeat 0px 0px transparent; padding: 2px; padding-left: 17px; } .nfvtsk { color: #f7cc40; width:16px; background:url("../images/star2.png") no-repeat 0px 0px transparent; padding: 2px; padding-left: 17px; } /* Сделаем дерево задач - боковой левой панелью */ .pan-tsktre { height:450px; width:200px; position: relative; left: -320px; padding: 10px; margin: 0 auto; overflow: auto; line-height:10px; } .pan-tsktree-side { /* width:185px; */ width:330px; height: calc(100% - 36px); padding: 5px; float:left; overflow: auto; border: 1px solid #e0e0e0; border-radius: 0px 0px 4px 4px; word-break: keep-all; } .pan-tsktree-side ul { list-style-type:none; font-family: arial; font-size: 12px; font-family: tahoma; font-size: 11px; padding-left: 0px; } .pan-tsktree { width:180px; padding: 5px; } .pan-tsktree ul { list-style-type:none; font-family: arial; font-size: 12px; padding-left: 0px;} /* Task tree for Batch Report */ .pan-tsktree-btr { width:450px; padding: 5px; } .pan-tsktree-btr ul { list-style-type:none; font-family: arial; font-size: 12px; padding-left: 0px;} /* Стили отступа задач разного уровня в Дереве задач 2 (НОВОМ: списочном) */ li.-line-indn0 { padding-left: 0px; text-align: left; font-weight: bold; } li.-line-indn1 { padding-left: 10px; text-align: left; padding-bottom: 4px; } li.-line-indn2 { padding-left: 20px; text-align: left; padding-bottom: 4px; } li.-line-indn3 { padding-left: 30px; text-align: left; padding-bottom: 4px; } li.-line-indn4 { padding-left: 40px; text-align: left; } li.-line-indn5 { padding-left: 50px; text-align: left; } li.-line-indn6 { padding-left: 60px; text-align: left; } li.activ-line-indn0 { padding-left: 0px; text-align: left; background-color: lightgreen; } /* Изменение на зеленый фона за "активной" строкой */ li.activ-line-indn1 { padding-left: 10px; text-align: left; padding-bottom: 4px; background-color: #FFE1B9; } li.activ-line-indn2 { padding-left: 20px; text-align: left; padding-bottom: 4px; background-color: #FFE1B9; } li.activ-line-indn3 { padding-left: 30px; text-align: left; padding-bottom: 4px; background-color: #FFE1B9; } li.activ-line-indn4 { padding-left: 40px; text-align: left; background-color: #FFE1B9; } li.activ-line-indn5 { padding-left: 50px; text-align: left; background-color: #FFE1B9; } li.activ-line-indn6 { padding-left: 60px; text-align: left; background-color: #FFE1B9; } .activ-line-indn1 a { color: white; } /* изменение на белый цвета шрифта в "активной" строке */ .activ-line-indn2 a { color: white; } .activ-line-indn3 a { color: white; } .activ-line-indn4 a { color: white; } .activ-line-indn5 a { color: white; } .pan-tsktree-side a.T { color: DarkGreen; font-weight: bold; } .pan-tsktree-side a.P { color: DarkBlue; font-weight: bold; } .pan-tsktree-side a.C { color: Grey; } .pan-tsktree-side a.N { color: DarkGreen; } .pan-tsktree-side a.F { color: Black; } .pan-tsktree-side a.A { color: DarkOrange; } .pan-tsktree-side a.L { color: Brown; } /* Изменение цвета фона за областью просмотра содержимого задачи */ div#task-view { background-color: #f0ffda; } /* Изменение цвета фона за областью вывода сообщения об ошибке (при вводе в тэг) */ div#oos-error { background-color: #F3F781; } /* МОДАЛЬНОЕ ОКНО ввода имени и пароля для "Электронной подписи"*/ .esigDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; font-family: Arial, Helvetica, sans-serif; background: rgba(0,0,0,0.5); z-index: 99999; opacity:0; pointer-events: none; } .esigDialog:target { opacity:1; pointer-events: auto; } .esigDialog > div { width: 500px; position: relative; margin: 10% auto; padding: 0px; border-radius: 10px; background: #fff; } .close { background:#606061; color:#FFFFFF; line-height:25px; position:absolute; right:5px; top:5px; text-align:center; width:24px; text-decoration:none; font-weight:bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; /* скругление нашей кнопки */ } .close:hover { background: #FF481A; } /* КОНЕЦ: МОДАЛЬНОЕ ОКНО ввода имени и пароля для "Электронной подписи"*/ /* To hide the shadow, placed by 'Task content exe panel' class */ #openEsigTg input[type=text]:enabled { box-shadow: initial; } /* Выезжающая форма "Подтверждение операции" для запуска WO, его отмены и пр. */ .usr-conf { display: block; font-family: Arial; font-size: 14px; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 190px; /* Location of the box */ left: 0; top: 0; width: 100%; height: 100%; /* Full width/height of browser window */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Blackgroung content with opacity */ } /* The MODAL CONFIRMATION PANEL (CSS + JS) - WO creation etc /* The Modal (background) */ .modal-conf-smpl { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 20px; /* Location of the box */ left: 0; top: 0; width: 100%; height: 100%; /* Full width/height of browser window */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.5); /* Blackgroung content with opacity */ } /* Modal Content */ .modal-conf-content { font-family: Arial; position: fixed; background-color: #fefefe; margin-left: calc(50vw - 320px); padding: 0; width: 450px; border-radius: 10px; border: none; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s } /* Add Animation description */ @keyframes animatetop { from {top:-300px; opacity:0} to {top:190px; opacity:1} } /* WRNING: final 'top' position here must match the position of this window as set in 'Task Exec' page !!! */ /* Header, body, footer */ .modal-conf-header { padding: 2px 16px; background-color: #ffd6cc; color: black; border-radius: 10px 10px 0px 0px; font-size: 14px; text-align: center; } .modal-conf-body { padding: 2px 16px; font-size: 14px; } .modal-conf-body input[type=text], .modal-conf-body input[type=password] { display:inline; margin: 10px 5px; width: 150px; } .modal-conf-body textarea { display:inline; margin: 10px 5px; } .modal-conf-body span { width: 130px; display: inline-block; vertical-align: top; margin: 10px 0px; } span.esigmean { width: 280px; margin-left:5px; } .modal-conf-footer { padding: 2px 16px; background-color: #ffd6cc; color: white; border-radius: 0px 0px 10px 10px; } .modal-conf-footer h3 { text-align: center; } /* The Close X link */ .modal-conf-close { color: white; float: right; font-size: 24px; font-weight: bold; } .modal-conf-close:hover, .modal-conf-close:focus { color: #FF481A; text-decoration: none; cursor: pointer; } /* END OF: The MODAL CONFIRMATION PANEL (CSS + JS) */ .frm-btn-red { /* + кнопка красная */ -webkit-border-radius: 5; border-radius: 5px; text-shadow: 2px -1px 1px #666666; -webkit-box-shadow: 1px 0px 2px #666666; box-shadow: 1px 0px 2px #666666; font-family: Arial; color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none; background: #ff481a; padding: 8px 20px 8px 20px; /* border: 0px ; */ } .frm-btn-red:hover { background: #ff7c5b; text-decoration: none; cursor: pointer; color: white; } .frm-btn-grn { /* + кнопка зелёная */ -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; text-shadow: 2px -1px 1px #666666; -webkit-box-shadow: 1px 0px 2px #666666; -moz-box-shadow: 1px 0px 2px #666666; box-shadow: 1px 0px 2px #666666; font-family: Arial; color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none; background: green; padding: 8px 20px 8px 20px; /* border: 0px ; */ } .frm-btn-grn:hover { background:#009900; text-decoration: none; cursor: pointer; color: white; } /* ФОРМА сведений о наряде */ form#woeditor { width: 600px; margin:0px; padding:0px; background-color: #e5fff2; } form#woeditor label, form#woeditor input[type='text'] { display:block; } form#woeditor #woeditor-buttons { border:none; text-align:right; } form#woeditor input[type='text'] { width:90%; margin-bottom:2em; } /* КОНЕЦ: ФОРМА сведений о наряде */ /* ДОБАВЛЕНО ПОСЛЕ 14/02/2017г. */ /* Фирменная верхняя панель */ .hdr-01 { background-color: #008EB2; color: white; font-weight: bold; font: 0.9em/1.7 'Arial', sans-serif; } @media print { .hdr-01 { background-color: unset; box-shadow: inset 0 0 0 1000px #A5D7E3; } } .dropdown { position: relative; display: inline-block; padding: 4px 5px 0px; } .dropdown-content { position: absolute; display: none; min-width:260px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 10px 8px; display: block; text-align: left; text-decoration: none; } .dropdown-content a:hover { background-color: #f1f1f1; font-weight: normal; } .dropdown:hover .dropdown-content { display: block; } .crnt-app { padding: 0px 5px; font-weight: bold; vertical-align: 6px; text-shadow: 1px 0.5px 1px #ccc; } /* Верхняя панель LOGOUT */ .logout-frm { /* min-width:600px; */ box-shadow:1px 3px 20px -3px rgba(0, 0, 0, 0.4); font-size: 12px; font-family:tahoma; padding:5px 5px 20px 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: none; } .logout-frm label { margin-right: 20px; } .logout-frm a:hover { font-weight: normal; color: #B25C0C; } .hdr-lf { float:left; padding: 0px 0px; } .hdr-rt { float:right; } .lgoutbtn { border:none; cursor: pointer; background:none!important; font: inherit; padding:0!important; /* border-bottom:1px solid #444; */ } /* Боковая панель выбранных нарядов - mainp, pfc, ttr, alr */ .side-panel { width:145px; float: left; border-radius: 5px; border: 1px solid #ccc; margin-top: 1px; margin-right: 3px; font-family: tahoma; background-color: #f3f3f3; } .pan-selwo-side { width:145px; float: left; border-radius: 5px; margin-top: 3px; font-family: tahoma; background-color: #f3f3f3; height: calc(100vh - 157px); overflow: auto; } .pan-selwo-side dl { margin-top: 0px; padding-top: 5px; margin-left: 5px; } .pan-selwo-side dt { font-size: 14px; font-weight:bold; color:navy; padding-top: 2px; } /* title */ .pan-selwo-side dd { font-size: 11px; } /* data line*/ /* .pan-selwo-side dt.active { background-color: green; color: white; } */ .pan-selwo-side dt.indn1 { margin-left: 2px; margin-top: 4px; } .pan-selwo-side dt.indn1-activ { margin-left: -2px; padding-left: 4px; margin-top: 4px; background-color: #B36800; color: white; } .indn1-activ a { color: white; } .indn1-activ span { font-weight: normal; font-size: 8px; margin-left: -4px; margin-right: 4px; text-align: right; } /* .indn1 span { font-weight: normal; font-size: 8px; margin-left: -6px; margin-right: 4px; text-align: right; } */ span.prfx-lt { font-weight: normal; font-size: 8px; margin-left: -4px; margin-right: 4px; text-align: right; } span.sfx-rt { font-weight: normal; font-size: 10px; margin-left: 4px; vertical-align: text-top; } /* суффикс 'статус' fav WO */ .pan-selwo-side dd.indn1 { margin-left: 10px; margin-top: 0px; margin-bottom: 2px; color: gray; } .pan-selwo-side dd.indn1-activ { margin-left: 10px; margin-top: 0px; margin-bottom: 2px; } .pan-hdr { background-color:#E0F7FF; padding:5px; font:14px Roboto, sans-serif; border-top-left-radius:5px; border-top-right-radius:5px; border:none; border-bottom:1px solid #ccc; } .pan-sel { font-size: 11px; float: right; } .pan-sel a:hover { font-weight: normal; } /* Панель с кнопками действий с тасками */ .main-menu1 { margin-left: 135px; padding: 0px 5px 2px 5px; position: relative; } .main-menu1 td { width: 60px; font-size: 11px; border: none; } .main-menu1 a { display: block; /* vertical-align: bottom; */ text-align: center; margin: 0 auto; } .main-menu1 a:hover { font-weight: normal; } td.actmnitm { display: block; border: 1px solid #e0e0e0; border-radius: 4px 4px 0px 0px; background-color: #ffd599; /* #E0F7FF */ font-weight: bold; } .actmnitm a:hover { font-weight: bold; } #btn-opn { background:url(../images/tsk-actn3.png) 0 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-tskls { background:url(../images/tsk-actn3.png) -50px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-wflw { background:url(../images/tsk-actn3.png) -100px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-info { background:url(../images/tsk-actn3.png) -145px 0; width: 60px; background-repeat: no-repeat; padding-top: 32px; } #btn-nshs { background:url(../images/tsk-actn3.png) -200px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-rprt { background:url(../images/tsk-actn3.png) -250px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-setp { background:url(../images/tsk-actn3.png) -300px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-rfr { background:url(../images/tsk-actn3.png) -350px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-prji { background:url(../images/tsk-actn3.png) -400px 0; width: 50px; background-repeat: no-repeat; padding-top: 32px; } #btn-opn:hover { background:url(../images/tsk-actn3.png) 0px -46px; background-repeat: no-repeat; } #btn-tskls:hover { background:url(../images/tsk-actn3.png) -50px -46px; background-repeat: no-repeat; } #btn-wflw:hover { background:url(../images/tsk-actn3.png) -100px -46px; background-repeat: no-repeat; } #btn-info:hover { background:url(../images/tsk-actn3.png) -145px -46px; background-repeat: no-repeat; } #btn-nshs:hover { background:url(../images/tsk-actn3.png) -200px -46px; background-repeat: no-repeat; } #btn-rprt:hover { background:url(../images/tsk-actn3.png) -250px -46px; background-repeat: no-repeat; } #btn-setp:hover { background:url(../images/tsk-actn3.png) -300px -46px; background-repeat: no-repeat; } #btn-rfr:hover { background:url(../images/tsk-actn3.png) -350px -46px; background-repeat: no-repeat; } #btn-prji:hover { background:url(../images/tsk-actn3.png) -400px -46px; background-repeat: no-repeat; } /* список задач "To do" - панель справа от левой панели "Список проектов" */ .pan-tsktdo { margin-left: 150px; border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3; font-family: tahoma; height: calc(100vh - 179px); } .pan-tsktdo h1 { margin: 5px 0px; } .pan-tsktdo table { width:720px; margin-left: -1px; } .pan-tsktdo th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; } .pan-tblc { overflow: auto; height: calc(100vh - 252px); } .pan-tblc20 { overflow: auto; } /* Fav Projects: Task list table height: calc(100vh - 280px); */ .pan-tsktdo td { height: 24px; border: 1px solid #ccc; } .pan-tsktdo a:hover { font-weight: normal; } /* ширина колонок */ #tch-1c { width: 70px; text-align: center; padding: 0px 0px; } #tch-2l { width: 400px; text-align: left; padding-left: 5px; } #tch-3c { width: 90px; text-align: center; } #tch-3r { width: 90px; text-align:right; padding: 0px 5px; } #tch-4c { width: 50px; } #tch-5c { width: 70px; text-align: center; } #tch-5r { width: 70px; text-align: right; padding: 0px 5px; } #tch-6c { width: 110px; padding: 0px 5px; } #tch-6nc { width: 110px; padding: 0px; } #tch-76 { width: 95px; padding: 0px 5px; } #tch-56c { width: 90px; text-align:center; padding: 0px 5px; } #tch-7c { width: 20px; } #tch-7r { width: 70px; text-align: right; padding: 0px 5px; } #tch-8c { width: 45px; text-align:center; } #tch-8r { width: 80px; text-align: right; padding: 0px 5px; } #tch-9l { width: 150px; text-align: left; padding: 0px 0px 0px 5px; } #tch-10c { width: 55px; text-align: left; padding: 0px 5px; } #tch-71 { width: 70px; text-align: left; padding: 0px 5px; } #tch-11c { width: 70px; padding: 0px 5px; } #tch-12 { width: 130px; font-size: 10px; } #tch-13 { width: 70px; } #tch-14 { width: 60px; } #tch-15 { width: 100px; text-align: left; padding: 0px 5px;} #tch-16 { width: 30px; } #tch-17l { width: 130px; text-align: left; } #tch-18l { width: 260px; text-align: left; padding: 4px 5px; } #dtm { width: 90px; text-align: center; } #dtmval { width: 90px; text-align: center; font-size: 10px; } #dtmval2 { width: 110px; text-align: center; font-size: 10px; } #tch-19 { width: 400px; text-align: left; padding-left: 5px; } #tch-20 { width: 40px; text-align: center; padding: 2px 0px; } #tch-21 { width: 130px; } #tch-22 { width: 200px; padding: 0px 5px; } #tch-23r { width: 120px; text-align: center; } #tch-30 { width: 30px; text-align: center; padding: 0px 5px; } #tch-31 { width: 50px; padding: 0px 5px; } #tch-40 { width: 40px; text-align: center; padding: 0px 5px; } #tch-50 { width: 50px; text-align: center; padding: 0px 5px; } #tch-80 { width: 80px; text-align: left; padding: 0px 5px;} #tch-82 { width: 280px; text-align: left; padding: 0px 5px;} #tch-83 { width: 350px; text-align: left; padding: 0px 5px;} #tch-84 { width: 450px; text-align: left; padding: 0px 5px;} #tch-130 { width: 130px; text-align: center; } #tch-150 { width: 150px; text-align: center; } #tch-L5 { padding-left: 5px; padding-right: 5px; } .c5 { width: 5px; text-align: center; } .c10 { width: 10px; text-align: center; } .c15 { width: 15px; text-align: center; } .c20 { width: 20px; text-align: center; } .c25 { width: 25px; text-align: center; } .c30 { width: 30px; text-align: center; } .c35 { width: 35px; text-align: center; } .c40 { width: 40px; text-align: center; } .l40 { width: 40px; text-align: left; padding-left: 5px; } .r40 { width: 40px; text-align: right; } .c50 { width: 50px; text-align: center; } .r50 { width: 50px; text-align: right; padding-right:5px; } .l50 { width: 50px; text-align: left; padding-left: 5px; } .c60 { width: 60px; text-align: center; } .r60 { width: 60px; text-align: right; padding-right:5px; } .l60 { width: 60px; text-align: left; padding-left: 5px; } .l60nw { width:60px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c70 { width: 70px; text-align: center; } .r70 { width: 70px; text-align: right; padding-right: 5px; } .l70 { width: 70px; text-align: left; padding-left: 5px; } .c80 { width: 80px; text-align: center; } .r80 { width: 80px; text-align: right; padding-right: 5px; } .l80 { width: 80px; text-align: left; padding-left: 5px; } .c90 { width: 90px; text-align: center; } .r90 { width: 90px; text-align: right; padding-right: 5px; } .l90 { width: 90px; text-align: left; padding-left: 5px; } .l90nw { width:90px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c100 { width: 100px; text-align: center; } .r100 { width: 100px; text-align:right; padding-right:5px; } .l100 { width: 100px; text-align: left; padding-left: 5px; } .l100nw { width:100px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c110 { width: 110px; text-align: center; } .r110 { width: 110px; text-align:right; padding-right:5px; } .l110 { width: 110px; text-align: left; padding-left: 5px; } .l120 { width: 120px; text-align: left; padding-left: 5px; } .l120nw { width:120px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c120 { width: 120px; text-align: center; } .r120 { width: 120px; text-align:right; padding-right:5px; } .c130 { width: 130px; text-align: center; } .r130 { width: 130px; text-align:right; padding-right:5px; } .r140 { width: 140px; text-align:right; padding-right:5px; } .c140 { width: 130px; text-align: center; } .l130 { width: 130px; text-align: left; padding-left: 5px; } .l140 { width: 140px; text-align: left; padding-left: 5px; } .l140nw { width:140px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .l150 { width: 150px; text-align: left; padding-left: 5px; } .l150nw { width:150px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c150 { width: 150px; text-align: center; } .c160 { width: 160px; text-align: center; } .l160 { width: 160px; text-align: left; padding-left: 5px; } .l160nw { width:160px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .r160 { width: 160px; text-align:right; padding-right:5px; } .c170 { width: 170px; text-align: center; } .l170 { width: 170px; text-align: left; padding-left: 5px; } .l170nw { width:170px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c180 { width: 180px; text-align: center; } .l180 { width: 180px; text-align: left; padding-left: 5px; } .l180nw { width:180px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .l190 { width: 190px; text-align: left; padding-left: 5px; } .l200 { width: 200px; text-align: left; padding-left: 5px; } .r200 { width: 200px; text-align:right; padding-right:5px; } .c200 { width: 200px; text-align: center; } .l210 { width: 210px; text-align: left; padding-left: 5px; } .c220 { width: 220px; text-align: center; } .l220 { width: 220px; text-align: left; padding-left: 5px; } .l220nw { width:220px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .c250 { width: 250px; text-align: center; } .l250 { width: 250px; text-align: left; padding-left: 5px; } .l250nw { width:250px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .l280 { width: 280px; text-align: left; padding-left: 5px; } .l300 { width: 300px; text-align: left; padding-left: 5px; } .l300nw { width:300px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .l320 { width: 320px; text-align: left; padding-left: 5px; } .l350 { width: 350px; text-align: left; padding-left: 5px; } .l370 { width: 370px; text-align: left; padding-left: 5px; } .l400 { width: 400px; text-align: left; padding-left: 5px; } .l450 { width: 450px; text-align: left; padding-left: 5px; } .l500 { width: 500px; text-align: left; padding-left: 5px; } .l550 { width: 550px; text-align: left; padding-left: 5px; } .l600 { width: 600px; text-align: left; padding-left: 5px; } .l650 { width: 650px; text-align: left; padding-left: 5px; } .l700 { width: 700px; text-align: left; padding-left: 5px; } .l800 { width: 800px; text-align: left; padding-left: 5px; } .l900 { width: 900px; text-align: left; padding-left: 5px; } .l1000 { width: 1000px; text-align: left; padding-left: 5px; } .actrow { background:darkgreen; font-weight:bold; color:white; font-size:14px; } .actrow a { color:white; } .actrow a:hover { color:white; /* font-weight: bold; */ } .tdrow { background:none; font-weight:normal; color:darkgreen; font-size:14px; } .tdrow a { text-decoration:none; color:darkgreen; } .tdrow a:hover { color:#B25C0C ; } .iprow { background: none; font-weight: normal; color:darkblue; font-size:14px; } .iprow a { text-decoration:none; color:darkblue; } .iprow a:hover { color: #B25C0C ; } .lkrow { background:none; font-weight:normal; color:#511515; font-size:14px; } .lkrow a { text-decoration:none; color:#511515; } .lkrow a:hover { color: #B25C0C ; } /* там же -- панель фильтрации (таcков, продуктов, событий и т.п. */ .pan-flt { padding: 5px 5px 2px; font-size: 11px; font-family: Roboto Condensed; background-color: #FCFCFC; } /* 05/12/2019: changed font-family from 'sans-serif' to 'Roboto Condensed' */ .pan-flt input { margin-bottom: 3px; } .pan-flt select { height:22px; margin-bottom: 3px; } #sbmbtn-grtk { background:url(../images/grntick.png) no-repeat; border:none; width:auto; cursor:pointer; margin-left:10px; padding-left:10px; padding-right:6px; padding-top:0px; vertical-align:middle; } #btn-rdcr { background:url(../images/delet.png) no-repeat; border:none; width:auto; cursor:pointer; margin-left:20px; padding-left:10px; padding-right:6px; padding-top:0px; vertical-align:middle; } #btn-srch { background:url(../images/srch16.png) no-repeat; border:none; width:auto; cursor:pointer; margin-left:3px; padding-left:10px; padding-right:6px; padding-top:0px; vertical-align:middle; } .btndupl { background:url(../images/dupl.png) center center no-repeat; border:none; width:15px; cursor:pointer; } input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=checkbox].css-checkbox + label.css-label { padding-left:18px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:11px; vertical-align:middle; cursor:pointer; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } input[type=checkbox].css-checkbox + label.css-label2 { padding-left:18px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:11px; vertical-align:middle; cursor:default; } input[type=checkbox].css-checkbox:disabled:checked + label.css-label2 { background-position: 0 -15px; } label.css-label, label.css-label2 { background-image:url(../images/chkbox1.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Панели сведений (о выбранном наряде, о таске ) */ .pan-info { background-color: #E0F7FF; margin: 0px 0px 2px; padding: 2px 0px 0px 5px; border: 1px solid #e0e0e0; border-radius: 4px 4px 0px 0px; font-family: tahoma; font-size: 11px; } .info-dat { border: none; background-color: #f3f3f3; margin-left: -5px; margin-top: 3px; padding-left: 9px; padding-top: 2px; padding-bottom: 3px; } /* .info-dat table { width: 480px; } */ .info-dat table, .info-dat td { border: none; background-color: #f3f3f3; font-family: arial; font-size: 11px; text-align: left; } .info-dat td { width: 170px; } .attr1 { font-weight: bold; font-size: 13px; } .attr2 { font-weight: bold; font-size: 11px; } .attr5 { font-weight: bold; font-size: 14px; color:firebrick; } /* e.g. for Alert info on WO info panel*/ .info-dat a:hover { font-weight:normal; } /* Панель просмотра таска в режиме "View" */ .pan-tskview { padding: 5px 5px; border: 1px solid #e0e0e0; border-radius: 0px 0px 4px 4px; height: calc(100vh - 285px); overflow: auto; } #task-view-h1 { height: calc(100vh - 200px); } #task-view-h2 { height: calc(78vh - 265px); } #task-amnd { background-color: #ff9f80; height: calc(100vh - 190px); } /* Панель содержимого задачи */ .task-contnr { clear:both; display: block; height: auto; overflow-y: auto; } /* Для содержимого панели - сбросим стили таблиц (чтоб не действовали на таблицы в самом таске) */ .task-contnr table, .task-contnr tr, .task-contnr th, .task-contnr td { margin: 1px; padding: 2px; border: ridge; border-spacing: 1px; outline: 0; font-size: 14px; background: white; } .task-contnr table { text-align: left; } /* сДЕЛАЕМ яркий фон за currently enableg button or input field */ .task-contnr input[type=button]:enabled { box-shadow: -6px 5px 2px orange; } .task-contnr input[type=text]:enabled { box-shadow: -6px 5px 2px orange; } .task-contnr select:enabled { box-shadow: -6px 5px 2px orange; } .task-contnr textarea:enabled { box-shadow: -6px 5px 2px orange; } /* Панель порсмотра WFlow наряда */ .svg-pfc { padding: 10px 10px; background-color: #fffff0; border: 1px solid #e0e0e0; border-radius: 0px 0px 4px 4px; overflow: auto; } /* #panpfc1 { height: calc(100% - 67px); } /* Высота панели просмотра таска на странице "WO Workflow" */ #panpfc2 { height: calc(78vh - 281px); } /* Высота этой же панели на странице "WO Alert List" */ /* Панель выбора нарядов (добавления в Избранные для выполнения) min-height: calc(100vh - 155px); overflow: auto; */ .pan-woselfrexc { margin-left: 0px; margin-top: 2px; background-color: #f3f3f3; border: 1px solid #ccc; border-radius: 5px; } .pan-woselfrexc table { border-collapse: collapse; margin-left: -1px; min-width:845px; } .pan-woselfrexc th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; } .pan-woselfrexc td { font-size: 13px; font-weight: normal; border: 1px solid #ccc; background-color: #fafafa; padding: 4px 5px; } .pan-woselfrexc a:hover { font-weight: normal; } /* Панель фильтрации нарядов */ .wosearch { padding: 5px 5px 0px 5px; font-family: tahoma; font-size: 11px; background-color: #FCFCFC; border: 1px none; border-radius: 5px; } .wosearch label { display: inline-block; height: 22px; margin-left: 15px;} /* Панель пагинация (общая) */ .wosrchpgn { font-family: tahoma; font-size: 12px; padding: 5px 20px 0px 20px; } ul.pagination { display: inline-block; padding: 0; margin: 0; } ul.pagination li {display: inline;} ul.pagination li a { color: black; float: left; padding: 5px 16px; text-decoration: none; transition: background-color .3s; } ul.pagination li a.active { background-color: #3498db; color: white; font-weight: normal; } ul.pagination li a:hover:not(.active) { background-color: #ddd; font-weight: normal; } div.center { text-align: center;} /* КОНЕЦ: панель пагинации списка найденных нарядов */ /* ячейка "Активные задачи" в списке нарядов (с коробочками тасков) */ td.tskbr { width: 110px; padding: 0px; margin: 0px; line-height: 75%;} .tbarTd { background-color: yellowgreen; display: inline-block; height: 7px; width: 5px; margin-left: 2px; } .tbarPr { background-color: royalblue; display: inline-block; height: 7px; width: 5px; margin-left: 2px; } .tbarLk { background-color: gold; display: inline-block; height: 7px; width: 5px; margin-left: 2px; } @media screen { footer { border: none; border-radius: 0px 0px 4px 4px; font-family: Roboto, sans-serif; font-size: 10px; text-align: right; padding: 2px 5px 0px 10px; margin:0px; /* border-top: 3px solid #E0F7FF; */ position: fixed; bottom: 5px; right: 5px; } } @media print { footer { font-family: Roboto, sans-serif; font-size: 10px; position: fixed; bottom: 5px; right: 5px; display:none; } } /* Панель списка НШС */ .pan-alrmgt { border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3; font-family: tahoma; } .pan-tblac { overflow: auto; height: 22vh; } .pan-alrmgt table { width:auto; margin-left: -1px; } .pan-alrmgt th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; } .pan-alrmgt td { height: 20px; border: 1px solid #ccc; } .pan-alrmgt a:hover { font-weight: normal; } .pan-hdr2 { background-color: #E0F7FF; padding: 5px; margin-top: 3px; font-family: tahoma; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #ccc; border-bottom: none; } /* Страница просмотра событий (по выбранной задаче, полного реестра)*/ .pan-atrlog { background-color: #f3f3f3; min-width: 700px; border: 1px solid #ccc; border-radius: 5px; } .pan-atrlog table { border: none; width:auto; } .pan-atrlog th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; padding: 0px 5px; } .pan-atrlog td { border: 1px solid #ccc; padding: 2px 5px; } .pan-atrlog a:hover { font-weight:normal; } .tblog { overflow: auto; height: calc(100vh - 245px); } .tblogf { overflow: auto; height: calc(100vh - 220px); } /* Страница формирования Отчета по проекту */ @media screen { .btchrec { overflow: auto; height: calc(100vh - 162px); clear: both; } } @media print { .btchrec { } } /* панель списка задач на странице "WC Tasks" */ .pan-wctsk { border: 1px solid #ccc; border-radius: 5px 5px 0px 0px; background-color: #f3f3f3; font-family: tahoma; font-size: 11px; margin: 2px 0px; } .pan-wctsk td { font-size: 11px; font-family: tahoma; } .wctsk-cont { height: calc(100vh - 157px); overflow: auto; } .wctsk-cont td { text-align:left; vertical-align:top; padding-top: 0px;} .wctsk-cont table { border: 0px solid #CCCCCC; } /* панель списка Items при создании нарядов - широкой панелью справа от левой панели */ .pan-gritms { border: 1px solid #ccc; border-radius: 5px; /* height: calc(100vh - 257px); */ margin-top: 2px; background-color: #f3f3f3; font-family: tahoma; } .pan-gritms p { padding-left: 10px; } .pan-gritms table { width:740px; margin-left: -1px; } .pan-gritms th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; } .pan-gritms td { height: 20px; border: 1px solid #ccc; } .pan-gritms a:hover { font-weight: normal; } .pan-tblc2 { overflow: auto; height: calc(100vh - 227px); } /*wo mgt - creation */ .pan-tblc3 { overflow: auto; height: calc(100vh - 277px); } /*wo mgt - archived */ .pan-tblc4 { overflow: auto; height: calc(100vh - 350px); } .pan-tblc5 { overflow: auto; height: calc(100vh - 277px); } /*wo mgt - current */ .pan-tblc6 { overflow: auto; height: calc(100vh - 240px); } /*hst*/ .pan-tblc7 { overflow: auto; height: calc(100vh - 470px); } .pan-tblc8 { overflow: auto; height: calc(100vh - 240px); } /*edl*/ .pan-tblc9 { overflow: auto; /* height: calc(100vh - 320px); */ } /*kag*/ .pan-tblc10 { overflow: auto; height: calc(100vh - 240px); scrollbar-width:thin; } /*idl*/ .pan-tblc11 { overflow: auto; height: calc(100vh - 240px); } /*azs*/ .pan-tblc12 { overflow: auto; height: calc(100vh - 440px); } /* elv xtrnd */ .pan-tblc14 { overflow: auto; height: calc(100vh - 440px); } /* elv owdl */ /* Реестp запросов на ТП */ .pan-tsrlog { background-color: #f3f3f3; min-width: 700px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 2px; } .pan-tsrlog table { border: none; width:auto; } .pan-tsrlog th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; padding: 0px 5px; } .pan-tsrlog td { border: 1px solid #ccc; padding: 2px 5px; } .tbtsr { overflow: auto; height: calc(100vh - 235px); } .pan-tsrlog a:hover { font-weight: normal; } .attchlst table, th, td { font-weight: normal; border: 1px solid #ccc; } .attchlst th { font-size: 11px; background-color: #F0F0F0; } .attchlst td { padding: 5px 0px; } /* Стили сообщений об ошибках/замечаниях и уведомлений */ .error-msg { color: red; margin: 20px 5px; position: relative; font-family: Roboto, sans-serif; } /* если два значения, то первое применяется к верхнему и нижнему полям, а второе - к левому и правому*/ .warn-msg { color:darkorange; font: bold 16px Roboto, sans-serif; margin: 20px 5px 10px 5px; } .warn2-msg { color:darkorange; font: normal 16px Roboto Condensed, sans-serif; margin: 15px 5px 10px 5px; } .warn3-msg { color:darkorange; font: normal 15px Roboto Condensed, sans-serif; margin:15px 10px; } .info-msg { color: #1aa51a; font:16px Roboto, sans-serif; margin: 20px 5px; } .info2-msg { color:gray; font:normal 15px Roboto Condensed, sans-serif; margin:10px 0px; } .info3-msg { color:gray; font:normal 15px Roboto Condensed, sans-serif; margin:15px 10px; } /* Стиль сообщений-уведомлений в AJAX-сообщениях*/ .msg-ajx1 { color: #1aa51a; font-size: 12px; margin:0px 5px; } /* Карточка WO Creation Form - на вид как "модальная" */ /* 1. Затемнение: по сути это полупрозрачный прямоугольник во весь экран, который затеняет на странице все кроме формы (и её полей) Для него в тексте html добавить
...
, объемлющий нашу форму */ .ovrlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; /* position:fixed - иначе оно сдвигается при скроле страницы */ background: rgba(0,0,0,0.3); z-index: 1000; /* ВНИМАНИЕ: если этот z-index сделать < 0, то div c .overlay уйдет под все остальные, и соотв. в меню заработают линки! */ /* А если этот z-index сделать на 1 меньше чем у div c .sumbfrm, то div c .overlay накроет все кроме .sumbfrm (в т.ч. и меню), и соотв. в меню линки не будут работать! */ overflow: auto; } /* 3. псевдо-класс :target (активируемый браузером при наведении курсора на соотв. блок html) --> нанизаем на класс нашей формы и в нем разрешим реакцию мыши на ссылки и кнопки */ .ovrlay:target { opacity:1; pointer-events: auto; } .sumbfrm-close, .crfrm-close { color:gray; float:right; font-size:28px; font-weight:bold; margin-right:5px; border-radius:16px; right:0px; width:34px; background: #E3E3E3 none repeat scroll 0 0; } .sumbfrm-close a, .crfrm-close a { color: #3498DB; padding-left: 8px; } .sumbfrm-close:hover, .sumbfrm-close:focus, .sumbfrm-close a:hover { color: #3cb0fd; text-decoration: none; cursor: pointer; } .crfrm-close { background:#FF481A none repeat scroll 0 0; } .crfrm-close a { color:#FFFFFF; padding-left: 8px; } /* 2. Собственно форма с полями ввода и кнопками */ .sumbfrm { background-color: #ECF5FB; font-family: sans-serif; font-size: 11px; display: block; width: 680px; padding: 2px 10px; margin: 110px 10px; margin-left: 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); position: relative; z-index: 999; /* ВНИМАНИЕ: У модального окна должна быть позиция absolute, relative, или fixed! Только тогда работает z-index! */ } .extdlvfrm { background-color: #FFFCF5; /* #ECF5FB */ font-family: Roboto, sans-serif; font-size: 11px; display: block; width: 680px; padding: 2px 10px; margin:5px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); } /* Remove arrows in 'number'-inputs */ /* Chrome, Safari, Edge, Opera */ .extdlvfrm input[type="number"]::-webkit-outer-spin-button, .extdlvfrm input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; width:40px; font-size: 14px; } .extdlvfrm input[type="number"] { -moz-appearance: textfield; width:40px; font-size: 14px; } .frm-data h1 { color:#595959; font-size: 13px; margin-left: 150px; } .frm-data h2 { color:#595959; font-size: 20px; margin-left: 150px; margin-top: 10px; } .frm-data h3 { color:#595959; font-size: 23px; margin:5px 0px; } .frm-data h4 { color:#595959; font:bold 16px Roboto, sans-serif; margin:5px 0px; } .frm-data table, td { border: none; } td.lbl { width:160px; text-align:right; font-size:12px; vertical-align:top; padding-top:2px; padding-right:10px; vertical-align:middle; } td.lbl2 { width:130px; text-align:right; font-size:12px; vertical-align:top; padding-top:2px; padding-right:10px; vertical-align:middle; } td.lbl3 { width:240px; text-align:right; font-size:12px; vertical-align:top; padding-top:2px; padding-right:10px; vertical-align:middle; } td.lbl4 { width:110px; text-align:right; font-size:12px; vertical-align:top; padding-top:2px; padding-right:10px; vertical-align:middle; } td.lbl5 { width:90px; text-align:right; font-size:12px; vertical-align:top; padding-top:2px; padding-right:10px; vertical-align:middle; } td.cn { width:550px; text-align:left; font-size:15px; font-weight:bold; padding-top:3px; padding-bottom:6px; padding-right:15px; } td.lblbg { width: 160px; text-align: right; font-size: 16px; vertical-align: top; padding-right: 10px; } .cn span { display:inline-block; font-size: 12px; font-weight:normal; vertical-align:top; padding-top:0px; } i.ntflld { font-weight:normal; color:#b36800; font-size:12px; } .cn sup { font-weight: normal; } .cn textarea:disabled { background-color:#E3E3E3; border-radius: 3px; border-width: 1px; } .frm-data input[type='checkbox'] { margin: 10px 5px 0 0px; } .frm-data input[type='text'], .frm-data select { margin: 0px 5px 0 0px; box-shadow: inset 0 1px 2px -2px; height:20px; padding-left: 5px; border: 1px solid #e9e9e6; border-top-color: #cecdc9; border-radius: 3px; font-size: 14px; } .frm-data select { margin:2px 5px 2px 0px; height:28px; } .frm-data label { font-size:12px; font-weight:normal; } .frmchb { margin: 10px 25px 5px 8px; } /* Конец WO Creation Form */ td.lbl-big { width: 160px; text-align: right; font-size: 18px; vertical-align: top; padding-right: 10px; } td.cn-big { width: 550px; text-align: left; font-size: 15px; vertical-align: top; font-weight: bold; padding-bottom: 15px; padding-right: 15px; } .cn-big input[type='text'] { font-size: 24px; padding: 5px 10px; font-family: tahoma; font-weight: bold; letter-spacing: 0.5px; } /* Панель просмотра сведений о WO #ECF5FB */ .infofrm { background-color:#FFFCF5; font-family: Roboto, sans-serif; font-size: 11px; display: block; width: 680px; padding: 2px 10px; margin: 5px 0px; /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); */ position: relative; } /* Форма входа в систему */ #login-form { width:440px; padding:5px 20px 5px 20px; margin-left:calc(50vw - 248px); font-family:Roboto,Arial,sans-serif; font-size:16px; overflow:hidden; } #login-form p { font-size:31px; color:#323232; text-align:center; font-weight:normal; padding:0 0 5px; margin-bottom:30px; } #login-form label { font-size: 16px; line-height: 22px; display: block; margin: 25px 0 8px; padding: 0px; } #login-form input[type=text] { font-size:16px; width:100%; height:50px; padding:0px; text-indent:20px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #login-form input[type=text]:focus { border: 1px solid #1389A7; } #login-form input[type=password] { font-size:16px; width:100%; height:50px; padding:0px; text-indent:20px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #login-form input[type=password]:focus { border: 1px solid #1389A7; } #login-form select { font-size:16px; width:100%; height:50px; padding:0px; text-indent:8px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #login-form select:focus { border: 1px solid #1389A7; } #submit-btn { width:100%; padding:14px 0px; margin-top:55px; background:#1389A7; border:1px solid #1389A7; color:#ffffff; font-weight:bold; font-family:Roboto,Arial,sans-serif; font-size:20px; text-decoration:none; text-align:center; /* font-stretch:125%; */ } #submit-btn:hover { background: #008EB2; text-decoration: none; } /* #4378bd */ .hdrlg-rt { float:right; margin:5px 5px; font-weight:bold; } /* Сообщения при входе в систему (не форма ввода имени/пароля!) */ .login-msg { color:FireBrick; margin:5px 0px; position:relative; } /* КОНЕЦ Форма входа в систему */ /* Форма входа в систему для ТСД */ #tsd-login-form { width:240px; padding:5px 20px 5px 20px; margin-left:calc(50vw - 142px); font-family:Tahoma,Arial,sans-serif; font-size:16px; overflow:hidden; } #tsd-login-form p { font-size:24px; color:#323232; text-align:center; font-weight:normal; padding:0 0 5px; margin-bottom:5px; margin-top: 5px; } #tsd-login-form label { font-size:12px; line-height:15px; display:block; margin:12px 0 5px; padding:0px; } #tsd-login-form input[type=text] { font-size:16px; width:100%; height:32px; padding:0px; text-indent:20px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #tsd-login-form input[type=text]:focus { border: 1px solid #1389A7; } #tsd-login-form input[type=password] { font-size:16px; width:100%; height:32px; padding:0px; text-indent:20px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #tsd-login-form input[type=password]:focus { border: 1px solid #1389A7; } #tsd-login-form select { font-size:16px; width:100%; height:32px; padding:0px; text-indent:8px; border:1px solid #AFAFAF; margin:0 -1px 0 -1px; } #tsd-login-form select:focus { border: 1px solid #1389A7; } #tsd-submit-btn { width:100%; padding:12px 0px; margin-top:15px; background:#1389A7; border:1px solid #1389A7; color:#ffffff; font-weight:bold; font-size:17px; text-decoration:none; text-align:center; } #tsd-submit-btn:hover { background: #008EB2; text-decoration: none; cursor:pointer; } /* Панели: связывания WS c WC, выбора WS */ .pan-wcsel { background-color: #f3f3f3; min-width: 800px; border: 1px solid #ccc; border-radius: 5px; height: calc(100vh - 130px); overflow: auto; } .pan-wcsel table { border: none; width:750px; margin-left: -1px; } .pan-wcsel th { font-size: 11px; font-weight: normal; border: 1px solid #ccc; background-color: #e0e0e0; padding: 0px 10px; } .pan-wcsel td { border: 1px solid #ccc; padding: 3px 10px; } .pan-wcsel a:hover { text-decoration: none; font-weight: normal; } .pan-wcsel tr:hover { background-color: white; } /* .wcsel { overflow: auto; height: calc(100vh - 175px); } */ .wstbl { overflow: auto; height: calc(100vh - 230px); } /* Выделение строку текущего WC на той же панели */ .cur-wc { font-weight:bold; color: white; background-color: #696200; } .cur-wc a { color: #f3f3f3; text-decoration: none; font-weight: bold; } .cur-wc a:hover { color: #FFD599; font-weight: bold; } /* Форма Password Change Form */ #pw-chng { background-color: #ECF5FB; font-family: sans-serif; font-size: 16px; display: block; width: 380px; padding: 2px 10px; margin-top: 15px; margin-left: calc(50vw - 190px); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); } #pw-chng label { display: block; margin: 10px 0 5px 35px; } #pw-chng input[type=text], #pw-chng input[type=password] { display: block; width:80%; margin: 5px auto; height: 20px; padding: 4px; } #pw-chng h1 { font-size: 18px; text-align: center; } .frmnote { font-size: 12px; margin-left: 35px; color: indigo; } /* Конец PW change Form */ .frm-btn, .frm-btn-yell { /* кнопки submit - синие и желтые */ padding: 8px 20px 8px 20px; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; text-shadow: 2px 1px 3px #666666; box-shadow: 1px 0px 2px #666666; font-family: Arial; font-size: 15px; color: #ffffff; font-weight: bold; background: #3498db; text-decoration: none; } .frm-btn:hover { background: #3cb0fd; text-decoration: none; cursor: pointer; color: white; } .frm-btn-yell { background: orange; /* box-shadow:inset 3px 4px 30px 0px orange; */ } .frm-btn-yell:hover { background:#ffb833; text-decoration: none; cursor: pointer; color: white; } /* The Close X link - Red */ .modal-conf-close-rd a { color: white; float: right; font-size: 22px; font-weight: bold; } .modal-conf-close-rd a:hover, .modal-conf-close-rd:focus { color: darkred; text-decoration: none; cursor: pointer; } /* Панель свойств текущего тэга */ #clred { color: firebrick; } #clgrn { color: green; } /* Панель ИСПОЛНЕНИЯ содержимого задачи .pan-tskexc { padding: 5px 5px; border: 1px solid #ccc; border-radius: 4px 4px 0px 0px; min-height: calc(100vh - 198px); overflow: auto; } .pan-tskexc a:hover { color: #994000; font-weight: normal; } .pan-tskexc input[type='button'] { height: 30px; vertical-align: bottom; } .pan-tskview input[type='button'] { height: 30px; vertical-align: bottom; } */ .lic-warn { color: red; font-size: 11px; } /* Для страницы "Свод по задачам - MODE 2" .twc-cont table { border: solid #CCCCCC 1px; } .twc2-wohdr { display: inline-block; } /* Общие ширины и стиль колонок .twc2-woi { width: 200px; border-top: solid #CCCCCC 1px; vertical-align: top; } .twc2-cd { width: 45px; border-top: solid #CCCCCC 1px; } .twc2-ct { width: 32px; border-left: solid gray 1px; border-right: solid gray 1px; border-top: solid #CCCCCC 1px; } .twc2-ct-we { width: 32px; border-left: solid gray 1px; background-color: #ccff33; border-top: solid #CCCCCC 1px; } .twc2-td { width: 45px; border-right: solid gray 1px; border-top: solid #CCCCCC 1px; color: orangered; } .twc2-td-we { width: 45px; border-right: solid gray 1px; background-color: #ccff33; border-top: solid #CCCCCC 1px; color: orangered; } .twc2-tx { width: 30px; border-left: solid gray 1px; border-top: solid gray 1px; padding: 0 4px; } .twc2-tn { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; padding: 0 4px; text-align: center; } .twc2-ta { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; padding: 0 4px; } .twc2-tw { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; padding: 0 4px; } /* Ячейки с названиями тасков: разного цвета, в зависимомти от статуса таска .twc2-tn-T { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; vertical-align: middle; padding: 2px 4px; } .twc2-tn-T a { color: green; } .twc2-tn-P { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; vertical-align: middle; padding: 2px 4px; } .twc2-tn-P a { color: blue; } .twc2-tn-L { border-left: solid gray 1px; border-top: solid #CCCCCC 1px; vertical-align: middle; padding: 2px 4px; } .twc2-tn-L a { color: #4d4d00; } .twc2-actN { border: none; } .twc2-actA { border: none; color: red; } /* Табличная ячейки, в которой сидят
-полоски переменной длины td.twc2-lt { position:relative; border-top: solid #CCCCCC 1px; } td.twc2-lt-we { position:relative; border-top: solid #CCCCCC 1px; background-color: #ccff33; } /* Сами
-ы переменной длины .twc2-crtln0 { width: 46px; display:block; position:absolute; right:0px; } .twc2-crtln1 { width: 83px; position:absolute; right:0px; } .twc2-crtln2 { width: 120px; position:absolute; right:0px; } .twc2-crtln3 { width: 157px; position:absolute; right:0px; } .twc2-crtln4 { width: 195px; position:absolute; right:0px; } .twc2-crtln5 { width: 231px; position:absolute; right:0px; } .twc2-crtln6 { width: 268px; position:absolute; right:0px; } .twc2-crtln7 { width: 319px; display:block; position:absolute; right:0px; } /* Под-
-ы этих
-ов, задающих цвет в зависимости от статуса задачи .twc2T { background-color: green; color: white; height: 14px; } .twc2P { background-color: blue; color: white; height: 14px; } .twc2L { background-color: yellow; height: 14px; } /* КОНЕЦ: для страницы "Свод по задачам - MODE 2" */ .backlnk:hover { font-weight: normal; } .statTH { text-align: left; font-size: 14px; padding: 5px 0px; } .p5 { padding: 5px 5px; } #acen { text-align: center; } .tinst { font-weight: normal; } .fltlnk { color:blue; font: 14px Arial; margin-left:15px; } #onscrrprt, #onscrrprt tr, #onscrrprt th, #onscrrprt td { font-size:11px; } #onscrrprt, #onscrrprt tr { border: 1px solid black; border-collapse: collapse; } #onscrrprt th { background-color:#bfbfbf; border:none; } #onscrrprt td { border:none; } .tggl { color:blue; } #qTsk { font-weight: bold; font-size: 14px; } .ex-0 { background-color: blue; color: white; width: 20px; text-align: center; } .ex-0 a { color:white; } .ex-1, .ex-2, .ex-3, .ex-4, .ex-7, .ex-8, .ex-9 { width: 20px; text-align: center; } .ex-5 { background-color: green; color: white; width: 20px; text-align: center; } .ex-5 a { color:white; } .ex-6 { background-color: red; color: white; width: 20px; text-align: center; } .az-0 { background-color: orange; color: white; width: 20px; text-align: center; } .az-1, .az-2, .az-5 { width: 20px; text-align: center; } .az-3 { background-color: green; color: white; width: 20px; text-align: center; } .az-4 { background-color: red; color: white; width: 20px; text-align: center; } .elex-0 { background-color: blue; color: white; width: 20px; text-align: center; } .elex-0 a { color: white; } .elex-0 a:hover { cursor:default; } .elex-1 { width: 20px; text-align: center; } .elex-2 { width: 20px; text-align: center; } .elex-3 { width: 20px; text-align: center; } .elex-4 { background-color: magenta; color: white; width: 20px; text-align: center; } .elex-5 { width: 20px; text-align: center; } .elex-6 { width: 20px; text-align: center; } .elex-7 { width: 20px; text-align: center; } .elex-8 { width: 20px; text-align: center; } .elex-9 { background-color: green; color: white; width: 20px; text-align: center; } .elex-9 a { color: white; } .elex-9 a:hover { cursor:default; } .elex-10 { background-color: red; color: white; width: 20px; text-align: center; } .elex-11 { width: 20px; text-align: center; } .elow-0 { background-color: blue; color: white; width: 20px; text-align: center; } .elow-0 a { color: white; } .elow-0 a:hover { cursor:default; } .elow-1, .elow-3, .elow-4, .elow-5, .elow-7, .elow-8, .elow-10 { width: 20px; text-align: center; } .elow-2 { background-color: magenta; color: white; width: 20px; text-align: center; } .elow-6 { background-color: yellow; width: 20px; text-align: center; } .elow-9 { background-color: red; color: white; width: 20px; text-align: center; } /* сводная таблица по доставкам */ #dlvstat { text-align: center; } #dlvstat td { font-weight: bold; } #s-0 { color: blue; font-size: 20px; } #s-4 { color: magenta; font-size: 20px; } #s-6 { color: #DAA520; font-size: 20px; } #s-9 { color: green; font-size: 20px; } #s-10 { color: red; font-size: 20px; } #s-t { font-size: 20px; } /* .tskanam { font:16px arial; font-weight:bold; } /* big font for Task name in twc.php (Tasks to do) */ /* Hide header for LED screen (really low resl.) */ @media only screen and (max-width:540px) { #login-form { width:270px; margin-left: calc(50vw - 160px); } /* .login-msg { font-size:12px; width:240px; margin:5px 0px; } */ .logout-frm { display:none; } footer { display:none; } .hdr-01 { width:270px; width:99.8%; } table, th, td { font-size: 14px; } } /* map legend - not used */ .lgn-p0 { background: transparent url("../images/prod_0.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p21 { background: transparent url("../images/prod_21.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p3 { background: transparent url("../images/prod_3.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p12 { background: transparent url("../images/prod_12.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p13 { background: transparent url("../images/prod_13.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p20 { background: transparent url("../images/prod_20.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } .lgn-p55 { background: transparent url("../images/prod_55.png") no-repeat 0px 0px/15px 15px; margin: 2px 0px; } /* Own delivery - source report */ #zerop { color: red; } #cmbn { color:#009900; font-weight: bold; font-size: 14px; } #trktr { color:blue; font-weight: bold; font-size: 14px; } #fio { font-size: 14px; } #qnttycmbn { color:brown; font-weight: bold; font-size: 14px; } #qnttytrktr { color:darkorange; font-weight: bold; font-size: 14px; } /* mnu for azs */ .navbar { overflow: hidden; background-color:#f3f3f3; font-family: Arial, Helvetica, sans-serif; min-width: 640px; margin: 2px 0px; padding: 0px; } .navbar a { float: left; font-size: 14px; font-weight:bold; color: #000; text-align: center; padding: 10px 8px; text-shadow: 1px 1px 2px #888; text-decoration: none; border-right: 2px solid #fff; } .navbar a.active { color: white; background-color: #b36800; } .dropdown2 { float: left; overflow: hidden; } .dropdown2 .dropbtn { font-size: 14px; font-weight:bold; border: none; outline: none; color: #000; text-shadow: 1px 1px 2px #888; padding: 10px 8px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown2:hover .dropbtn { background-color: #ffd599; } .navbar a.active:hover { background-color: #b36800; } .drp-cntnt { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .drp-cntnt a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .drp-cntnt a:hover { background-color: #ddd; } .dropdown2:hover .drp-cntnt { display: block; } #itlc { font-style: italic; color:#505050; } #itlcred { font-style: italic; color:darkred; } .kl { color: #0060B6; white-space:nowrap; } .kl:hover { cursor:pointer; } /* clickable */ .crfrm { font-size: 14px; margin-left:110px; } .crfrm input { font-size: 16px; width: 110px; } .crfrm select { font-size: 16px; } /* contrag table sent upon ajax rqst */ #ajxtb { background:#ffff99; } #ajxtb th, #ajxtb td { border: 1px solid #808080; font: 12px Lucida Console, sans-seif; } #ajxtb td { padding:2px 7px; } #ajxtb tr:hover { background:white; color:firebrick; } .activRw a { color: white; } #panprdls a:hover { font-weight: bold; } .rptmodlshdw { /* modal shadow for Reports and Kgts */ z-index: 10; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6);color: white; font: 1.4em/1.25 Arial, sans-serif; } /* Task xtra attributes */ .xatr { font-size:1.5em; } .ctrlmsg { color: gray; font-size:14px; margin-top:5px; margin-bottom:3px;} #tagsellst tr:hover { background-color:#ffff99; } /* Script tags [modal!] forms */ .ovrlfrm20 { position:fixed; top: 0px; left: 0px; width:100%; height:100%; z-index:9999; background-color: rgba(0,0,0,0.5); } /* overlay */ .tgmodfrm20 { background-color: #f6fdf6; width:980px; position:fixed; top:50px; left:10px; z-index:10000; padding:10px 10px 10px 20px; border-radius:5px; overflow:auto; max-height:90%; font-family: arial; } .tgmodfrm20 h3 { margin: 5px 0px 25px 0px; } .tgmodfrm20 h4 { margin: 5px 0px 20px 0px; font-size: 21px; } .tgmodfrm20 label { display: inline-block; width:130px; } .tgmodfrm20 input[type='text'], .tgmodfrm20 input[type='password'] { font-size:16px; padding-left:10px; } .tgmodfrm20 select { font-size:16px; height:23px; padding-left:10px; } .tgmodfrm20 option { background-color:#f0f0f0; } .inforow1 { height:36px; font-size:15px; } .inforow1 input[type='text'] { font-size:15px; } .sumbfrm-fin { color: gray; float: right; font-size: 22px; font-weight: bold; margin-right: 35px; border-radius: 12px; right: 0px; width: 30px; background: #E3E3E3 none repeat scroll 0 0; } .sumbfrm-fin a { color:#ff9999; padding-left: 8px; } .sumbfrm-fin:hover, .sumbfrm-fin:focus, .sumbfrm-fin a:hover { color:red; text-decoration: none; cursor: pointer; } .ajaxtbl { border:none; } .ajaxtbl tr:hover { background-color: beige; } .ajaxtbl a:hover { font-weight:normal; } /* Dispensary panel */ .msrBar { display:inline-block; height:20px; width:350px; background-color:#33ff33; text-align:left; padding:0; margin:0; } .subPan1 { margin:0px 0px 2px 0px; padding: 5px 10px 5px 10px; font:14px Roboto, sans-serif; background-color:#e6e6e6; } .frm201 { background-color:#F6F9FB; font-family: Roboto; font-size: 12px; display:block; /* AM 17/08/2020: disabled for purposes of for.php -> 'ed' */ /* position: absolute; z-index: 999; top:80px; left:5px; */ width:680px; padding:2px 10px; margin:0px 10px; margin-left:3px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); } .frm201 h2 { width:100%; text-align:center; margin:5px 0 20px 0; } .frm201 input[type='text'] { font: 16px Roboto, sans-serif; } .frm201 textarea { font: 15px Roboto, sans-serif; width: 380px; } .frm201-labl { font:14px Roboto Condensed, sans-serif; width:110px; display: inline-block; } .frm201-pr { font: bold 16px Roboto, sans-serif; display: inline-block; } .frm201 table { border: none; font-size: 16px; } .frm201 table tr { border-bottom: 1px solid #c7c7c7; } .frm201 a:hover { font-weight: normal; } .actbtns20 { margin: 20px 0px 30px 110px; } .hmatuse td { font-weight: bold; } .objinfod { margin:5px 0px 5px 10px; min-height:60px; } .objinfod label { display:inline-block; width:95px; } .frm23-labl { font:14px Roboto Condensed, sans-serif; width:110px; display: inline-block; text-align:right; padding-right:6px; margin-bottom:10px; } .frm80-labl { font:14px Roboto Condensed, sans-serif; width:80px; display: inline-block; text-align:right; padding-right:6px; margin-bottom:10px; } .frm60-labl { font:14px Roboto Condensed, sans-serif; width:60px; display: inline-block; text-align:right; padding-right:6px; margin-bottom:10px; } .frm130-labl { font:14px Roboto Condensed, sans-serif; width:130px; display: inline-block; text-align:right; padding-right:6px; margin-bottom:10px; } .frm180-labl { font:14px Roboto Condensed, sans-serif; width:180px; display: inline-block; text-align:right; padding-right:6px; margin-bottom:10px; } /* Vertical form for mob devices */ .vertfrm { background-color:#ECF5FB; font-family:Roboto, sans-serif; font-size:11px; display:block; padding:2px 0px; margin:5px 0px; position:relative; /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); */ } @media only screen and (max-width:310px) { .vertfrm { height:calc(100vh - 50px); overflow-y:scroll; scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* Internet Explorer 10+ */ } .vertfrm::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } .vertfrm h2 { margin:5px 5px 10px 5px; font-size:18px; } .frmBtn1 { font-size:22px; display:inline-block; height:32px; width:32px; border-radius:9px; text-align:center; background-color:orange; } .msg-1 { color: #1aa51a; font-size:14px; margin:10px 5px 10px 5px; } .frminp1 { font:16px Roboto, sans-serif; width:90px; } .frminp2 { font:16px Roboto, sans-serif; width:150px; } /* NSI */ .acel0 { font:16px Roboto, sans-serif; padding-left:5px; padding-top: 3px; display:inline-block; width:390px; height:24px; border-radius:2px; border:1px solid #cecdc9; background-color:#d3d3d3; color:black; } .acel1 { font:16px Roboto, sans-serif; padding-left:5px; padding-top: 3px; display:inline-block; width:390px; height:24px; border-radius:2px; border:2px solid #cecdc9; background-color:#d3d3d3; color:black; } .ovrlfrm20 { position:fixed; top: 0px; left: 0px; width:100%; height:100%; z-index:9999; background-color: rgba(0,0,0,0.6); } /* overlay */ /* modal form for selection from dependanr registry */ .jsmodfrm20 { background-color: #e6ffe6; width:980px; position:fixed; top:50px; left:10px; z-index:10000; padding:10px 10px 10px 10px; border-radius:5px; overflow:auto; max-height:90%; font-family: Roboto, sans-serif; } .jsmodfrm20 h3 { margin: 5px 0px 25px 0px; } .jsmodfrm20 h4 { margin: 5px 0px 20px 0px; font-size: 21px; } .jsmodfrm20 label { display: inline-block; } .jsgmodfrm20 input[type='text'] { font-size: 20px; } .attchdFleLst a:hover { font-weight: normal; } .fltrUnit { float:left; margin-right:3px; margin-bottom:3px; padding:3px; border:1px solid #cccccc; min-height:133px; } /* 2021-01-08. ver.3 */ .ajxtbl1 table { border:none; font-family:Roboto, sans-serif; font-weight:normal; font-size:14px; } .ajxtbl1 th { border:1px solid #bbbbbb; font-family:Roboto Condensed, sans-serif; font-weight:normal; } .ajxtbl1 tr { border-bottom:1px solid #cccccc; } .ajxtbl1 a { font-weight:normal; } .ajxtbl1 tr:hover { background:#fff4e6; } .ajxtbl1 tr.clikbl:hover { cursor:pointer; } /* 2023-01-05 */ .ajxtbl3 input[type='text'] { text-align:right; } /* Ajx form with Poduct Registry */ .prdgrpnm { font-size:16px; padding:3px; } .prdgrpds { font-size:12px; padding:0px 3px; } .sublist a:hover { font-weight:bold; } .clkblspan span:hover { cursor:pointer; color:#0060B6; } /* 2021-05-07 TSD mode menu */ .rdcm-main { font:normal 15px Roboto condensed, sans-serif; width:300px; margin:0px; } @media only screen and (max-width:310px) { .rdcm-main { height:calc(100vh - 45px); overflow-y:scroll; scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* Internet Explorer 10+ */ } .rdcm-main::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } .rdcm-main h2 { font-size:16px; margin:5px 0px; } .rdcm-main input[type='text'] { font-size:16px; width:180px; padding:5px 7px; margin:5px 0px; } .rdcmScan { display:inline-block; color:#333; text-align:center; text-decoration:none; margin:0px 0px; padding:8px 24px; background-color:#ffe6e6; text-shadow:1px 1px 2px #888; font:normal 16px Roboto condensed, sans-serif; border:none; border-radius:5px; cursor:pointer; } .rdcmScan:hover { background-color:#ffeaea; color:#333; } /* .rdcmArrw { display:inline-block; color:#333; width:39%; text-align:center; text-decoration:none; margin:0px 0px; padding:7px 7px; background-color:#ddd; text-shadow:1px 1px 2px #888; font:normal 16px Roboto condensed, sans-serif; border:none; border-radius:5px; cursor:pointer; } .rdcmScan:hover { background-color:#eee; color:#333; } */ .rdcmLink, .rdcmLinkGrn, .rdcmLinkRed { display:block; width:285px; color:white; text-align:center; text-decoration:none; margin:9px 0px; padding:9px 8px; background-color:#3498db; text-shadow:1px 1px 2px #888; font:bold 16px Roboto, sans-serif; border-radius:5px; cursor:pointer; } .rdcmLink:hover { background-color:#3cb0fd; color:white; } .rdcmLinkGrn { background-color:green; } .rdcmLinkGrn:hover { background-color:#029b02; color:white; } .rdcmLinkRed { background-color:#ff5833; } .rdcmLinkRed:hover { background-color:#ff481a; color:white; } .rdcmLink2 { display:block; /* width:285px; */ color:black; text-align:center; text-decoration:none; margin:8px 0px; padding:8px 8px; background-color:darkorange; text-shadow:1px 1px 1px white; font:bold 16px Roboto, sans-serif; border-radius:5px; cursor:pointer; } .rdcmLink2:hover { background-color:#ffa435; color:black; } .rdcmBack { display:block; /* width:285px; */ color:white; text-align:center; text-decoration:none; margin:9px 0px; padding:9px 8px; background-color:gray; text-shadow:1px 1px 2px #888; font:bold 16px Roboto, sans-serif; border:none; border-radius:5px; cursor:pointer; } .rdcmBack:hover { background-color:darkgray; color:white; } .tsdtbl { font-size:12px; font-family:Roboto condensed; text-align:left; width:auto; height:90px; overflow-y:scroll; scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* Internet Explorer 10+ */ } .tsdtbl::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .exprtlnk { margin-left:24px; font:12px Roboto, sans-serif; } .silobrd { height:calc(100vh - 205px); overflow:auto; width:calc(100% - 10px); font:12px Roboto Condensed; padding:5px 0px 5px 0px; position:relative; } .silokorpus { border:none; background-color:cornsilk; position:absolute; padding:2px 2px; min-width:150px; } .silobx { width:90px; height:95px; /* box-sizing:border-box; */ border:1px solid gray; border-radius:2px; background-color:white; padding:0px; position:absolute; z-index:3; text-align:left; /* margin-right:5px; */ } .silobx:hover { cursor:pointer; } .silosbx { padding:2px; height:91px; /* Note: this height MUST BE = .silobx height - 2 x this class padding !!!*/ overflow:hidden; } .silpr { margin:5px 0px; } .silcm { font-size:11px; height:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .siloinftb { font:16px Roboto Condensed; margin-bottom:5px; } .siloinftb input[type=number] { width:40px; -moz-appearance: textfield; } /* hide arrows on 'number'-input */ .siloinftb table, .siloinftb td { border: none; } .prm-ok { width:32px; height:32px; margin:0px 12px; background: transparent url(../images/lght-grn.png) no-repeat; } .prm-nok { width:32px; height:32px; margin:0px 12px; background: transparent url(../images/lght-orng.png) no-repeat; } .barprnlnk { display:inline-block; width:30px; height:16px; margin:0px 2px; background: transparent url(../images/barcod.png) no-repeat; } .rmv-lnk { display:inline-block; width:16px; height:16px; margin:0px 2px; background: transparent url(../images/delete_red16.png) no-repeat; } .modLbl { font-size:12px; display:inline-block; width:130px; text-align:right; padding-right:8px; } /* Deliveries Registry: pale left ('invisible') part of full TTN No., as encoded in TTN barcode */ .ttnns { color:darkgray; font-size:smaller; margin-right:1px; } /* Delivery weiging photos AM 2023-03-24: width:260px; height:190px; */ h3.wphhdr { margin:10px 0px; font-size:smaller; } /* For 4:3 images */ .wphoto { float:left; width:200px; height:145px; background-size:contain; background-color:transparent; background-repeat:no-repeat; margin:2px; margin-bottom:30px; } .wphoto:hover { opacity:0.8; cursor:pointer; } /* For 16:9 images */ .wphoto-hd { float:left; width:260px; height:145px; background-size:contain; background-color:transparent; background-repeat:no-repeat; margin:2px; margin-bottom:30px; } .wphoto-hd:hover { opacity:0.8; cursor:pointer; } /* Camera Image Boxes (Scales Monitoring) */ .camimg { float:left; width:242px; height:180px; margin-left:3px; margin-bottom:3px; background-size:contain; background-color:transparent; background-repeat:no-repeat; } .camimg-hd { float:left; width:322px; height:180px; margin-left:3px; margin-bottom:3px; background-size:contain; background-color:transparent; background-repeat:no-repeat; } .camimg-gosnom { float:left; width:140px; height:180px; margin-left:3px; margin-bottom:3px; background-size:contain; background-color:transparent; background-repeat:no-repeat; } /* Machines geopoints */ .geomc { display:inline-block; width:auto; padding:0px 2px; border-radius:3px; background-color:rgba(255,255,255,0.7); color:black; font-family:Roboto condensed; font-weight:bold; text-shadow:1px 1px #DDD; box-shadow: 0 0 10px #C4C4C4; } @media screen { #idrep { height:calc(100vh - 210px); scrollbar-width:thin; } #idrep2 { height:calc(100vh - 192px); scrollbar-width:thin; } } @media print { #sprvkx { height: 100%; } #idrep { height:auto; } #idrep2 { height:auto; } } /* Reports drop-down menu - Dec 2022 */ .dropmenu22 { margin:0px; padding:0px; } .navbar22 { overflow:hidden; background-color:#f3f3f3; font-family:sans-serif; padding:0px; margin:2px 0px; } .navbar22 a { float:left; font-size:14px; color:black; text-align:center; text-decoration:none; padding:5px 12px; font-weight:normal; text-shadow:none; } .dropdown22 { float:left; overflow:hidden; } .dropdown22 .dropbtn { font:inherit; font-size:14px; font-weight:bold; text-shadow:1px 1px 2px #888; border:none; outline:none; color:black; padding:10px 8px; background-color:inherit; margin:0; border-right: 2px solid #fff; } .navbar22 a:hover, .dropdown22:hover .dropbtn { background-color:#ffd599; } .dropdown22 .dropbtn[selected] { background-color:#b36800; color:white; } .dropdown22:hover .dropdown22-content { display:block; } /* Show drop-list when hover over menu item */ .dropdown22-content { display:none; position:absolute; background-color:#f9f9f9; width:100%; left:0; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown22-content .row22 { background-color:#f9f9f9; } /* Dropped Columns (that float next to each other) */ .colmn22 { float:left; width:300px; padding:5px; background-color:#f9f9f9; height:220px; } .colmn22 a { float:none; color:black; padding:8px 16px; text-decoration:none; display:block; text-align:left; font-weight: bold; } .colmn22 a:hover { background-color: #ffd599; } .colmn22 h3 { font-size:14px; margin-block-start:0.3em; margin-block-end:0.2em; } /* Clear floats after the columns */ .row22:after { content:''; display:table; clear:both; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 640px) { .colmn22 { width:100%; height:auto; } } .clickcell:hover { cursor:pointer; opacity:0.5; } .clickdiv:hover { cursor:pointer; } .smallfontcell { font-size:smaller; height:70px; overflow:auto; } .ocrdat { color:gray; } .ovrlfrm23 { position:fixed; top:0px; left: 0px; width:100%; height:100%; z-index:9999; background-color: rgba(0,0,0,0.05); } /* overlay v.2023*/ .ovrlfrm23:hover { cursor:default; } .dropd23 { position:relative; display:inline-block; width:100%; } .dropd23 .initvalu { width:100%; } .dropd23-content { position:absolute; margin-left:-6px; background-color:#f9f9f9; min-width:60px; max-height:400px; overflow-y:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); padding:2px 2px 8px; z-index:10000; cursor:default; } .dropd23-content a { color:black; padding:6px 8px; text-decoration:none; display:block; text-align:left; } .dropd23-content a:hover { background-color:#DDD; } .dropd23-content a.active { background-color:#B0B0B0; cursor:default; } .dropd23:hover { cursor:pointer; } /* .dropd23:hover .dropd23-content { display:block; } This would display sub-div of when the parent div is hovered over! */ .frm-btn2, .frm-btn2-red, .frm-btn2-grn, .frm-btn2-yell { text-decoration:none; padding:3px 12px; margin-left:0px; margin-right:20px; border-radius:5px; text-shadow: 2px 1px 3px #666666; box-shadow: 1px 0px 2px #666666; color: #ffffff; font:bold 12px Arial, sans-serif; } .frm-btn, .frm-btn2 { background: #3498db; } .frm-btn-red, .frm-btn2-red { background: #ff481a; } .frm-btn-grn, .frm-btn2-grn { background: green; } .frm-btn-yell, .frm-btn2-yell { background: orange; /* box-shadow:inset 3px 4px 30px 0px orange; */ } .frm-btn:hover, .frm-btn2:hover { background:#3cb0fd; text-decoration:none; cursor:pointer; color:white; font-weight:bold !important; } .frm-btn-red:hover, .frm-btn2-red:hover { background:#ff6d4c; text-decoration:none; cursor:pointer; color:white; font-weight:bold !important; } .frm-btn-grn:hover, .frm-btn2-grn:hover { background:#009900; text-decoration:none; cursor:pointer; color:white; font-weight:bold !important; } .frm-btn-yell:hover, .frm-btn2-yell:hover { background:#ffb833; text-decoration:none; cursor:pointer; color:white; font-weight:bold !important; } /* SVG Weighing History */ .wghist-title { display:none; width:160px; height:60px; } .wgh-tinfo { background-color:#ddd; padding:5px; } .wghist-elm:hover + .wghist-title { display:block; } /* For 4:3 images */ .whphoto { float:left; width:200px; height:145px; background-size:contain; background-color:white; background-repeat:no-repeat; margin:2px; margin-bottom:30px; } /* For 16:9 images */ .whphoto-hd { float:left; width:260px; height:145px; background-size:contain; background-color:white; background-repeat:no-repeat; margin:2px; margin-bottom:30px; }