in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: ButtonFace;
padding: 1px;
border: 1px solid #a0a0a0;
color: #707070;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}
.calendar .combo .hilite {
background: #FFD2A0!important;
color: Black;
}
.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: Menu;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
.calendar-close {
font-weight: bold;
color: #B00;
font-size: 18px;
}
.calendar-nav-btn {
font-weight: bold;
color: #020;
font-size: 16px;
}
.calendar-nav-today {
color: #00F;
font-family: Arial,Tahoma,sans-serif;
}
/**** END calendar_popup2.j ****/
select::-ms-expand { /*IE10*/
display: block;
border: 1px #e88 solid;
border-radius: 1px;
color: red;
width: 14px;
margin: 1px;
padding-top: 2px;
height: 12px;
}
select:disabled::-ms-expand {
color: #bbb;
border-color: #bbb;
}
#TABLE1 select:focus, #TABLE1 select:hover, #TABLE1 div.RadComboBox:hover {
box-shadow: 0px 0px 3px red;
}
#TABLE1 select:disabled, #TABLE1 #drpSelectionContainer.Disabled, #TABLE1 #drpSelectionContainer.Disabled div {
box-shadow: none !important;
background-color: White;
}
.HeaderTableCenter #drpSelection {
z-index: 1000;
position: relative;
}
.LeftRightDiv {
padding: 1px;
border-radius: 12px;
height: 22px;
width: 22px;
}
.RoundImage, #headerButtonBar input[type="image"], .LeftRightDiv {
box-shadow: -3px -3px 4px rgba(255, 255, 255, 0.5), 0px 0px 5px rgba(64, 64,64, 0.1) inset, 3px 3px 7px rgba(94,104,121,0.35);
border-radius: 12px;
}
.RoundImage:hover, #headerButtonBar input[type="image"]:hover, .LeftRightDiv:hover:not(:has(.TopMenuMoveLeftDisabled)):not(:has(.TopMenuMoveRightDisabled)) {
box-shadow: 3px 3px 7px rgba(94,104,121,0.35), 0 0 4px red;
}
.RoundImage:focus { border-radius: 50%;}
.HeaderDropSelection { background-color: #FFF0F0; }
*::-ms-reveal, *::-ms-clear {
color: Gray;
}
input[type="checkbox"]::-ms-check {
color: #D00;
}
input[type="radio"]::-ms-check {
color: #D00;
}
*::selection {
background: #E04060;
color: White;
}
/* selected text */
.rcbDisabled .rcbArrowCell {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=33);
-moz-opacity: 0.33;
opacity: 0.33;
}
.FreeTextBox1_OuterTable, .FreeTextBox2_OuterTable {
background-color: #F3B774 !important;
background-image: url(images/gridHeader.gif);
border: 1px solid #C0C0C0;
}
input[readOnly] {
color: #707070;
}
.rgNoRecords {
color: #808080;
}
.EditorCntrlTbl INPUT {
padding-left: 3px;
box-sizing: border-box;
}
.EditorCntrlTbl INPUT[type=text] {
min-width: 40px;
}
.EditorCntrlTbl INPUT[type='submit'], .EditorCntrlTbl INPUT[type='image'] {
padding-left: inherit;
padding-right: inherit;
}
TEXTAREA {
font-family: Arial CE,Arial,Verdana;
font-size: 12px;
padding-left: 3px;
}
.NoPadding {
padding: 0;
}
.RadGrid_Sunset .rgCommandRow A {
color: #700 !important;
}
.ViewCntrl {
background-color: #EEEEEE;
border-style: None;
height: 18px;
width: 100%;
}
a:hover .btnMenuIcon {
background: url(Images/menuiicon189hv.png) !important;
}
.warning, .warning INPUT, .warning LABEL, .warning input:checked + LABEL {
color: #F80000;
}
.lightWarning {
color: #e06800;
}
a.searchLink:hover, a.searchLink:focus {
background: #F7E8D7;
}
.reToolCell .reSplitButton {
width: 32px !important;
}
/* fix RadEditBox 2015.2 */
.btnMenu {
color: White;
background-color: Transparent;
border-style: None;
}
.GridHeaderWithScroll .lockedh {
background-color: #C19160 !important;
text-align: center;
color: Black;
background-image: url(images/gridHeader.gif);
border: solid 1px #a0a0a0;
}
/*** UpdateAbsencesInContract.aspx ***/
.AlternateItemGridWithBackground1 {
background-color: rgb(252, 239, 222);
}
.AlternateItemGridWithBackground1 input[type=text] {
background-color: rgb(252, 239, 222);
}
.AlternateItemGridWithBackground1 input[type=text],
.AlternateItemGridWithBackground0 input[type=text] {
font-weight: bold;
}
/*** PROBATION ***/
.bigBtnGreen, .bigBtnRed {
padding-left: 10px;
padding-right: 10px;
height: 45px;
color: white;
}
.bigBtnGreen {
background-color: green;
}
.bigBtnRed {
background-color: red;
}
.SeniorityGroup {
color: red;
}
.SeniorityWork {
color: blue;
}
.SeniorityComp {
color: darkgreen;
}
.RadTreeView .rtIn { _display:inline!important;}
input[type="checkbox"]:checked, input[type="radio"]:checked {-webkit-filter: hue-rotate(139deg) saturate(0.6) brightness(1.13); } /* chrome 83 blue to red */
input:focus, textarea:focus, .c1MainItemTable:focus, select:focus, .RadComboBox:focus-within > TABLE, .focusable:focus, a:focus, .reContentArea:focus {
outline-style: none;
box-shadow: 0 0 0 2px #c04040;
}
.btnMenuIcon:focus {
border-radius: 4px;
outline-style: none;
box-shadow: 0 0 0 2px rgba(200,32,32,.75) inset, -1px -1px 0 1px rgba(200,32,32,.33) inset; /*0 0 0 1px #4080f0 inset*/
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.btnMenuIcon:focus {
border-radius: 0!important; /* prevent IE bug with inset shadow and border radius */
}
}
.RadComboBox:focus-within > TABLE {
outline-style: none;
box-shadow: 0 0 0 2px #c04040;
}
.RadComboBox input:focus {
box-shadow: inherit;
}
.EditorCntrlTbl:focus-within .EditorCntrlLabelTD {
background-color: #D6EAFF; /* #ECE2FF */
}
input[type=text]:focus, input[type=password]:focus, input[type=file], textarea:focus {
border-radius: 0;
}
.btnMenuIcon:focus {
border-radius: 3px;
}
.EditorCntrlTbl:focus-within .EditorCntrlLabelTD {
background-color: #FFDEDE; /* #ECE2FF */
}
.EditorCntrlTbl:focus-within {
border-color: #D19E9E;
}
.circle-percentage { fill: #950000!important; }
.circle { stroke: #CE4D52!important; }
form.MenuPage {
max-width: 1280px;
/*margin-left: max(0px, calc(50% - 640px));*/
margin: 0 auto;
}
@media (max-width: 560px) {
.hideOnSmall { display: none!important; }
.showOnSmall { display: inherit!important; }
.EditorCntrlLabelTD, .EditorCntrlTblImg { width: 80px; }
.EditorCntrlLabel, .EditorCntrlLabelDrop { min-width: 80px; }
.TopMenuFixed { padding-right: 0; }
}
@media (max-width: 400px) and (-webkit-min-device-pixel-ratio:0) {
.EditorCntrlTbl > tbody > tr > TD:nth-child(2) {
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.EditorCntrlLabelTD, .EditorCntrlTblImg, .EditorCntrlLabelTDLong {
border-bottom: 1px solid #c0c0c0;
border-right: 0;
box-sizing: border-box;
display: inline-block;
width: 100% !important;
height: 15px;
}
.EditorCntrlLabel, .EditorCntrlLabelDrop {
min-width: 52px;
color: #CC4949;
}
.EditorCntrlDropTDNew {border-right: 0;}
.EditorCntrlDropTDNew + td { border-left:1px solid #c0c0c0;}
}
:-ms-input-placeholder {
color: #c0c0c0;
}
::placeholder {
color: #c0c0c0;
}
/* CrystalReports */
.dialogzone {
border: 1px solid #c0c0c0 !important;
background: #efede8 !important;
margin-top: 1px;
}
.crtoolbar > TABLE {
margin-bottom: 1px;
background: #F2CDD0; /*#*/
border-bottom: 1px solid #F2E8E8;
}
.crtoolbar {
padding: 1px 1px 0 1px;
background: #efede8 !important;
}
/*.dialogzone div { margin: 0!important;}*/
.panelNavigator {
border: 1px solid #c0c0c0 !important;
border-left-width: 0 !important;
background: #efede8 !important;
}
.BgBlink {
background-image: none !important;
background-color: #f7f7f7;
animation-name: redcolor;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes redcolor {
0% { background-color: #f7f7f7; opacity: 1; }
5% { background-color: #ff8080; opacity: 0.5; }
30% { background-color: #f0f0f0; opacity: 1;}
100% { background-color: #f7f7f7; opacity: 1;}
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../materialicons.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}
.keyboard {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 5px 0;
background: #e77a94;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
user-select: none;
transition: bottom 0.4s;
z-index: 2000;
}
.keyboard--hidden {
bottom: -100%;
}
.keyboard__keys {
text-align: center;
}
.keyboard__key {
height: 40px;
width: 6%;
max-width: 50px;
margin: 3px;
border-radius: 4px;
border: none;
background: rgba(0, 0, 0, 0.25);
color: #ffffff;
font-size: 1.05rem;
outline: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
padding: 0;
-webkit-tap-highlight-color: transparent;
position: relative;
box-shadow: 0 0 2px rgba(255, 255, 255, 1);
text-shadow: -1px -1px 1px #7e4454, 1px 1px 1px #333;
}
.keyboard__key:active {
background: rgba(255, 255, 255, 0.12);
}
.keyboard__key--leftMargin {
margin-left: 20px;
}
.keyboard__key--wide {
width: 12%;
max-width: 106px;
}
.keyboard__key--extra-wide {
width: 50%;
max-width: 330px;
}
.keyboard__key--activatable::after {
content: '';
top: 10px;
right: 10px;
position: absolute;
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.4);
border-radius: 50%;
}
.keyboard__key--active::after {
background: #ffbc00;
}
.keyboard__key--dark {
background: rgba(0, 0, 0, 0.4);
border: 1px solid #ffaec2;
}
.keyboard__spacer {
display: inline-block;
width: 28px;
}
@media (max-width: 750px) {
.keyboard__key { width: 5%; }
.keyboard__key--wide { width: 10%; }
.keyboard__key--extra-wide { width: 36%;}
.keyboard__spacer { width: 24px;}
}
.Gray {
color: #707070;
}
.LightGray {
color: #B0B0B0;
}
.Green {
color: Green;
}
.Blue {
color: Blue;
}
.Red {
color: #C00000;
}
.Orange {
color: #b75500;
}
.Black {
color: black;
}
.GreenBg {
background-color: #d0f0d0;
}
.RedBg {
background-color: #FFACC0;
}
.OrangeBg, .OrangeBg .rcbInputCell {
background-color: #ffebcd !important;
background-image: none !important;
}
.BlueBg {
background-color: #d3f4ff;
}
.rcOkButton, .rcCancelButton {
background-color: #E55B79;
border: #992D3A 1px solid;
background-color: #E55B79 !important;
border: #992D3A 1px solid !important;
background-image: none !important;
color: White !important;
text-shadow: 0 0 2px #484848;
height: 24px;
border-radius: 3px!important;
}
.rcTodayButton {
height: 24px;
border-radius: 3px !important;
}
.rcOkButton {
margin-right: 5px;
padding-left: 16px;
padding-right: 16px;
}
.rcOkButton:hover {
background-color: #F46B8D !important;
}
.RadCalendarMonthView a:hover {
background: #FFCCAC !important;
}
.RadCalendarMonthView .rcSelected a {
background: #FFBF98 !important;
color: black !important;
font-weight: bold;
}
.EditorCntrl .riTextBox {
border: 0 !important;
height: 18px !important;
padding-top: 0 !important;
padding-bottom: 2px !important;
}
.EditorCntrl .rcCalPopup {
height: 20px !important;
background-position: 0 -1px !important;
margin-right: 0;
}
#dialogWindow {
border-radius: 5px;
}
#dialogWindow .ESession {
border-radius: 5px 5px 0 0;
}
#dialogWindow #injectFrame {
border-radius: 5px;
}
.Hoverable:hover, .Hoverable:focus {
background: #FFD7BF;
outline: solid 1px #EAAA8A;
}
.HighlightButton, .cellButtonTopMenu INPUT.HighlightButton {
background-color: #ed8f41!important;
border-color: #b55a2d !important;
}
.HighlightButton:hover, .cellButtonTopMenu INPUT.HighlightButton:hover {
background-color: #e99f7a !important;
}
textarea[dirty='1'], input[dirty='1'], table.c1MainItemTable[dirty='1'], .EditorCntrlDateTD[dirty='1'], input[type='file'][dirty='1'] + DIV .EditorCntrlBrowseImportTD, .Dirty, .reContentArea[dirty='1'] {
box-shadow: inset 0px 0px 30px -13px #ffa534;
}
.EditorCntrlDateTD[dirty='1'] input {
background: transparent;
}
input[type='checkbox'][dirty='1'] + label, input[type='radio'][dirty='1'] + label {
color: #bf7435 !important;
}
.ComboFilter {
background: #fff8e0;
border: 1px solid #a0a0a0;
}
.ComboFilter:focus {
outline-style: none;
box-shadow: none;
}
.Bold {
font-weight: bold;
}
.HoverableImage:hover:not([disabled]) {
filter: contrast(120%) drop-shadow(0px 0px 3px #fff);
}
.HoverableImage[disabled] {
opacity: 0.5;
filter: grayscale(70%);
background: transparent;
}
input[type=radio] + LABEL {
position: relative;
top: -2px;
}
.hwt-container {
display: block;
background: white;
position: relative;
overflow: hidden !important;
-webkit-text-size-adjust: none !important;
}
.hwt-backdrop {
padding: 3px;
position: absolute !important;
top: 0 !important;
right: -99px !important; /* hide scrollbar */
bottom: 0 !important;
left: 0 !important;
padding-right: 102px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border: 1px solid transparent;
}
.hwt-highlights {
width: auto !important;
height: auto !important;
border-color: transparent !important;
white-space: pre-wrap !important;
word-wrap: break-word !important;
color: transparent !important;
overflow: hidden !important;
/*padding-right: 4px;*/
}
.hwt-input {
display: block !important;
position: relative !important;
margin: 0;
padding: 0;
/*border-radius: 0;*/
font: inherit;
overflow-x: hidden !important;
overflow-y: auto !important;
padding: 3px;
word-break: break-all;
/*line-height: 18px;*/
}
.hwt-content {
/*border: 1px solid;*/
background: none transparent !important;
word-break: break-all;
}
.hwt-content mark {
padding: 0px 0 !important;
color: inherit;
display: inline;
word-break: break-all;
border-radius: 3px;
/*position: relative;
top: 1px;
line-height: 18px;*/
}
option:hover {
background: #ffdfce;
}
option:checked {
background: #ffccb1;
outline: 1px solid #f0b471;
}
select[size]:focus option:checked, select[size]:focus option:checked:hover {
background: #CC2C3F linear-gradient(0deg, #CC2C3F 0%, #CC2C3F 100%);
}
select:focus option:hover {
background: #ffccb1;
} |