/* Mixins */ @import url("EZB_Style_All.css?v=220905_1"); @import url("../../stylesheets/artmetro/ags-artmetro-base.css?v=220905_1"); /* Html elements */ sup { top: -.3em; } /* BODY */ body.main { padding-top: 6px; padding-bottom: 6px; } body.main.popuppe { padding-top: 0; } /* IE fix since an empty still may cover the -background-image */ html#bgFillBase body, html#fillBg body, html#bgFillUpperLeft body, html#bgFillMainTopLeft body, html#bgFillMainTop body, html#bgFillMainTopRight body, html#bgFillMainLeft body, html#bgFillMainRight body, html#bgFillMainBtmLeft body, html#bgFillMainBtm body, html#bgFillMainBtmRight body { background: transparent none; } #artLogoVert { width: 58px; height: 324px; background: transparent url(../images/stylesheet_20/logo-artologik-ez-vertical.png) no-repeat 0% 0%; position: absolute; left: 4px; bottom: -3px; } /*.main .bodyWrp, .pop .bodyWrp { padding: 12px; background-color:#fff; border:solid 1px $brd-color-panel; }*/ /* Buttons */ .btn { cursor: pointer; } /* Icons */ .btn.btnAsIco:before, .ico:before, table.ezbCalender td.ezbSelectedWeek:before, table.ezbCalender th.ezbSelectedWeek:before, .ezbMenuDp tr.ui-state-active .ui-datepicker-week-col:before, a.btn.btnAsIco.btnInfoObj:before, #microscopeList .item.info:after, .linked .btnAsIco.btnEdit:after { display: inline-block; font-family: FontArtMetro; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.btn.btnAsIco, .btn.btnAsIco { background-repeat: no-repeat; background-position: 0 0; } a.btn.btnAsIco span { display: inline-block; width: 16px; height: 16px; } .input-group-btn > a.btn.btnAsIco, .input-group-btn > .btn.btnAsIco { background-position: 50% 50%; } a.btn.btnAsIco.btnInfoObj, a.btn.btnAsIco.btnInfoObj:hover, a.btn.btnAsIco.btnInfoUser, a.btn.btnAsIco.btnInfoUser:hover { background: none; border: none; outline: none; padding: 0 0 1px; color: #35559c; line-height: 1.42857; text-decoration: none; white-space: normal; text-align: left; margin-left: 1.3em; text-indent: -1.3em; } a.btn.btnAsIco.btnInfoObj:active, a.btn.btnAsIco.btnInfoUser:active { box-shadow: none; } a.btn.btnAsIco.btnInfoObj.ws-nw, a.btn.btnAsIco.btnInfoObj.ws-nw:hover, .ws-nw a.btn.btnAsIco.btnInfoObj, .ws-nw a.btn.btnAsIco.btnInfoObj:hover, a.btn.btnAsIco.btnInfoUser.ws-nw, a.btn.btnAsIco.btnInfoUser.ws-nw:hover, .ws-nw a.btn.btnAsIco.btnInfoUser, .ws-nw a.btn.btnAsIco.btnInfoUser:hover { white-space: nowrap; } a.btn.btnAsIco.btnInfoObj:before, a.btn.btnAsIco.btnInfoUser:before { content: "\e363"; color: #5c7bbf; font-size: inherit; vertical-align: -1px; margin-left: 1.3em; } a.btn.btnAsIco.btnInfoObj:hover, a.btn.btnAsIco.btnInfoUser:hover { text-decoration: underline; } .ezbCalenderLabel1 a.btn.btnAsIco.btnInfoObj, .ezbCalenderLabel1 a.btn.btnAsIco.btnInfoUser, .ezbCalenderLabel1 a.btn.btnAsIco.btnInfoObj:before, .ezbCalenderLabel1 a.btn.btnAsIco.btnInfoUser:before { color: #fff; white-space: normal; text-align: left; } .btn[disabled], .btn[disabled]:focus, .btnAsIco[disabled], .btnAsIco[disabled]:focus, .disabled .btn, .disabled .btn:focus, .disabled .btnAsIco, .disabled .btnAsIco:focus, input.btn[disabled], input.btn[disabled]:focus, input.btn.disabled, input.btn.disabled:focus { color: #fff !important; font-style: normal !important; } a.toggler span, .btnAsIco.btnPrint span, .btnAsIco.btnPdf span, .btnAsIco.btnExcel span, .btnAsIco.btnEdit span, .btnAsIco.btnIsManaged span, .btnAsIco.btnIsNotManaged span, .btnAsIco.btnAdd span, .btnAsIco.btnDelete span, .btn.btnAsIco.btnInfoObj span, .btn.btnAsIco.btnInfoUser span, .btnAsIco.btnSearch span, .btnAsIco.btnInfo span, .btnAsIco.btnCal span, .btnAsIco.btnOrder span, .btnAsIco.btnGroup span, .btnAsIco.btnVisit span, .btnAsIco.btnTurn span, .btnAsIco.btnBook span, .btnAsIco.btnChange span, .btnAsIco.btnPrevious span, .btnAsIco.btnNext span, .btnAsIco.btnMulti span, .btnAsIco.btnOpenInNewWin span, .btnAsIco.btnCopy span, .btnAsIco.btnClose span, .btnAsIco.btnUndo span, .btnAsIco.btnDevice span { display: none !important; } .btnAsIco.btnPrint, .btnAsIco.btnPdf, .btnAsIco.btnExcel, .btnAsIco.btnEdit, .btnAsIco.btnIsManaged, .btnAsIco.btnIsNotManaged, .btnAsIco.btnAdd, .btnAsIco.btnDelete, .btn.btnAsIco.btnInfoObj, .btn.btnAsIco.btnInfoUser, .btnAsIco.btnSearch, .btnAsIco.btnInfo, .btnAsIco.btnCal, .btnAsIco.btnOrder, .btnAsIco.btnGroup, .btnAsIco.btnVisit, .btnAsIco.btnTurn, .btnAsIco.btnBook, .btnAsIco.btnChange, .btnAsIco.btnPrevious, .btnAsIco.btnNext, .btnAsIco.btnMulti, .btnAsIco.btnOpenInNewWin, .btnAsIco.btnCopy, .btnAsIco.btnClose, .btnAsIco.btnUndo, .btnAsIco.btnDevice { background-image: none !important; } .btnAsIco.btnHelp { background: transparent none !important; border: none !important; } .btnAsIco.btnDevice.connected { background-color: #417a39; opacity: 1; } .btnAsIco.btnDevice:not(.connected) { opacity: 0.75; } .linked .btnAsIco.btnEdit { position: relative; } .linked .btnAsIco.btnEdit:after { content: "\e2c9"; font-size: 11px; position: absolute; bottom: 2px; right: 2px; } .linked.hover .btnAsIco.btnEdit { background-color: #556a9b; border-color: #e3e8f3; outline-color: #556a9b; } .ico { background-color: transparent; background-image: none !important; width: auto; height: auto; display: inline; } .ico.invoiced, .ico.invalidated { text-align: center; } .ico.invoiced:before, .ico.invalidated:before { display: block; margin: 0 auto; } .ico.invoiced:before { content: "\e370"; color: #417a39; } .ico.invalidated:before { content: "\e36b"; color: #b63329; } .ico.trashcan:before { content: "\e251"; color: #b63329; } .ico.trashcanCrossed:before, .ico.checkGreen:before { content: "\e370"; color: #417a39; } .ico.checkRed:before { content: "\e36b"; color: #b63329; } .ico.checkOrange:before { content: ""; border: solid 2px #c77821; border-radius: 50%; display: inline-block; width: 1em; height: 1em; } .input-group-btn > .btnAsIco.btnInfo:before { margin-left: 1px; } .btnAsIco.btnCal:before { content: "\e113"; } .btnAsIco.btnOrder:before { content: "\e0c6"; } .btnAsIco.btnGroup:before { content: "\e187"; } .btnAsIco.btnVisit:before { content: "\e198"; } .btnAsIco.btnTurn:before { content: "\eaab"; margin-left: -1px; } .btnAsIco.btnChange:before { content: "\ee48"; transform: rotate(90deg); } .btnAsIco.btnMulti:before { content: "\e415"; } .btnAsIco.btnOpenInNewWin:before { content: "\e90a"; } .btnAsIco.btnUndo:before { content: "\e14b"; } .fi-warning2:before { color: #c77821; } .toggler { margin-bottom: 3px; } .btn.btnAsIco.btnPrevious.hasTxt::before, .btn.btnAsIco.btnNext.hasTxt::before { display: none; } .btn.btn-default + br + .btn.btn-default { margin-top: 1px; } .btn.btnBook, .btn.btnBook[disabled], .btn.btnBook.disabled, .btn.btnBook[disabled]:hover, .btn.btnBook.disabled:hover { background-color: #417a39; border-color: #417a39; outline-color: #31512d; } .btn.btnBook:hover, .btn.btnBook:focus, .btn.btnBook:active { background-color: #42733a; border-color: #dde8db; outline-color: #42733a; } .btnAsIco.btnBook:before { content: "\e378"; } /* * Common Layout */ h1.ezbHeader, h2.section-header { font-size: 15px; } h1.ezbHeader, h2.ezbHeader { border: none; } h2.ezbHeader { margin: 3px 0 0; font-weight: bold; font-size: 14px; } .ezbHeader a { color: inherit; } .ezbHeader > .btnAsIco.btnPrevious, .ezbHeader > .btnAsIco.btnNext { margin-right: 4px; } .ezbHeader > .btnAsIco.btnNext { margin-right: 6px; } .ezbResultHighLight { font-weight: bold; } .ezbResultSelected, .ezbResultSelected > td { background-color: #6e9968 !important; color: #fff; } .artBaseRow { overflow: hidden; } .artBaseRow .artBaseCol { float: left; } .artBaseRow.cols2 .artBaseCol.col1, .artBaseRow.cols2 .artBaseCol.col2 { width: 49.9%; } .artBaseCol + .artBaseCol > .artBaseCont { padding-left: 2px; padding-right: 2px; } .artBaseCol:first-child > .artBaseCont { padding-right: 2px; } .artBaseRow.cols2 .artBaseCol.col2 > .artBaseCont { padding-right: 0; } .artBaseRow.cols2 .artBaseCol.col1 .inputTbl, .artBaseRow.cols2 .artBaseCol.col1 .outputTbl { margin-right: 12px; } .artBaseRow.cols2 .artBaseCol.col2 .inputTbl, .artBaseRow.cols2 .artBaseCol.col2 .outputTbl { margin-left: 12px; } /* * INPUTS */ /* Inputs - Checkbox and Radio buttons */ input[type="checkbox"], input[type="radio"], label input[type=checkbox], label input[type=radio] { -moz-appearance: none; -webkit-appearance: none; border: none; background: transparent url("../images/stylesheet_20/cbx-sprite.png") no-repeat 0 0; width: 16px; height: 16px; vertical-align: -6px !important; margin: 3px 4px 3px 3px; position: static; border: none; } input[type="checkbox"] + label, input[type="radio"] + label, label input[type=checkbox] + label, label input[type=radio] + label { vertical-align: text-top; } td > input[type="checkbox"]:only-child, td > input[type="radio"]:only-child { vertical-align: -3px !important; margin: 0px 4px 0px 3px; } input[type="radio"], label input[type=radio] { background-image: url("../images/stylesheet_20/radio-sprite.png"); border-radius: 50%; } input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="checkbox"]:active, input[type="radio"]:active { outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6); } .ezbAlert1 { color: #D63939; font-size: 1.4em; line-height: 0.9; } /* Partially Checkbox */ input[type="checkbox"].cbx-partial { background-position: 0 -96px; } input[type="checkbox"].cbx-partial:focus, input[type="checkbox"].cbx-partial.active { background-position: 0 -112px; } /* Default Checkbox and Radio */ input[type="checkbox"]:checked, input[type="radio"]:checked { background-position: 0 -16px; } input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="checkbox"].active, input[type="radio"].active { background-position: 0 -32px; } input[type="checkbox"]:checked:focus, input[type="radio"]:checked:focus, input[type="checkbox"].active:checked, input[type="radio"].active:checked { background-position: 0 -48px; } input[type="checkbox"][disabled], input[type="radio"][disabled] { background-position: 0 -64px !important; } input[type="checkbox"][disabled]:checked, input[type="radio"][disabled]:checked { background-position: 0 -80px !important; } /* Partially Checkbox - DISABLED */ input[type="checkbox"][disabled].cbx-partial { background-position: 0 -128px !important; } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, input[type="checkbox"], input[type="radio"] { vertical-align: -3px !important; } /* IE11 */ } label input[type=checkbox] + span, label input[type=radio] + span { display: inline; } label input[type=checkbox] + span:before, label input[type=radio] + span:before { display: none; } /*unavailable options*/ option.redMark { color: #CC0000; } /* * UPPER */ /* * LEFT NAVIGATION */ .sidebar .menuLink { margin-top: -1px; } .sidebar .menuLink .nav.nav1 > li:first-child { border-top: none; } .ezbMenuDp .ui-datepicker { padding: 0 0 3px; width: auto; background-color: #fff; border-bottom: solid 1px #9faac3; } .ezbMenuDp .ui-datepicker table { margin: 0; } .ezbMenuDp .ui-datepicker table th:last-child, .ezbMenuDp .ui-datepicker table td:last-child { padding-right: 3px; } .ezbMenuDp .ui-datepicker th { padding: 4px 2px 3px; border-bottom: none; } .ezbMenuDp .ui-datepicker.ui-widget-content .ui-state-default:not(.ui-state-hover) { background-color: #e3e8f3; border: solid 1px #c7cdda; } .ezbMenuDp .ui-datepicker.ui-widget-content .ui-datepicker-current-day:not(.ui-datepicker-other-month) .ui-state-default, .ezbMenuDp .ui-datepicker.ui-widget-content .ui-state-hover { background-color: #647db6; border-color: #3c5388; } .ezbMenuDp .ui-datepicker.ui-widget-content .ui-datepicker-other-month span { color: #3c5690 !important; } .ezbMenuDp .ui-datepicker thead th span, .ezbMenuDp .ui-datepicker-week-col, .ezbMenuDp .ui-widget-content .ui-datepicker-calendar td:not(.ui-datepicker-current-day) a:not(:hover) { color: #323f5b !important; } .ezbMenuDp .ui-datepicker-week-col { font-style: italic; padding-right: 3px; } .ezbMenuDp tr.ui-state-active .ui-datepicker-week-col { background: none; position: relative; font-weight: bold; } .ezbMenuDp tr.ui-state-active .ui-datepicker-week-col:before, table.ezbCalender td.ezbSelectedWeek:before, table.ezbCalender th.ezbSelectedWeek:before { content: "\e3b5"; position: absolute; top: 4px; left: -7px; font-size: 16px; color: #323f5b; z-index: 1; } .ezbMenuDp .ui-widget-content .ui-state-active { background: transparent none; border: none; } .ezbMenuDp .ui-widget-header { background-color: #417a39; margin-top: 0; border-top: solid 1px #fff; background-image: none; padding: 0 !important; margin: 0 !important; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-prev.ui-state-hover, .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-next.ui-state-hover, .ezbMenuDp .ui-datepicker-title select:hover, .ezbMenuDp .ui-datepicker-title select:focus { background-color: #41683b; border-color: #fff; } .ezbMenuDp .ui-datepicker table, .ezbMenuDp .ui-datepicker .ui-datepicker-title { font-size: 11px; margin-top: 25px; } .ezbMenuDp .ui-datepicker .ui-datepicker-title { margin: 0 30px; } .ezbMenuDp .ui-datepicker-title select { padding: 0; margin: 0; } .ezbMenuDp .ui-datepicker-title select.ui-datepicker-year, .ezbMenuDp .ui-datepicker-title select.ui-datepicker-month { padding-left: 1.7em; } .ezbMenuDp .ui-datepicker-title select, .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-prev, .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-next { height: 25px; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-icon { display: none; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-prev, .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-next { width: 30px; cursor: pointer; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-prev:after, .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-next:after { font-size: 18px; top: 3px; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-prev:after { left: 5px; } .ezbMenuDp .ui-datepicker-header.ui-widget-header .ui-datepicker-next:after { right: 5px; } #rightMain #td1Dp #btnToday { right: 0; top: 62px; left: 0; } #rightMain #td1Dp #btnToday a { display: inline-block; text-decoration: none; width: 100%; line-height: 25px; background: #417a39; color: white; border: none; border-top: 1px solid white; } #rightMain #td1Dp #btnToday a:hover { background-color: #41683b; } /* * LOWER */ .menu4 #loggedInUser > em { display: none; } .menu4 #loggedInUser .btnUser > span { font-size: 12px; display: inline-block; padding-left: 0.4em; padding-right: 0.1em; vertical-align: 0px; width: auto; height: auto; max-width: 120px; text-overflow: ellipsis; overflow: hidden; } /* * MAIN - Common */ /* EzbPanel */ td.ezbPanel, table.ezbPanel, .ezbResult:not(.ezbAddItemTbl), .ezbResult.ezbAddItemTbl > .scrollWrp, h1.ezbHeader, h1.ezbHeader + .ezbMessage, .calendar-popup .upperBar, .ezbPreamble, h1.ezbHeader + .ezbTable, .ezbPreamble + .ezbTable, .dataTables_scrollBody, .nbe_ezbPanel > .nbeditor { background-color: #fff; border: 1px solid #aaa; box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.48); } .dataTables_scrollHeadInner > .ezbResult, .dataTables_scrollBody > .ezbResult { box-shadow: none; border: none; } .dataTables_scrollBody > .ezbResult > tbody > tr:first-child > td { border-top: none; } .ezbResult.ezbAddItemTbl > .ezbResult { border-bottom: none; box-shadow: none; } .ezbResult.ezbAddItemTbl > .scrollWrp { border-top: none; } .ezbResult:not(.ezbAddItemTbl) > .ezbResult, .scrollWrp > .ezbResult { border: none; box-shadow: none; } table.ezbPanel { border-collapse: separate; } .bodyWrp > table.ezbPanel:not(.inputTbl) > tbody > tr > th, .bodyWrp > table.ezbPanel:not(.inputTbl) > tbody > tr > td, form > table.ezbPanel:not(.inputTbl) > tbody > tr > th, form > table.ezbPanel:not(.inputTbl) > tbody > tr > td, h1.ezbHeader, h1.ezbHeader + .ezbMessage, .ezbPreamble { padding: 6px 9px 7px; } h1.ezbHeader + .ezbTable, .ezbPreamble + .ezbTable { width: 100%; } h1.ezbHeader + .ezbTable > tbody > tr:first-child > td, h1.ezbHeader + .ezbTable > tbody > tr:only-child > td, h1.ezbHeader + .ezbTable > tr:first-child > td, h1.ezbHeader + .ezbTable > tr:only-child > td, .ezbPreamble + .ezbTable > tbody > tr:first-child > td, .ezbPreamble + .ezbTable > tbody > tr:only-child > td, .ezbPreamble + .ezbTable > tr:first-child > td, .ezbPreamble + .ezbTable > tr:only-child > td { padding-top: 6px; } h1.ezbHeader + .ezbTable > tbody > tr:last-child > td, h1.ezbHeader + .ezbTable > tbody > tr:only-child > td, h1.ezbHeader + .ezbTable > tr:last-child > td, h1.ezbHeader + .ezbTable > tr:only-child > td, .ezbPreamble + .ezbTable > tbody > tr:last-child > td, .ezbPreamble + .ezbTable > tbody > tr:only-child > td, .ezbPreamble + .ezbTable > tr:last-child > td, .ezbPreamble + .ezbTable > tr:only-child > td { padding-bottom: 7px; } h1.ezbHeader + .ezbTable > tbody > tr > td:first-child, h1.ezbHeader + .ezbTable > tbody > tr > td:only-child, h1.ezbHeader + .ezbTable > tr > td:first-child, h1.ezbHeader + .ezbTable > tr > td:only-child, .ezbPreamble + .ezbTable > tbody > tr > td:first-child, .ezbPreamble + .ezbTable > tbody > tr > td:only-child, .ezbPreamble + .ezbTable > tr > td:first-child, .ezbPreamble + .ezbTable > tr > td:only-child { padding-left: 9px; } h1.ezbHeader + .ezbTable > tbody > tr > td:last-child, h1.ezbHeader + .ezbTable > tbody > tr > td:only-child, h1.ezbHeader + .ezbTable > tr > td:last-child, h1.ezbHeader + .ezbTable > tr > td:only-child, .ezbPreamble + .ezbTable > tbody > tr > td:last-child, .ezbPreamble + .ezbTable > tbody > tr > td:only-child, .ezbPreamble + .ezbTable > tr > td:last-child, .ezbPreamble + .ezbTable > tr > td:only-child { padding-right: 9px; } form > table.ezbPanel.inputTbl > tbody > tr:first-child > td, .calendar-popup table.upperBar > tbody > tr:first-child > td { padding-top: 6px; } form > table.ezbPanel.inputTbl > tbody > tr:last-child > td, form > table.ezbPanel.inputTbl > tbody > tr:only-child > td, .calendar-popup table.upperBar > tbody > tr:last-child > td, .calendar-popup table.upperBar > tbody > tr:only-child > td { padding-bottom: 7px; } form > table.ezbPanel.inputTbl > tbody > tr > td:first-child, form > table.ezbPanel.inputTbl > tbody > tr > td:only-child { padding-left: 9px; } form > table.ezbPanel.inputTbl > tbody > tr > td:last-child, form > table.ezbPanel.inputTbl > tbody > tr > td:only-child { padding-right: 9px; } h1.ezbHeader { position: relative; padding-top: 9px; } h1.ezbHeader:before { content: ""; display: block; background-color: #fff; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 9px; z-index: 2; } h1.ezbHeader + .ezbPanel, h1.ezbHeader + .ezbMessage, h1.ezbHeader + .ezbPreamble, .calendar-popup h1.ezbHeader + .upperBar, .calendar-popup h1.ezbHeader + .upperBar + .ezbPanel, h1.ezbHeader + .ezbTable, .ezbPreamble + .ezbTable { margin-top: -12px; z-index: 2; position: relative; border-top: none; } h1.ezbHeader + .ezbMessage { display: block; } .ezbPanel h1.ezbHeader { background-color: transparent; box-shadow: none; border: none; padding: 0; } .ezbPanel h1.ezbHeader:before { display: none; } /* * CALENDAR-POPUP */ html#popframe { background: #c9c9c9 url("../images/stylesheet_20/bg-square-fabric-gray.png") repeat 0 0; } .calendar-popup h1.ezbHeader + .upperBar, .calendar-popup h1.ezbHeader + .upperBar + .ezbPanel { margin-top: -8px; } .calendar-popup .upperBar > tbody > tr > td:only-child, .calendar-popup .upperBar > tbody > tr > td:first-child { padding-left: 12px; } .calendar-popup .upperBar > tbody > tr > td:only-child, .calendar-popup .upperBar > tbody > tr > td:last-child { padding-right: 13px; } .calendar-popup .ezbHeader .ico:before { font-size: 13px; margin-right: 3px; } /* * "Select Date & Time"-Table */ .ezbTimeFrom .split, .ezbTimeTo .split, .ezbDT .select-group + .split { padding: 0 2px; } /* * CALENDAR TABLES */ /* Header above calendar */ .ezbCalenderHdr { margin-bottom: 3px; } /* week and month calender table */ table.ezbCalender { background-color: transparent; border-collapse: collapse; } table.ezbCalender > tbody > tr > td:not(.ezbCalenderEmpty) { border: 1px solid #ccc; /*ccbd8e*/ /* NO borders in nested tables */ } table.ezbCalender td, table.ezbCalender th { background-color: #fff; padding: 3px 6px; } table.ezbCalender td.ezbCalenderEmpty, table.ezbCalender th.ezbCalenderEmpty { border: none !important; background-color: transparent; } table.ezbCalender td.ezbCalenderNoLink, table.ezbCalender th.ezbCalenderNoLink { background-color: #f8f8f8; } /* half day if useCalenderBgColors */ .ezbCalenderHalfDay { background-color: #dae9fd; border: outset 1px; } /* full day if useCalenderBgColors */ .ezbCalenderFullDay { background-color: #b2c8f4; border: outset 1px; } /* label for day number */ .ezbCalenderDayNo { font-size: 12px; } /* label for TOP row, ezbCalenderLabel2a: Saturday, ezbCalenderLabel2b: Sunday, */ table.ezbCalender tr:first-child td.ezbCalenderLabel1, table.ezbCalender tr:first-child th.ezbCalenderLabel1, table.ezbCalender td.ezbCalenderLabel2a, table.ezbCalender th.ezbCalenderLabel2a, .ezb .fc-widget-header, .ezb .fc-axis.fc-time.fc-widget-content, .ezb .fc-timegrid-slot.fc-timegrid-slot-label, .ezb .fc-timegrid-axis, .ezb .fc-col-header-cell { background: #636363 none no-repeat 0 0; color: #fff; } .ezb .fc-col-header-cell a { color: #fff; text-decoration: none; text-transform: capitalize; } .ezbMessage { font-size: 11px; } .ezbCalenderLabel1 .ezbMessage { display: block; } .ezbCalenderLabel1 .ezbMessage:not(:hover) { color: #d2d2d2; } .ezbCalenderLabel1 .lbl-date, .ezbCalenderLabel2a .lbl-date, .ezbCalenderLabel2b .lbl-date { white-space: nowrap; display: block; font-size: 11px; opacity: 0.85; } .ezbTableWrapper table.ezbTable { border: 1px solid #ccc; } .ezbTableWrapper table.ezbTable tr td { background-color: white; padding: 3px 0.52em; } table.ezbCalender td.ezbCalenderLabel2b, table.ezbCalender th.ezbCalenderLabel2b, .ezb .fc-widget-header.fc-sun { background: #a5433b none no-repeat 0 0; color: #fff !important; } table.ezbCalender td.ezbCalenderLabel1, table.ezbCalender th.ezbCalenderLabel1, table.ezbCalender td.ezbCalenderLabel3, table.ezbCalender th.ezbCalenderLabel3 { font-weight: normal; color: #332d1b; background: #f0f0f0 none no-repeat 0 0; border-color: #ccc; } table.ezbCalender td.ezbSelectedWeek, table.ezbCalender th.ezbSelectedWeek { position: relative; text-align: right; padding: 2px 0px 2px 4px; } table.ezbCalender td.ezbSelectedWeek:before, table.ezbCalender th.ezbSelectedWeek:before { top: 2px; left: -7px; font-size: 17px; color: #000; } .ezbCalenderLabel1 a, .ezbCalenderLabel2 a, .ezbCalenderLabel3 a, .ezbCalenderLabel4 a, .ezbCalenderLabel5 a { font-size: 13px; color: inherit; text-decoration: none; font-weight: normal; } .ezbCalenderLabel1 a, .ezbCalenderLabel2a a, .ezbCalenderLabel2b a { color: #fff; } /* label for sunday */ .ezbCalenderLabel2b { color: #bc2a2a !important; } /* label for LEFT column */ .ezbCalenderLabel3 { font-size: 11px; border: outset 1px; } /* label for LEFT column in user calendar*/ .ezbCalenderLabel4 { font-size: 11px; border: outset 1px; } /* label for TOP row in user calendar */ .ezbCalenderLabel5 { font-size: 11px; color: #000000; background-color: #f0f0f0; border: outset 1px; } /* links in monthly calender */ .ezbCalenderLink { background-color: #fff; } /* no links in monthly calender */ .ezbCalenderNoLink { background-color: #f8f8f8; /*faf6eb*/ } /* bookingdata in calender */ .ezbCalenderData { font-size: 9px; color: #000000; } a.ezbCalendarData:hover { opacity: 0.7; } .ezbCalenderData a { font-size: 9px; color: #000000; text-decoration: none; font-weight: normal; } /* holiday type = 0 */ .ezbHoliday1, .ezbHoliday2, .ezbHoliday3, .ezbHoliday4 { font-size: 9px; color: #000; font-weight: normal; } .ezbHoliday1, .ezbHoliday4 { color: #FF0000; } .ezbHoliday3, .ezbHoliday4 { font-size: 11px; } /* ### ezbResult - Specific ### */ table.ezbResult { width: 100% !important; box-sizing: border-box; } /* ### ezbResultPanel - Ex: Reports / Invoice ### */ table.ezbResultPanel .tr-table-split:last-child { display: table-row; } /* ### ezbButttonBar Table - Specific ### */ .ezbButtonBg > td, td.ezbButtonBg { text-align: right; padding: 6px 3px; } .ezbPanel .ezbButtonBg > td:only-child, .ezbPanel .ezbButtonBg > td:last-child, .ezbPanel td.ezbButtonBg:only-child, .ezbPanel td.ezbButtonBg:last-child { padding-right: 0; } .ezbButtonBg > td > .btn, td.ezbButtonBg > .btn { margin-left: 2px; } .ezbButtonBg > td > .btn:only-child, .ezbButtonBg > td > .btn:first-child, td.ezbButtonBg > .btn:only-child, td.ezbButtonBg > .btn:first-child { margin-left: 0; } /* * .popDiv - override ags-artmetro */ .popDiv { display: block; font-size: 11px; } .popDivCont > p:first-child, .popDivCont > br + p { color: #333; font-weight: bold; margin-bottom: 0.3em; } .popDivCont > p > span > label { color: #000; font-style: normal; } .popDivCont > p + p > span > span { color: #4a4a4a; font-style: italic; } /* * .limit-users (Serach field for users ddl) - override EZB_Style_All */ .limit-users-wrapper .input-group .form-control[type=text], .limit-orgs-wrapper .input-group .form-control[type=text], .search-object-wrapper.input-group .form-control[type=text] { border-bottom-width: 0; } .limit-users-wrapper .input-group .btn-default, .limit-orgs-wrapper .input-group .btn-default, .search-object-wrapper.input-group .btn-default { display: inline-block; text-indent: -9999px; width: 35px; position: relative; z-index: 2; background-image: url("../images/stylesheet_20/font-artmetro-sprite.png"); background-repeat: no-repeat; background-position: 49% 0; overflow: hidden; } /* Inside for example "poptop_user.htm" */ .limit-users-wrapper.limit-search-alone .input-group .form-control[type=text], .limit-users-wrapper.limit-search-alone .input-group .btn-default { border-bottom-width: 1px; } /* * "+/-"-toggle button * Overrides "EZB_Style_All.css" */ .category-filter-wrapper .cat-btn::before, .toggle-btn:before { margin-right: 3px; padding: 0 3px 0 4px; vertical-align: -1px; box-sizing: content-box; } .category-filter-wrapper .cat-btn.is-open::before, .expanded .toggle-btn::before { vertical-align: 0; } /* * Sort links (used in ezbResultLabel rows/cells) * Overrides "EZB_Style_All.css" */ a.sort.asc:after, a.sort.desc:after { border: none !important; height: auto !important; position: static !important; right: 0 !important; top: 0 !important; width: auto !important; } a.sort.asc:after, a.sort.desc:hover:after { content: "\e3b4" !important; } a.sort.desc:after, a.sort.asc:hover:after { content: "\e3b6" !important; } .ezbBorderLeft { border-left: 1px solid #888888; } .nav-tabs { z-index: 1; position: relative; } .ezbUserPager span.page-link.selected { padding: 2px 3px; } .ezbUserPager span.page-link.selected.inp { display: inline; width: 27px; padding: 0; height: 20px; } .ezbUserPager span.page-link.selected.inp input { position: inherit; width: 27px; padding: 1px; height: 20px; } .ezbUserPager span.page-link.selected.inp.inp-len-3 input { width: 30px; } .ezbUserPager span.page-link.selected.inp.inp-len-4 input { width: 33px; } .ezbUserPager span.page-link.selected.inp.inp-len-5 input { width: 36px; } /* * PAGE SPECIFIC */ body.userCalendar .ezbCalenderLabel1 a .u-info { font-weight: normal; } body.poptop-user .booked-for-ddl .fi.fi-warning2 { font-size: 115%; } #foodReportResult .item.infoFields.booked-for-user { margin-top: -8px; } #manualPage .manualPageIntro > .ezbPreamble { clear: left; border: none; box-shadow: none; padding-left: 0; padding-top: 0; } /* Import users / Confirm users to import (Step 2) */ #importUserConfirm .ezbPreamble table.outputTbl > tbody > tr:not(:first-child) > td, #importUserConfirm table.ezbResult > tbody > tr:not(.ezbResultLabel) > td { border-top: solid 1px #fff; } #editBookingsMain #editableBookingsBodyWrapper .ezbTableWrapper.ezbResult2 table.ezbTable tr.ezbResultLabel:first-child td { background-color: #dadada; } #runningBookingsPlanned .ezbResult input[type="checkbox"] + .ico { vertical-align: -1px; } #runningBookingsPlanned .ezbResult input[type="checkbox"] + .ico.checkOrange { vertical-align: -2px; } #runningBookingsPlanned .ezbResult input[name^="newBooking"]:not(:checked) + .ico.checkGreen:before { content: "\e371"; color: #333; opacity: 0.55; } #runningBookingsPlanned #iconInfoWrapper { top: auto; bottom: 1em; } #runningBookingsPlanned #iconInfoWrapper .ico { float: none; vertical-align: -1px; } #microscopeList .item.info { background-image: none; padding-right: 20px; position: relative; } #microscopeList .item.info:after { content: "\e362"; position: absolute; top: 0; right: 0; text-decoration: none !important; } .edOtherWrapper + .nbe_ezbPanel { margin-top: -9px; z-index: 2; position: relative; } .edOtherWrapper + .nbe_ezbPanel > .nbeditor { border-top: none; } .mdlPopUp { font-size: 0.9em; } .mdlHeader { background: #647db6 none no-repeat 0 0; border-bottom-color: #4b5e89; border-radius: 0; padding: 12px 10px 8px; } .mdlHeader h2 { font-weight: normal; } .mdlHeader .btn.btnAsIco.btnClose { outline: none; margin-top: -2px; } body:not(.mobile) .mdlHeader h2, body:not(.mobile) .mdlHeader .btn.btnAsIco.btnClose { font-size: 16px; line-height: 1; } .mdlFooter { background: #b1b1b1 url("../../stylesheets/artmetro/img/bg-square-fabric-dark-gray.png") repeat 0 0; border-top: 1px solid #909090; } .mdlBody h1.ezbHeader, .mdlBody h1.ezbHeader + .ezbPreamble { border: none; box-shadow: none; } .dlgLinkManager .mdlBody { padding: 9px 9px 12px; } .is-managed table.ezbResult { background-color: #edf2ec; } .is-managed .is-managed-label { padding-left: 6px; } .not-managed table.ezbResult { background-color: #faeaea; } /* highlighted price field in booking window */ .ezbPriceHighLight:not(:focus):not(:disabled) { border: 1px outset #45558e; font-weight: bold; background-color: white; color: black; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(69, 85, 142, 0.8); } .keyWin-system .keyWin-info-text, .keyWin-key .keyWin-info-text { /*float: right;*/ position: absolute; z-index: 1; right: 0; } .keyWin-key.available .keyWin-info-text { color: green; } .keyWin-system.not-available .keyWin-info-text, .keyWin-key.not-available .keyWin-info-text { color: red; background-color: white; } .ui-dialog .ui-dialog-titlebar { background-color: #647db6; color: white; } .ui-dialog .ui-dialog-buttonset button.btn.ui-button { padding: 3px 12px; } .bookedFor-order-info { color: #5c7bbf !important; } /* ### Print CSS - LET THIS AND BROWSER SPECIFIC ALWAYS BE LAST IN THIS FILE ### */ @media print { a.btn.btnAsIco.btnInfoObj:before, a.btn.btnAsIco.btnInfoUser:before { display: none; } } /* IE11-Only */ @media all and (-ms-high-contrast: none) { #runningBookingsPlanned .ezbResult input[type="checkbox"] + .ico { vertical-align: -3px; } #runningBookingsPlanned .ezbResult input[type="checkbox"] + .ico.checkRed, #runningBookingsPlanned .ezbResult input[type="checkbox"] + .ico.checkOrange { vertical-align: -5px; } } /* Chrome-Only */ @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .ico.invoiced:before, .ico.invalidated:before { pointer-events: none; } }