/* Minification failed. Returning unminified contents.
(1316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1354,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1455,17): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey3'
(1459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1464,17): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey3'
(1505,22): run-time error CSS1039: Token not allowed after unary operator: '-header-grey'
(1506,35): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1520,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1528,22): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(1555,22): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(1562,17): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey3'
(1585,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1600,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1616,35): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1631,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1639,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1650,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1696,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1748,35): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1809,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1820,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(1830,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1887,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1894,47): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1899,22): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1904,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(1910,47): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1911,78): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1912,52): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1913,50): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1919,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(1955,32): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2010,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2134,35): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2136,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2140,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2261,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2265,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2339,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2388,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2427,22): run-time error CSS1039: Token not allowed after unary operator: '-color-memo-yellow'
(2442,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2451,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2453,22): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2461,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2463,22): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2528,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2539,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2546,28): run-time error CSS1039: Token not allowed after unary operator: '-color-sky-blue'
(2550,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2560,32): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2568,32): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2569,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2579,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2585,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white-smoke'
(2589,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2599,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2630,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2637,28): run-time error CSS1039: Token not allowed after unary operator: '-color-sky-blue'
(2641,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(2672,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2709,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white-smoke'
(2723,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(2724,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2731,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue2'
(2732,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2739,28): run-time error CSS1039: Token not allowed after unary operator: '-color-teal'
(2740,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2747,28): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(2748,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2755,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(2756,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2763,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(2764,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2771,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(2772,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2779,28): run-time error CSS1039: Token not allowed after unary operator: '-color-purple'
(2780,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2787,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey2'
(2788,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2795,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-grey'
(2796,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(2857,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(2899,28): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
(3236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3272,28): run-time error CSS1036: Expected expression, found '['
(3336,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey'
(3343,22): run-time error CSS1039: Token not allowed after unary operator: '-color-med-grey'
*/
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
:root {
--color-aqua: #c3fff9;
--color-blue: rgba(33, 150, 243, 1.0);
--color-blue2: rgba(54, 162, 235, 1.0);
--color-sky-blue: #e7f5fe;
--color-teal: rgba(75, 192, 192, 1.0);
--color-red: rgba(255, 99, 132, 1.0);
--color-orange: rgba(255, 159, 64, 1.0);
--color-yellow: rgba(255, 205, 86, 1.0);
--color-green: rgba(75, 192, 192, 1.0);
--color-purple: rgba(153, 102, 255, 1.0);
--color-pink: rgba(234, 10, 142, 1.0);
--color-invalid-yellow: #FFFFCC;
--color-memo-yellow: #ffff88;
--color-white-smoke: #f5f5f5;
--color-light-grey: #eee;
--color-light-grey2: #e5e5e5;
--color-med-grey: #ddd; /*border color*/
--color-med-grey2: rgba(201, 203, 207, 1.0);
--color-med-grey3: rgba(170, 170, 170, 1.0); /* #aaa */
--color-dark-grey: #404040;
--hover-bg-color: #eee;
--topnav-submenu-bg-hover: #f5f5f5; /*was #C3FFF9*/
--h1-font: 'Hind Siliguri';
--h2-font: 'Hind Siliguri';
--custom-bg-color1: #f4f4f4;
--footer-bg: #1C2A48;
--footer-copyright-bg: #16223A;
--header-blue: #0061C3;
--header-grey: #455464;
}
* {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
margin: 0;
font-family: 'Arial';
font-size: 13px;
font-weight: 400;
color: var(--color-dark-grey);
line-height: 1.58;
letter-spacing: 0.05em;
}
body {
background-color: none;
}
div.container {
margin: 0 auto;
width: 80%;
position: relative;
text-align: left;
}
.flex-container {
display: flex;
/* Then we define the flow direction and if we allow the items to wrap
* Remember this is the same as:
* flex-direction: row;
* flex-wrap: wrap;
*/
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0;
list-style: none;
}
.flex-item {
padding: 5px;
}
section {
padding: 10px;
text-align: left;
}
h1 {
font-family: 'Barlow';
font-size: 18px;
font-weight: 400;
margin: 10px 0 5px;
letter-spacing: 0.05em;
text-transform: none;
}
h2 {
font-family: 'Barlow';
font-size: 17px;
font-weight: 400;
margin: 5px 0;
letter-spacing: 0.05em;
text-transform: none;
}
a,
a:visited,
a:active {
color: blue;
text-decoration: none;
}
a:hover {
color: #585858;
text-decoration: underline;
}
a.blue-link:link, .blue-link:active, .blue-link:visited {
color: #0000ff !important;
text-decoration: none;
}
a.blue-link:hover {
text-decoration: underline !important;
}
p {
margin: 0.5em 0;
line-height: 1.5em;
}
b {
font-weight: 700;
font-size: inherit;
}
span {
font-family: inherit;
color: inherit;
font-size: inherit;
}
.count {
background: #000000;
color: #fff;
padding: 5px;
border-radius: 3px;
}
.inactive,
.greyfont {
color: var(--color-med-grey3);
}
.invalid {
color: var(--color-red) !important;
}
.content-sm {
font-size: 10px;
color: var(--color-med-grey3);
text-transform: lowercase;
}
.content-med {
font-size: 15px;
}
.content-lg {
font-size: 17px !important;
}
.time-sm {
font-size: 11px;
}
::-webkit-input-placeholder {
font-family: 'Open Sans';
font-size: 13px;
font-style: italic;
}
:-moz-placeholder {
font-family: 'Open Sans';
font-size: 13px;
font-style: italic;
}
::-moz-placeholder {
font-family: 'Open Sans';
font-size: 13px;
font-style: italic;
}
:-ms-input-placeholder {
font-family: 'Open Sans';
font-size: 13px;
font-style: italic;
}
/************************************* Header - Nav menu (top of page) *************************************/
nav.navbar {
background: var(--header-grey); /*Background is overriden in cshtml*/
border-bottom: 1px solid var(--color-med-grey);
}
ul.navbar-nav li {
margin: 0;
padding: 5px 15px;
text-align: center;
min-width: 100px;
}
ul.navbar-nav li a {
font-family: 'Josefin Sans';
font-size: 13px;
/*color: rgba(201, 203, 207, 1.0);*/
color: var(--color-dark-grey) !important;
letter-spacing: 0.2em;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
}
/* add hover effects on li block-menu items */
ul.navbar-nav li a:hover {
background: var(--hover-bg-color) !important;
}
/*User icon*/
ul.navbar-nav li i {
color: #FFD454;
}
img.timesheet-logo {
width: 30px;
}
sup {
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: 1.5rem;
letter-spacing: -0.15em;
}
/************************************* Log-In Page *************************************/
.login-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10px;
z-index: -1;
background: var(--color-light-grey);
text-align: center;
}
.login-header {
font-family: 'Merriweather Sans';
font-size: 30px;
font-weight: 600;
color: var(--color-med-grey3);
margin-top: 50px;
letter-spacing: 0.05em;
text-transform: none;
}
.login-container > div:nth-child(2) {
margin: 20px auto;
width: 360px;
min-height: 200px;
padding: 20px;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.login-container p,
.login-container a {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
/*font-family: 'Barlow';*/
font-size: 15px;
font-weight: 300;
color: var(--color-dark-grey);
line-height: 1.5;
letter-spacing: 0.03em;
margin: 10px 0 2px;
}
.login-container p {
text-align: left;
}
/************************************* Check-In Page *************************************/
.div-container {
margin: 5px 0;
padding: 5px 10px;
display: inline-block;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
border: 1px solid var(--color-med-grey);
border-radius: 5px;
min-width: 600px;
}
.table-task-list,
.table-task-list tr,
.table-task-list th,
.table-task-list td {
/*font-size: 15px;*/
border-collapse: collapse;
margin: 5px;
padding: 2px 5px;
vertical-align: top;
}
.table-task-list tr:first-child {
border-bottom: 1px solid var(--color-med-grey);
}
.table-task-list th {
vertical-align: bottom;
}
.table-task-list td {
vertical-align: middle;
}
.table-task-list input,
.table-task-list select {
margin: 0;
padding: 3px 5px;
border: 1px solid var(--color-med-grey);
}
.table-task-list input {
width: 80px;
}
.table-task-list input:required:invalid {
border: 1px solid var(--color-dark-grey);
}
/************************************* Weekly Report *************************************/
.role-legend {
margin: 5px 0;
position: relative;
left: 0;
padding: 0 8px;
/*was 5px 8px*/
text-align: left;
border-radius: 5px;
border: 0px solid var(--color-med-grey);
}
.role-legend div {
margin: 2px;
display: inline-block;
}
.role-legend .office {
padding: 3px 5px;
background-color: #98ff98;
}
.role-legend .tech {
padding: 3px 5px;
background-color: #FFF2CC;
}
.tdoffice {
background-color: #98ff98;
}
.tdtech {
background-color: #FFF2CC;
}
/************************************* FAQs *************************************/
.faq {
position: relative;
margin: 10px;
min-width: 800px;
max-width: 70%;
font-size: 15px;
}
.faq div {
margin: 10px;
}
.faq-search {
margin: 10px 20px;
}
.faq input {
padding: 10px;
width: 200px;
font-size: 15px;
border: 1px solid var(--color-med-grey);
border-radius: 2px;
}
.question {
font-size: 15px;
font-weight: 600;
/*margin: 15px 5px 3px;*/
}
.added-on {
font-size: 8pt;
font-weight: 400;
color: #aaa;
}
.answer {
padding: 0 0 10px 30px;
font-size: 15px;
line-height: 1.5;
}
.yellowbg {
background-color: yellow;
}
.bluebg {
padding: 3px;
font-weight: 600;
background-color: #2196F3;
}
/************************************* Table Styles *************************************/
/* Default table style */
table,
table tr,
table td {
/* border-bottom: 1px solid #d3d3d3; */
border: none;
border-collapse: collapse;
margin: 0;
letter-spacing: 0.05em;
vertical-align: top;
}
table th {
font-weight: 400;
vertical-align: bottom;
}
.table-default,
.table-default tr,
.table-default th,
.table-default td {
border-bottom: 1px solid var(--color-med-grey);
padding: 5px;
/* default padding applies to 24-hour time */
letter-spacing: 0.05em;
text-align: left;
vertical-align: middle;
}
.table-default th {
padding: 2px 5px;
vertical-align: bottom;
}
.table-default tr:not(:first-child):hover {
background-color: #e5e5e5;
cursor: pointer;
}
.table-default td input {
padding: 3px 5px;
}
.table-block-input,
.table-block-input tr,
.table-block-input th,
.table-block-input td {
border-collapse: collapse;
margin: 5px;
padding: 2px 5px;
vertical-align: top;
}
.table-block-input th {
vertical-align: bottom;
}
.table-block-input td {
vertical-align: middle;
}
.table-block-input input,
.table-block-input select {
font-size: 15px;
}
/* Style is applied on page load */
.table-block-input input:required:invalid {
/*border: 1px solid @color-dark-grey;*/
}
/************************************* Button and input styles *************************************/
/* Gradient background colors by https://www.eggradients.com/category/blue-gradient */
/* Default drop-down button style */
select {
border: 1px solid #d3d3d3;
margin: 2px 0 5px;
padding: 5px;
border-radius: 4px;
outline: none;
/*background: linear-gradient(#f5f5f5, var(--color-med-grey));
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(var(--color-med-grey)));
background: -moz-linear-gradient(#f5f5f5, var(--color-med-grey));
background: -o-linear-gradient(#f5f5f5, var(--color-med-grey));*/
}
input {
margin: 2px 0;
padding: 5px;
border: 1px solid var(--color-med-grey);
border-radius: 4px;
}
/* Log-in, Forgot Password, Reset Password */
.login-container input {
width: 100%;
box-sizing: border-box;
}
input:disabled {
background-color: var(--color-light-grey);
cursor: not-allowed;
}
input.missing-required,
select.missing-required {
border: 2px solid red;
}
/* Input textbox style */
.ng-filter {
border: 1px solid var(--color-med-grey);
border-radius: 3px;
margin: 5px 0;
padding: 5px;
width: 200px;
}
.ts-btn {
margin: 10px 0;
padding: 10px;
color: #fff !important;
font-size: 15px;
border: none;
border-radius: 3px;
outline: none;
text-decoration: none;
display: inline-block;
text-align: center;
transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-webkit-transition: 0.1s ease-in-out;
}
.ts-btn:hover,
.ts-btn:active,
.ts-btn:focus {
-webkit-filter: brightness(85%);
cursor: pointer;
text-decoration: none;
}
.ts-btn.sm {
padding: 8px 10px;
}
.ts-btn.blue {
background: #2196F3;
}
.ts-btn.login {
width: 100%;
border-radius: 4px;
/* True Purple */
background-color: #4062bb;
background-image: linear-gradient(316deg, #4062bb 0%, #5200ae 74%);
}
.ts-btn.checkin {
margin: 8px 0;
font-size: 17px;
/* Prime Number */
background-color: #6e72fc;
background-image: linear-gradient(315deg, #6e72fc 0%, #ad1deb 74%);
}
.ts-btn.purple {
background-color: #6e72fc;
background-image: linear-gradient(315deg, #6e72fc 0%, #ad1deb 74%);
}
.btn-grad {
margin: 5px;
color: var(--color-dark-grey);
padding: 5px 8px;
background-color: #f5f5f5;
display: inline-block;
border: 1px solid #ccc;
text-decoration: none;
border-radius: 2px;
background: linear-gradient(#f5f5f5, var(--color-med-grey));
}
.btn-grad:hover {
cursor: pointer;
background: var(--color-med-grey);
}
button.back {
margin: 10px;
color: var(--color-dark-grey);
padding: 5px;
background-color: #f5f5f5;
display: inline-block;
border: 1px solid #ccc;
text-decoration: none;
background: linear-gradient(#f5f5f5, var(--color-med-grey));
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(var(--color-med-grey)));
background: -moz-linear-gradient(#f5f5f5, var(--color-med-grey));
background: -o-linear-gradient(#f5f5f5, var(--color-med-grey));
}
.disabled,
.disabled:hover {
cursor: not-allowed;
background-color: var(--color-med-grey) !important;
background-image: none !important;
}
/* First, previous, next, last */
a.btn-prevnext {
padding: 5px 10px;
border: none;
background-color: limegreen;
outline: none;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
a.btn-prevnext i {
color: #fff;
}
/************************************* Calendar (datepicker) *************************************/
/*
https://wakirin.github.io/Lightpick
*/
#datepicker {
margin: 0;
padding: 5px;
font-size: 13px;
width: 200px;
}
/************************************* Footer *************************************/
/* All pages */
footer {
margin: 10px auto;
padding: 10px;
text-align: center;
width: 80%;
font-size: 12px;
border-top: 1px solid var(--color-med-grey);
}
/* Log-in page */
.login-footer {
padding: 10px;
background: none;
text-align: center;
position: absolute;
bottom: 10px;
width: 90%;
}
.login-footer div {
font-size: 13px;
}
.login-footer a,
.login-footer a:visited,
.login-footer a:hover {
font-size: 13px;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid;
}
#siteseal {
margin: 5px;
}
/************************************* Custom checkbox *************************************/
/* Usage: */
label.container {
margin: 0;
display: inline-block;
position: relative;
cursor: pointer;
width: auto !important; /*override grid.less media*/
/*-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;*/
}
/* Hide default checkbox */
label.container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Custom checkbox */
.checkmark {
margin: 0 5px;
display: inline-block;
position: relative;
top: 3px;
/*left: 0; only if absolute*/
height: 20px;
width: 20px;
background-color: var(--color-light-grey);
}
label.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* Add blue background if checked */
label.container input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark. Initial display is hidden when not checked. */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show checkmark when checked */
label.container input:checked ~ .checkmark:after {
display: block;
}
/* Checkmark style */
label.container .checkmark:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/************************************* Tooltips *************************************/
/*
Usage:
Hover over textTooltip text
*/
[data-type="tooltip"] {
position: relative;
display: inline-block;
border-bottom: 0px dotted black;
cursor: help;
}
[data-type="tooltip"] .tooltiptext {
display: none;
/*width: 120px; needs to be dynamic width */
min-width: 100px;
max-width: 200px;
background-color: black;
color: #fff;
/*font-size: 14px;*/
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
/*z-index: 1;*/
bottom: 150%;
left: 50%;
transform: translateX(-50%);
/* margin-left -50% not working */
}
/* Upside-down triangle below cloud */
[data-type="tooltip"] .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
[data-type="tooltip"]:hover .tooltiptext {
display: block;
}
/************************************* jQuery Dialog Windows *************************************/
.ui-dialog {
z-index: 1005 !important;
/*overflow: visible;*/
}
.ui-widget-overlay {
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
/* For IE */
background-color: #323232 !important;
/* Dark bg for modal window */
}
/* For welcome dialog */
.no-close .ui-dialog-titlebar-close {
display: none;
}
/* Container outside the dialog content or body */
.ui-dialog-content {
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1;
background-color: #cecece;
border: 0px solid #585858;
}
/* Remove space from outer container. No space. */
.ui-widget-content.ui-dialog {
border: 0px solid #000;
/* was 5px lightblue */
padding: 0;
/* For demo, use "0". "0" removes border-radius */
border-radius: 2px;
box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.3);
}
/* Header */
.ui-dialog-titlebar {
font-family: 'Open Sans', sans-serif;
font-size: 17px;
/*was 13px*/
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2em;
display: block;
/* was none */
background-color: #fff;
border: 0;
/* border around header */
border-bottom: 0px solid var(--color-med-grey);
border-radius: 0;
color: var(--color-dark-grey);
}
/* Body */
.ui-widget-content {
border: 1px solid var(--color-med-grey);
letter-spacing: 0.15em;
}
/* Footer */
.ui-dialog-buttonpane {
background-color: #fff;
}
/* Cancel, OK button */
.ui-dialog-buttonpane .ui-button.ui-corner-all.ui-widget {
color: #fff;
margin: 0 4px;
padding: 8px 20px;
display: inline-block;
background: #2196F3;
border-radius: 0;
border: none;
outline: none;
transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-webkit-transition: 0.1s ease-in-out;
}
.ui-dialog-buttonpane .ui-button.ui-corner-all.ui-widget:hover {
text-decoration: none;
background: #383736;
}
/* x-icon */
/*.ui-icon-closethick {
background-image: url(../images/x-black-icon.png) !important;
background-position: left top !important;
margin: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
width: 20px !important;
height: 20px !important;
position: absolute;
right: .3em;
top: 5px;
padding: 0;
margin: 0;
}*/
/* 10/21/2018: Custom close icon */
.ui-dialog .ui-dialog-titlebar-close,
.ui-icon-closethick {
margin: 0 !important;
position: absolute;
right: 0.3em;
top: 5px;
width: 32px;
height: 32px;
opacity: 0.7;
}
.ui-icon-closethick:before,
.ui-icon-closethick:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 5px;
background-color: #000;
}
.ui-icon-closethick:before {
transform: rotate(45deg);
}
.ui-icon-closethick:after {
transform: rotate(-45deg);
}
.ui-icon-closethick:hover {
opacity: 1;
}
/* End custom close icon */
.ui-dialog .ui-dialog-titlebar-close {
background: none !important;
border: none !important;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
padding: 0 !important;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 0%;
left: 0%;
}
/* Containers for dialog windows */
.max-height-300 {
max-height: 300px;
overflow-y: auto;
}
.max-height-400 {
max-height: 400px;
overflow-y: auto;
}
.max-height-500 {
max-height: 500px;
overflow-y: auto;
}
.max-height-600 {
max-height: 600px;
overflow-y: auto;
}
/************************************* Tabs (Used in Assets and Analytics pages) *************************************/
#tabs {
border: none;
}
/* Active tab */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
background: #fff;
border: 1px solid var(--color-med-grey);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: var(--color-dark-grey);
}
/* Default - Inactive tab. Not working. */
/*.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {*/
.ui-corner-all,
.ui-corner-top {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.tabs-default,
.tabs-vra {
margin: 10px 0 50px;
/*was 0*/
padding: 0;
background: none;
border-width: 0px;
outline: none;
}
/* Remove outlines for the 2 tabs */
.tabs-default > ul > li > a,
.tabs-vra > ul > li > a {
outline: none;
}
.tabs-default .ui-tabs-nav,
.tabs-vra .ui-tabs-nav {
padding-left: 10px;
background: transparent;
border-width: 0px 0px 1px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tabs-default .ui-tabs-panel {
border-width: 0px 1px 1px 1px;
border: none;
}
.tabs-vra .ui-tabs-panel {
padding: 0;
border-width: 0px 1px 1px 1px;
border: none;
}
/************************************* Toggle On/Off Switch button *************************************/
/*
https://proto.io/freebies/onoff/
Usage (id needs to be dynamic if using ng-repeat):
*/
.onoffswitch {
position: relative;
width: 60px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid var(--color-dark-grey);
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 18px;
padding: 0;
line-height: 18px;
font-size: 14px;
color: white;
font-family: 'Open Sans';
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "YES";
padding-left: 10px;
background-color: #34A7C1;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "NO";
padding-right: 10px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 12px;
margin: 3px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 38px;
border: 1px solid var(--color-dark-grey);
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/************************************* Other *************************************/
/* dvSaveMessage */
div i {
color: var(--color-dark-grey);
}
i.fa.fa-map-pin {
color: var(--color-dark-grey);
}
#dvNotificationCheckIn {
margin: 5px 0;
padding: 5px;
background: yellow;
}
#dvNotificationCheckIn:empty {
display: none;
}
/* Success and Error message placeholder */
#dvNotification {
/*position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);*/
padding: 5px 10px;
min-width: 300px;
background: var(--color-memo-yellow);
line-height: 1.5em;
/*text-align: center;*/
z-index: 5;
}
#dvNotification:empty {
display: none;
}
.ddlFilter {
/* text-transform: uppercase; */
font-size: 15px;
margin-bottom: 10px;
padding: 8px 10px;
border: 1px solid var(--color-med-grey);
border-radius: 4px;
}
.readonlytime,
.hours-worked {
margin: 2px 0 5px;
padding: 5px;
display: inline-block;
border: 1px solid var(--color-med-grey);
border-radius: 4px;
background: var(--color-light-grey);
cursor: not-allowed;
}
.gps-location {
margin: 2px 0 5px;
padding: 5px;
display: inline-block;
border: 1px solid var(--color-med-grey);
border-radius: 4px;
background: var(--color-light-grey);
}
.load-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
z-index: 100;
}
.max_40 {
max-width: 40px;
}
.max_50 {
max-width: 50px;
}
.max_60 {
max-width: 60px;
}
.max_80 {
max-width: 80px;
}
.max_100 {
max-width: 100px;
}
.max_120 {
max-width: 120px;
}
.max_140 {
max-width: 140px;
}
.max_160 {
max-width: 160px;
}
.max_180 {
max-width: 180px;
}
.max_200 {
max-width: 200px;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-10 {
margin-top: 10px;
}
.dv-container {
margin: 5px 0;
padding: 5px 10px;
display: inline-block;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
border: 1px solid var(--color-med-grey);
border-radius: 5px;
font-weight: normal;
}
/************************************* Timesheets *************************************/
.table-calendar,
.table-calendar tr,
.table-calendar th,
.table-calendar td {
min-width: 10px;
border: 1px solid var(--color-med-grey);
padding: 3px 5px;
letter-spacing: 0.03em;
text-align: center;
}
.table-calendar tr:first-child {
background-color: var(--color-sky-blue);
}
.table-calendar tr:not(:first-child):hover {
background-color: var(--color-light-grey);
cursor: pointer;
}
/*first 3 columns*/
.table-calendar th:nth-child(-n + 3),
.table-calendar td:nth-child(-n + 3) {
text-align: left;
}
.table-calendar tr.below-job-list td {
border-top: 3px solid var(--color-med-grey);
}
.table-calendar tr.blank-row {
height: 25px;
}
.table-calendar tr.last-calendar-row td {
border-top: 3px solid var(--color-med-grey);
background-color: var(--color-light-grey);
font-weight: 800;
text-align: center;
}
.table-details,
.table-details tr,
.table-details th,
.table-details td {
min-width: 10px;
border: 1px solid var(--color-med-grey);
padding: 5px;
letter-spacing: 0.03em;
}
.table-details td:first-child {
background-color: var(--color-white-smoke);
}
.add-bg {
background-color: var(--color-light-grey);
}
.excel-icon {
width: 30px;
position: relative;
margin: 0 2px;
}
.missingendtime {
border-color: var(--color-dark-grey);
}
.hlyellow {
padding: 2px;
background-color: yellow;
border-radius: 4px;
text-align: center;
}
.hlorange {
padding: 2px;
background-color: orange;
border-radius: 4px;
text-align: center;
}
.hlbefore6 {
padding: 2px;
background-color: #ffff88;
}
/************************************* Manpower *************************************/
.mp-calendar {
width: 90%;
min-width: 800px;
}
.mp-calendar,
.mp-calendar tr,
.mp-calendar th,
.mp-calendar td {
border: 1px solid var(--color-med-grey);
padding: 3px 5px;
letter-spacing: 0.03em;
text-align: center;
}
.mp-calendar tr:first-child {
background-color: var(--color-sky-blue);
}
.mp-calendar tr:not(:first-child):hover {
background-color: var(--color-light-grey);
cursor: pointer;
}
/*first 2 columns*/
.mp-calendar th:nth-child(-n + 2),
.mp-calendar td:nth-child(-n + 2) {
text-align: left;
}
/*first column*/
.mp-calendar th:first-child {
width: 150px;
}
/************************************* Calendar *************************************/
.calendar-wrapper {
margin: 10px;
padding: 0;
vertical-align: top;
display: inline-block;
text-align: center;
}
.paginate-control {
margin: 5px 0;
}
.float-right-container {
position: absolute;
top: 30px;
right: 10px;
padding: 10px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
border: 1px solid var(--color-med-grey);
border-radius: 5px;
}
.export-excel {
float: right;
bottom: 5px;
}
.arrow-right span {
color: #f5f5f5;
font-family: sans-serif;
font-size: 1.005em;
left: 28px;
top: 78px;
position: absolute;
width: 80px;
}
/************************************* Reporting - Charts *************************************/
.tab-content p {
font-size: 13px;
margin: 5px;
}
.charts-container-normal > div {
margin: 5px 10px 30px;
width: 600px;
}
.charts-container > div {
margin: 5px 10px 30px;
width: 600px;
}
/*Last row of the data table, add grey bg*/
.charts-container table tr:last-child {
font-weight: 700;
background-color: var(--color-white-smoke);
}
.chart-lg {
width: 600px;
}
table.col-1-nobreak td:first-child {
white-space: nowrap;
}
.circle-red {
height: 15px;
width: 15px;
background-color: var(--color-red);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-blue {
height: 15px;
width: 15px;
background-color: var(--color-blue2);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-teal {
height: 15px;
width: 15px;
background-color: var(--color-teal);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-orange {
height: 15px;
width: 15px;
background-color: var(--color-orange);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-yellow {
height: 15px;
width: 15px;
background-color: var(--color-yellow);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-green {
height: 15px;
width: 15px;
background-color: var(--color-green);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-pink {
height: 15px;
width: 15px;
background-color: var(--color-pink);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-purple {
height: 15px;
width: 15px;
background-color: var(--color-purple);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-grey {
height: 15px;
width: 15px;
background-color: var(--color-med-grey2);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
.circle-darkgrey {
height: 15px;
width: 15px;
background-color: var(--color-dark-grey);
border: 1px solid var(--color-med-grey);
border-radius: 50%;
display: inline-block;
}
/************************************* Toggle On/Off Switch button *************************************/
/*
https://proto.io/freebies/onoff/
Usage (id needs to be dynamic if using ng-repeat):
*/
.onoffswitch {
position: relative;
width: 60px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid #404040;
border-radius: 20px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 18px;
padding: 0;
line-height: 18px;
font-size: 14px;
color: white;
font-family: 'Open Sans';
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "YES";
padding-left: 10px;
background-color: var(--color-blue);
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "NO";
padding-right: 10px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 12px;
margin: 3px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 38px;
border: 1px solid #404040;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/************************************* OTHER *************************************/
.addborder {
border-top: 2px solid #404040;
}
p[contenteditable="true"] {
margin: 2px 0 5px;
padding: 5px;
border: 1px solid var(--color-med-grey);
border-radius: 4px;
}
/************************************* Responsive *************************************/
@media screen and (max-width: 1000px) {
div.container {
width: 100%;
}
}
@media screen and (max-width: 700px) {
div.container {
width: 100%;
}
.login-container div:nth-child(2) {
width: 100%;
padding: 10px;
min-width: 300px;
box-sizing: border-box;
}
.login-footer {
position: relative;
}
/* Check-In page */
.ts-btn.checkin {
margin: 15px;
padding: 15px 10px;
display: block;
}
.ts-btn.checkin.disabled {
display: inline-block;
}
}
.leaflet-tooltip.my-labels {
background-color: transparent;
border: transparent;
box-shadow: none;
}
.lightpick {
position: absolute;
z-index: 99999;
padding: 4px;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
color: #000;
font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
line-height: 1.125em;
}
.lightpick--inlined {
position: relative;
display: inline-block;
}
.lightpick,
.lightpick *,
.lightpick::after,
.lightpick::before {
box-sizing: border-box;
}
.lightpick.is-hidden {
display: none;
}
.lightpick__months {
display: grid;
background-color: #EEE;
grid-template-columns: auto;
grid-gap: 1px;
}
.lightpick--2-columns .lightpick__months {
grid-template-columns: auto auto;
}
.lightpick--3-columns .lightpick__months {
grid-template-columns: auto auto auto;
}
.lightpick--4-columns .lightpick__months {
grid-template-columns: auto auto auto auto;
}
.lightpick--5-columns .lightpick__months {
grid-template-columns: auto auto auto auto auto;
}
.lightpick__month {
padding: 4px;
width: 288px;
background-color: #FFF;
}
.lightpick__month-title-bar {
display: flex;
margin-bottom: 4px;
justify-content: space-between;
align-items: center;
}
.lightpick__month-title {
margin-top: 4px;
margin-bottom: 4px;
margin-left: 4px;
font-size: 16px;
font-weight: normal;
line-height: 24px;
cursor: default;
padding: 0 4px;
border-radius: 4px;
}
.lightpick__month-title > .lightpick__select {
border: none;
background-color: transparent;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.lightpick__month-title > .lightpick__select:disabled {
color: #333;
}
.lightpick__month-title > .lightpick__select-months {
font-weight: bold;
font-size: 1em;
margin-right: .5em;
}
.lightpick__toolbar {
display: flex;
text-align: right;
justify-content: flex-end;
}
.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
display: flex;
margin-left: 6px;
width: 32px;
height: 32px;
outline: none;
border: none;
border-radius: 50%;
background-color: #DDD;
justify-content: center;
align-items: center;
}
.lightpick__previous-action,
.lightpick__next-action {
font-size: 12px;
}
.lightpick__close-action {
font-size: 18px;
}
.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
color: inherit;
}
.lightpick__days-of-the-week {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.lightpick__day-of-the-week {
display: flex;
font-size: 11px;
font-weight: bold;
justify-content: center;
align-items: center;
}
.lightpick__days {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.lightpick__day {
display: flex;
height: 40px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
font-size: 13px;
justify-content: center;
align-items: center;
cursor: default;
}
.lightpick__day.is-today {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, .5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
background-size: 18.8% auto;
background-position: center bottom;
color: #DC322F;
}
.lightpick__day:not(.is-disabled):hover {
background-size: contain;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-disabled {
opacity: 0.38;
pointer-events: none;
}
.lightpick__day.disabled-tooltip {
pointer-events: auto;
}
.lightpick__day.is-disabled.is-forward-selected {
opacity: 1;
}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
background-color: rgba(38, 139, 210, 0.1);
background-image: none;
}
.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
opacity: 0.38;
}
.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
opacity: 1;
}
.lightpick__day.is-in-range {
border-radius: 0;
background-color: rgba(38, 139, 210, 0.1);
background-image: none;
}
.lightpick__day.is-in-range:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
border-top-left-radius: 50%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 50%;
background-color: #268BD2;
background-image: none;
}
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
border-top-left-radius: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 0;
background-color: #268BD2;
background-image: none;
}
.lightpick__day.is-start-date.is-end-date {
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
background-size: auto;
background-position: center;
color: #FFF;
font-weight: bold;
}
.lightpick__tooltip {
position: absolute;
margin-top: -4px;
padding: 4px 8px;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
white-space: nowrap;
font-size: 11px;
pointer-events: none;
}
.lightpick__tooltip::before {
position: absolute;
bottom: -5px;
left: calc(50% - 5px);
border-top: 5px solid rgba(0, 0, 0, 0.12);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
}
.lightpick__tooltip::after {
position: absolute;
bottom: -4px;
left: calc(50% - 4px);
border-top: 4px solid #FFF;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.lightpick__footer {
display: flex;
justify-content: space-between;
}
.lightpick__reset-action,
.lightpick__apply-action {
border-radius: 5px;
font-size: 12px;
border: none;
}
.lightpick__reset-action {
color: #fff;
background-color: #aeacad;
}
.lightpick__apply-action {
color: #fff;
background-color: #2495f3;
}
:root {
--color-aqua: #c3fff9;
--color-blue: rgba(33, 150, 243, 1.0);
--color-blue2: rgba(54, 162, 235, 1.0);
--color-teal: rgba(75, 192, 192, 1.0);
--color-red: rgba(255, 99, 132, 1.0);
--color-orange: rgba(255, 159, 64, 1.0);
--color-yellow: rgba(255, 205, 86, 1.0);
--color-green: rgba(75, 192, 192, 1.0);
--color-purple: rgba(153, 102, 255, 1.0);
--color-pink: rgba(234, 10, 142, 1.0);
--color-invalid-yellow: #FFFFCC;
--color-memo-yellow: #ffff88;
--color-white-smoke: #f5f5f5;
--color-light-grey: #eee;
--color-light-grey2: #e5e5e5;
--color-med-grey: #ddd; /*border color*/
--color-med-grey2: rgba(201, 203, 207, 1.0);
--color-med-grey3: rgba(170, 170, 170, 1.0); /* #aaa */
--color-dark-grey: #404040;
--hover-bg-color: #eee;
--topnav-submenu-bg-hover: #f5f5f5; /*was #C3FFF9*/
--h1-font: 'Hind Siliguri';
--h2-font: 'Hind Siliguri';
--custom-bg-color1: #f4f4f4;
--footer-bg: #1C2A48;
--footer-copyright-bg: #16223A;
}
.show-map-icon {
max-height: 100px;
}
#grid {
position: relative;
margin: 0;
display: grid;
grid-template-columns: [first] 300px [line2] auto [end];
grid-gap: 0px;
}
.l-wrapper {
border-top: 1px solid #e5e5e5;
/*box-shadow: 3px 0 5px -2px rgba(0,0,0,0.4);*/
}
.m-wrapper {
position: relative;
}
.r-wrapper {
border: 1px #e5e5e5;
border-style: solid none;
/* top and bottom only */
/*box-shadow: 3px 0 5px -2px rgba(0,0,0,0.4);*/
}
/************************************* Filter section (left) *************************************/
/* Radio filters above assets */
#asset-radio-buttons input {
margin: 10px 5px 10px 10px;
}
.assets {
/*height: 270px; height not needed because already defined in fixed headers*/
border-bottom: 1px solid #e5e5e5;
}
.shipment-list {
height: 520px;
margin: 0;
padding: 0;
border-bottom: 1px solid #e5e5e5;
overflow-y: auto;
}
/* Style for the delivery list */
.table-shipment-list {
width: 100%;
overflow: hidden;
}
.table-shipment-list,
.table-shipment-list tr,
.table-shipment-list th,
.table-shipment-list td {
border-bottom: 1px solid #e5e5e5;
border-collapse: collapse;
margin: 0;
padding: 4px 5px;
font-size: 12px;
color: #404040;
letter-spacing: 0.05em;
font-weight: 400;
text-align: left;
}
.table-shipment-list th {
border-bottom: 1px solid #c0c0c0;
vertical-align: bottom;
}
.table-shipment-list tr:not(:first-child):hover {
background-color: var(--color-light-grey) !important;
cursor: pointer;
}
/************************************* Map section (middle) *************************************/
#map-history {
height: 100%;
min-width: 400px;
background: var(--color-med-grey);
}
#legend-header {
font-size: 14px;
text-align: center;
}
#legend-content {
font-size: 10px;
display: none;
text-align: left;
}
#legend-content img {
margin: 0 5px;
}
.last-update {
position: absolute;
padding: 3px;
top: 0;
right: 0;
color: #404040;
background: rgba(255, 255, 255, 0.8);
z-index: 1005;
}