:root {
	--hrworks-blue: #2980b9;
	--tomato: #ff6347;
	--text-body: #545454;
	--text-muted: #6c757d;
	
	--pale-pink: #f8d7da;
	--light-blue: #cce5ff;
	--solitude: #e2e3e5;
	--swans-down: #d4edda;
	--oyster-bay: #d1ecf1;
	--china-ivory: #fff3cd;
	--light-grey: #d6d8d9;
	
	--pale-green: #98fb98;
	--lemon-chiffon: #fffacd;
	--pale-turquoise: #afeeee;
	--antique-white: #faebd7;
	--moccasin: #ffe4b5;
	--wheat: #f5deb3;
	--thistle: #d8bfd8;
	--aquamarine: #7fffd4;
}
/* Pixel sizes reference
10px - 76.92%;
11px - 84.61%;
12px - 92.3%;
13px - 100%;
14px - 107.7%;
15px - 115.4%;
16px - 123.1%;
17px - 130.8%;
18px - 138.5%;
19px - 146.2%;
20px - 153.9%;
*/
.fa.far {
	font-weight: 400;
}

.fa.fal {
	font-weight: 300;
}


button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

html {
	font-size: 13px;
}

body {
	font: 13px/1.231 'open sans', verdana, arial, helvetica, clean, sans-serif;
	overflow: hidden;
	text-align: left;
	color: var(--text-body);
}

hr {
	border-color: #cccccc transparent #f4f4f4;
	border-style: solid;
	border-width: 1px 0;
	height: 0;
	margin: 1rem 0.5rem;
	box-shadow: 0 0 1px #ccc;
}

hr.one {
	border: 0;
	height: 1px;
	background: #666;
	background-image: linear-gradient(to right, #ddd, #666, #ddd);
}

.yui-skin-sam .yui-ac {
	font-family: 'Open Sans', verdana, arial, helvetica, clean, sans-serif;
	font-weight: 600;
	font-size: 92%;
}

.yui-skin-sam .yui-ac-content {
	transition: width 0.2s;
	box-sizing: border-box;
}

strong, b {
	font-weight: 600;
}

#loginDialog_c {
	box-shadow: none !important;
	opacity: 0 !important;
	transition: left 0.3s, top 0.3s, bottom 0.3s, right 0.3s, opacity 0.3s;
}

#loginDialog_c.stretch {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	opacity: 1 !important;
}

#loginDialog, #loginDialog .bd {
	height: 100%;
}

#loginDialog .bd a {
	font-size: 107.7%;
	color: #999;
	text-decoration: none;
	transition: all 0.5s;
	display: inline-block;
}

#loginDialog .bd a:hover {
	transform: scale(1.2);
	color: var(--text-body);
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
	font-weight: normal;
	font-size: 115.5%;
	padding: 0 5px;
	line-height: 1.7;
/*	color: var(--text-body); */
}

#center-unit.yui-layout-wrap>.yui-layout-bd {
	border: 0;
}

td.open-alerts {
	padding-left: 10px;
	white-space: nowrap;
}

.center, table.center>tbody>tr>td, tr.center>td {
	text-align: center !important;
}

div.help-div {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 2;
}

.yui-skin-sam div.help-div > span.break {
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	box-sizing: border-box;
	margin: 0 10px;
	padding: 5px 0 9px;
}

#main-tabs > .yui-content
, #emp-tabs > .yui-content {
	padding: 0 !important;
	border: 0 !important;
}

#main-tabs>.yui-content>.yui-dispatchable, #emp-tabs>.yui-content>.yui-dispatchable {
	height: 100%;
}

#main-tabs>.yui-content>.yui-dispatchable.yui-hidden, #emp-tabs>.yui-content>.yui-dispatchable.yui-hidden {
	height: 0;
}

.yui-skin-sam .yui-resize .yui-resize-handle {
    background-color: #ccc;
}

.yui-skin-sam .yui-navset .yui-content {
	background: transparent;
}

.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	background: linear-gradient(to bottom, #fff, #ccc);
}

.yui-skin-sam .yui-navset .yui-nav a:hover
,.yui-skin-sam .yui-navset .yui-nav a:focus {
	background: linear-gradient(to bottom, rgb(233, 246, 253) 0%, rgb(211, 238, 251) 100%);
}

.yui-skin-sam .yui-navset-top .yui-nav .selected a
, .yui-skin-sam .yui-navset-top .yui-nav .selected a:focus,
	.yui-skin-sam .yui-navset-top .yui-nav .selected a:hover {
	background: #2980b9;
}

.yui-skin-sam .yui-navset-top.green>.yui-nav .selected a, .yui-skin-sam .yui-navset-top.green>.yui-nav .selected a:focus,
	.yui-skin-sam .yui-navset-top.green>.yui-nav .selected a:hover {
	background: #28a745;
}

.yui-skin-sam div.yui-navset.yui-navset-top > ul.yui-nav {
	border-bottom-color: #2980b9;
}

.yui-skin-sam div.yui-navset.yui-navset-top.green>ul.yui-nav {
	border-bottom-color: #28a745;
}

.yui-skin-sam .yui-navset-top>ul.yui-nav a em {
	border-radius: 4px 4px 0 0;
}

.yui-skin-sam .yui-navset-top>ul.yui-nav a {
	color: var(--text-body);
	font-size: 107.7%;
	border-radius: 4px 4px 0 0;
}

.yui-navset.under-scroll > ul.yui-nav > li:first-child {
	padding-left: calc(1.25rem + 8px) !important;
}

.yui-navset.under-scroll > ul.yui-nav > li:last-child {
	padding-right: calc(1.25rem + 8px) !important;
}

.yui-skin-sam .yui-navset.under-scroll>div.scroll {
	background: #1067A0;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	cursor: pointer;
	padding: 0 4px;
	color: #fff;
	border-right: 2px solid #ccc;
}

.yui-skin-sam .yui-navset.under-scroll > div.scroll.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.yui-skin-sam .yui-navset>div.scroll.right-scroll {
	left: unset;
	right: 0;
	border-right: unset;
	border-left: 2px solid #ccc;
}

.yui-skin-sam .yui-navset-top>.yui-nav .selected a {
	border-color: #2980b9;
}

.yui-skin-sam .yui-navset-top>.yui-nav .selected a em  {
	border-color: #2980b9;
}

.yui-skin-sam .yui-navset-top.green >.yui-nav .selected a {
	border-color: #28a745;
/*	color: var(--text-body); */
}

.yui-skin-sam .yui-navset-top.green >.yui-nav .selected a em  {
	border-color: #28a745;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav {
	background: linear-gradient(to top, #ccc 0px, #efefef 1px);
	border: 1px solid #ccc;
	padding-top: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-width: 1px 0 0 1px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li {
	font-size: 0
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li > a {
	font-size: 1rem;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li
,.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li > a
,.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li > a > em {
	border-color: #ccc;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li > a {
	background: transparent;
	color: var(--text-body);
	letter-spacing: 0.5px;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li.selected a {
	color: #439AD3;
	background: #fff;
	font-weight: 600;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li:not(.selected) > a {
	border: 0 none;
}

.yui-skin-sam .yui-navset-top.plain > ul.yui-nav > li:not(.selected) > a em {
	border-top-width: 0;
	padding: .35em .75em;
}

.yui-skin-sam .yui-navset-top.plain.green > div.yui-content {
	border-color: #007412;
}

.yui-skin-sam .yui-navset-top.plain.blue > div.yui-content {
	border-color: #2980b9;
}

.yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav {
	border: 0;
	padding: 0;
	background: #28a745;
}

.yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav {
	border: 0;
	padding: 0;
	background: #68a6ce;
}

.yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li,
.yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li {
/*	opacity: 0.7; */
    padding: 3px 0;
	border-right: 1px solid #efefef;
}

.yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li.selected
, .yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li:hover
, .yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li:focus {
	opacity: 1;
	background: #007412;
}

.yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li.selected
, .yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li:hover
, .yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li:focus {
	opacity: 1;
	background: #2980b9;
}


.yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li > a,
.yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li > a {
    border: 0 none;
    color: #fff;
    background: transparent !important;
    padding: 0 10px;
}

.yui-skin-sam .yui-navset-top.plain.green > ul.yui-nav > li > a em,
.yui-skin-sam .yui-navset-top.plain.blue > ul.yui-nav > li > a em {
	border: 0;
	background: transparent;
}

#emp-tabs > ul.yui-nav > li:first-child {
	margin-left: 40px;
}

#main-tabs > div.collapser, #emp-tabs > div.collapser  {
	color: #646464;
	color: var(--text-muted);
	cursor: pointer;
	left: 10px;
	position: absolute;
	top: 0;
	transition: all 0.2s;
	font-size: 153.9%;
}

#main-tabs > div.collapser > i.fa
, #emp-tabs > div.collapser > i.fa{
	opacity: 0.4;
	left: 0;
	position: absolute;
	top: calc(50% - 0.5em);
}

#main-tabs > div.collapser.top {
	right: 10px;
	left: unset;
}

#main-tabs > div.collapser:hover > i.fa
, #emp-tabs > div.collapser:hover > i.fa {
	opacity: 1;
	color: #2980b9;
}

#main-tabs > div.collapser.top > i.fa {
	left: unset;
	right: 0;
}

#main-tabs.green > div.collapser.left {
	display: none;
}

#main-tabs>ul.yui-nav {
	background: linear-gradient(to bottom, #efefef, #ddd);
	padding: 2px 0 0 3px;
}

#main-tabs > ul.yui-nav > li:first-child  {
	padding-left: calc(1.923rem + 20px - 3px);
	border-width: 1px 1px 5px;
	border-color: #ddd #efefef;
	transition: all 0.75s;
}

#main-tabs > ul.yui-nav {
	transition: all 0.4s;
}

#main-tabs>ul>li.disabled, #emp-tabs>ul>li.disabled {
	display: none;
}

.toolbar {
/* 	background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); */
	background: var(--light);
	border-top: 1px solid #ccc;
	overflow: hidden;
	padding: 4px 0;
	text-align: center;
	min-height: calc(2rem + 2px);
}

#main-tabs > div > div > div.tab-content
, #emp-tabs > div > div > div.tab-content {
	border: 0 none;
	overflow: auto;
	padding: 0;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}

#emp-tabs > div > div > div.tab-content {
	padding-top: 10px;
}

.initDispNone, .refresh_list {
	display: none;
}

.d-none-important {
	display: none !important;
}

.initHide {
	visibility: hidden;
}

.yui-skin-sam .mask {
	opacity: 0.3;
	transition: all 0.5s;
}

.yui-skin-sam .yui-calendar, .yui-skin-sam .yui-dt table, .yui-skin-sam .yui-pv,
	.yui-skin-sam .yui-ac, .yui-skin-sam .yui-calcontainer .yui-cal-nav,
	.yui-skin-sam .yui-pg-first, .yui-skin-sam .yui-pg-previous,
	.yui-skin-sam .yui-pg-next, .yui-skin-sam .yui-pg-last, .yui-skin-sam .yui-pg-current,
	.yui-skin-sam .yui-pg-pages, .yui-skin-sam .yui-pg-page {
	font-family: 'Open Sans', verdana, arial, helvetica, clean, sans-serif;
}

div.ib {
	display: inline-block;
}

.fieldset {
	background: #f8f9fa;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: inline-block;
	margin: 0.75em 0 0.5em;
	padding: 0.75em 1em 0.5em;
	position: relative;
}

.fieldset .fieldset, .fieldset.blue {
	background: #edf5ff;
	border-color: #b0d0e7;
}

legend span {
	background: rgba(0, 0, 0, 0) url("../yui/images/sprite.png") repeat-x
		scroll 0 -1700px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #990000;
	font-family: "Open Sans", Lucida Grande, Trebuchet MS, arial, helvetica,
		clean, sans-serif;
	left: 1em;
	line-height: 1.35;
	padding: 0.25em 0.5em;
	position: absolute;
	top: -1em;
	white-space: nowrap;
	font-size: 1rem;
}

fieldset.large legend span {
	font-size: 1.25rem;
}

img.photograph {
	background: #fff;
	border: 1px solid #ddd;
	height: 60px;
	width: 60px;
	padding: 2px;
	box-sizing: content-box !important;
}

img.photograph.round {
  border-radius: 49.9%;
}

img.photograph.small {
	height: 45px;
	width: 45px;
}

img.photograph.medium {
	height: 60px;
	width: 60px;
}

img.photograph.large {
	height: 90px;
	width: 90px;
}

img.photograph.xl {
	height: 120px;
	width: 120px;
}

img.photograph.xxl {
	height: 160px;
	width: 160px;
}

span.status {
	border-radius: 4px;
	color: #fff !important;
	font-weight: 600;
	padding: 0.25rem 0.5rem;
	display: inline-block;
	white-space: nowrap;
	line-height: 1;
	font-size: 80%;
}

span.status.success {
	background: #28a745;
}

span.status.warning {
	background: #ffc107;
	color: #666 !important;
}

span.status.initial {
	background: #800080;
}

span.status.failure {
	background: #dc3545;
}

span.status.info {
	background: #17a2b8;
}

span.status > label {
	margin: 0;
}

.hw-spinner {
	position: relative;
}

.hw-spinner > * {
	opacity: 1;
	transition: opacity 0.3s;
}

.hw-spinner > .hw-spinner-icon {
	opacity: 0;
	z-index: -1;
}

.hw-spinner.spin > * {
	opacity: 0;
}

.hw-spinner.spin > .hw-spinner-icon {
	opacity: 1;
	font-size: 2rem;
	z-index: 2;
}

div.phone a:not(:hover),
div.email a:not(:hover) {
  color: inherit !important;
  text-decoration: none !important;
}

div.email {
	text-transform: lowercase;
}

div.phone, div.email {
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}

a.disabled {
	cursor: not-allowed;
}

.no-transition {
	transition: none !important;
}

.cursor-pointer {
	cursor: pointer;
}

.hw-op-01 {
	opacity: 0.1 !important;
}

.hw-op-02 {
	opacity: 0.2 !important;
}

.hw-op-04 {
	opacity: 0.4 !important;
}

.hw-op-05 {
	opacity: 0.5 !important;
}

.hw-op-06 {
	opacity: 0.6 !important;
}

.hw-op-08 {
	opacity: 0.8 !important;
}

.hw-op-0 {
	opacity: 0 !important;
}

.hw-op-1 {
	opacity: 1 !important;
}

.hw-op {
	transition: opacity 0.4s ease !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mw-90 {
	max-width: 90% !important;
}

.mw-75 {
	max-width: 75% !important;
}

.mw-50 {
	max-width: 50% !important;
}

.mw-25 {
	max-width: 25% !important;
}

.mw-1500 {
	max-width: 1500px !important;
}

.mw-1200 {
	max-width: 1200px !important;
}

.mw-1000 {
	max-width: 1000px !important;
}

.mw-900 {
	max-width: 900px !important;
}

.mw-700 {
	max-width: 700px !important;
}

.mw-600 {
	max-width: 600px !important;
}

.mw-500 {
	max-width: 500px !important;
}

.mw-200 {
	max-width: 200px !important;
}

.mw-250 {
	max-width: 250px !important;
}

.mnw-200 {
	min-width: 200px !important;
}

.mnw-250 {
	min-width: 250px !important;
}

.mnw-900 {
	min-width: 900px !important;
}

.badge-blue {
  color: #fff;
  background-color: #2980b9;
}

.badge-blue[href]:hover
, .badge-blue[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #2980b9;
}

.badge-tomato {
  color: #fff;
  background-color: #ff6347;
}

.badge-tomato[href]:hover
, .badge-tomato[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #ff6347;
}

*[class^="bg-"]:not(.bg-highlight), *[class*=" bg-"]:not(.bg-highlight) {
	background-image: unset !important;
	background-position: unset !important;
	background-attachment: unset !important;
}

.bg-tomato {
	background-color: #ff6347 !important;
}

.bg-blue {
	background-color: #2980b9 !important;
}

.bg-lightgrey {
	background-color: #ccc !important;
}

.bg-blue {
	border-color: #2980b9 !important;
}

.border-lightgrey {
	border-color: #ccc !important;
}

.border-tomato {
	border-color: #ff6347 !important;
}

.border-blue {
	border-color: var(--hrworks-blue);
}

.text-inherit {
	color: inherit !important;
}

.text-tomato {
	color: #ff6347 !important;
}

.yui-skin-sam .yui-cms-item.yui-panel.userInfo>.hd {
	background: linear-gradient(to bottom, #555, #333333);
}

div#empLeft {
	padding: 3em 10px 0;
	font-size: 93%;
}

div#empLeft > hr {
	margin: 10px 0;
}

div#empLeft .dim, span.dim {
	color: #bbb;
	font-weight: 700;
}

div#empLeft > div {
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
    clear: both;
}

div#empLeft > div.direct-reports {
	overflow: hidden;
}

div#empLeft > div.direct-reports:hover {
	overflow: auto;
}

div#empLeft > div.direct-reports > div.more {
	margin-left: 25px;
}

div#empLeft > div.direct-reports > div.reportee {
	padding: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div#empLeft > div.direct-reports > div.reportee > a > i {
	vertical-align: middle;
	font-size: 20px;
	color: #FF69B4;
}

div#empLeft > div.direct-reports > div.reportee.male > a > i {
	color: #2980b9;
}

div#empLeft > div.direct-reports > div.reportee > a {
	color: var(--text-body);
	text-decoration: none;
}

div#empLeft > div.direct-reports > div.reportee > a > span {
	vertical-align: middle;
	line-height: 20px;
}

div#empLeft > div.manager > img {
	float: left;
	height: 40px;
	width: 40px;
}

div#empLeft > div.manager > span {
    width: calc(9.2307rem + 80px - 20px - 46px - 10px);
    display: inline-block;
    min-height: 3.3rem;
    white-space: normal;
    margin-left: 4px;
    font-weight: 600;
}

div.user-info {
  padding: 5px 20px;
  position: relative;
  font-weight: normal;
}

div.user-info + *
, div.user-info > img::after {
	clear: both;
}

div.user-info > img {
  float: left;
}

div.user-info>a.allow-upload {
	position: absolute;
	top: calc(6.679397rem + 10px - 0.5em);
	left: calc(8.7434445rem + 20px - 0.08em);
	z-index: 3;
	transform: rotate(-18deg);
	color: #16a085;
}

div.user-info>div {
	display: inline-block;
	margin-left: 10px;
	margin-top: 2px;
}

div.user-info > * {
	position: relative;
	z-index: 2;
}

div.user-info>div.top-bg {
	background: linear-gradient(to bottom, #1C73AC 0px, #1C73AC 5px, #2980b9 5px);
	height: 4.77rem;
	left: 0;
	margin: 0 !important;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	box-sizing: border-box;
	border-bottom: 4px solid #439AD3;
}

div.user-info > div:not(div.top-bg) > div {
  margin-bottom: 2px;
}

div.user-info > div:not(div.top-bg) > div.below {
	margin-bottom: 0.5em;
}

div.user-info>div>div.name
, div.user-info>div>div.designation
, div.user-info>div>div.organization {
	color: #fff;
}

div.user-info>div>div.organization {
	margin-bottom: 15px;
}

div.user-info>div>div.name {
	font-size: 153.9%;
}

div.user-info > div:not(div.top-bg) > div * {
	text-decoration: none;
	color: var(--text-body);
}

div.user-info>div>div.employeeId {
	padding-top: 1.2em;
}

div.user-info.detailed > div > div.employeeId {
	padding-top: 1.2em;
}

div.user-info>div>div.email * {
	text-transform: lowercase;
}

.yui-skin-sam div.user-info i.fa+*:not(.fa-stack-1x ) {
	margin-left: 10px;
}

div.user-info.detailed div.location,div.user-info.detailed div.phone,div.user-info.detailed div.email
	{
	border-left: 1px solid #bbb;
	border-right: 1px solid #aaa;
	float: left;
	padding: 0 20px;
}

div.user-info.detailed div.email {
	border-right: 0 none;
	padding-right: 0;
}

div.user-info.detailed div.location {
	border-left: 0 none;
	padding-left: 0;
}

div.user-info.detailed>div>div>i {
	width: unset;
	text-align: unset;
}

div.user-info.detailed > div {
	margin-left: 25px;
}

*,*::before,*::after {
	outline: none;
}

.pageTitleExtend, .newTitle, .containerTitle, .pageTitlePrepend {
	display: none;
}

span.mandatory {
	color: #ff0000 !important;
	font-weight: 600;
}

span.highlight {
	color: #990000;
}

div#topBanner {
	color: #fff;
	line-height: 3em;
}

div#topBanner div.yui-ac-container {
	color: var(--text-body);
	line-height: 1.4;
}

.topBanner .topLogo {
	font-size: 2em;
	letter-spacing: 0.5px;
	margin-left: 10px;
}

div.topTxt {
	font-size: 130.8%;
	margin-left: 20px;
}

div.topTxt > span.orgName.orgName-short {
	display: none;
}

div.topNav img.photograph.small {
	height: 2em;
	width: 2em;
	float: left;
	box-sizing: border-box !important;
	padding: 1px;
	border: 0;
	font-size: 100%;
}

div.topNav > span {
	float: left;
	margin-left: 10px;
	max-height: 2em;
	margin-top: 0.5em;
}

div.topNav>span>span {
	padding: calc(0.5em - 1px) 10px calc(0.5em - 1px) 5px;
	background: #5CB3EC;
	line-height: 1em;
	display: inline-block;
	display: block;
	font-weight: 600;
	overflow: hidden;
	height: 2em;
	box-sizing: border-box;
	text-overflow: ellipsis;
	max-width: 250px;
	white-space: nowrap;
	border: 1px solid #eee;
	border-left: 0 none;
}

div.topNav>div.changeOrg {
	float: left;
	margin-right: 10px;
}

.yuimenu {
	top: -9999em;
	left: -9999em;
}

div.topNav>div.changeOrg span.yui-menu-button {
	display: block;
}

div.topNav > ul {
	float: left;
}

div.topNav ul > li:last-child > a.topNav {
	padding-right: 10px;
}

#hrworks-pending-tasks.hrworks-pending-tasks {
	transition: all 1s ease 0.5s, transform 1s;
	max-width: 80px;
}

#hrworks-pending-tasks.hrworks-pending-tasks:not(.initial) {
	transform-origin: top center;
	position: relative;
	z-index: 10;
}

#hrworks-pending-tasks.hrworks-pending-tasks.initial {
	transform: translateX(400px);
	max-width: 0;
	margin-left: 0;
}

#hrworks-pending-tasks span.fa-stack > i.fa.fa-square {
	transform: scaleX(1.75);
}

#hrworks-pending-tasks span.fa-stack > i.fa.fa-bell {
	text-align: left;
}

#hrworks-pending-tasks span.fa-stack > span {
    position: absolute;
    left: 50%;
    color: var(--text-body);
    border-left: 1px solid #2980b9;
    width: 1.5em;
    text-align: center;
    margin: 0;
    display: block;
    color: #008000;
    font-weight: 600;
    box-sizing: border-box;
}

.pending-tasks div.bd {
	box-sizing: border-box;
	font-size: 1.077rem;
}

.pending-tasks div.bd i.fa.fa-circle {
	color: #cd5c5c;
	line-height: 1em;
	vertical-align: middle;
}

.pending-tasks div.bd i.fa.fa-circle + span {
	color: #fff;
	display: inline-block;
	padding: 0;
	margin: 0;
	transform: translateX(calc(-1.077rem - 50%));
	font-family: 'Roboto Mono', monospace;
	font-weight: 500;
	vertical-align: middle;
	line-height: 1;
}

.pending-tasks div.bd a.cloud-download {
	border: 1px solid #aaa;
	background: #fafad2;
	border-radius: 5px;
	padding: 5px;
}

.yui-skin-sam div.topNav > ul li {
	margin-left: 7px;
	float: left;
	color: #fff;
	margin-top: -1.5px;
}

.yui-skin-sam div.topNav a:not(.yuimenuitemlabel) {
	display: inline-block;
	color: #5CB3EC !important;
	transition: transform 0.2s;
	font-size: 100%;
	vertical-align: unset;
	min-width: unset;
	font-size: 107.7%;
}

.yui-skin-sam div.topNav a.alert-count {
	position: relative;
	margin: 0 1em 0 calc(1em + 3px);
	color: #fcfcfc !important;
}

.yui-skin-sam div.topNav a.alert-count > span > i.fa-bell {
	color: #cd5c5c;
	animation-iteration-count: 10;
}

.yui-skin-sam div.topNav a.alert-count > span + span {
	background: #f4f4f4;
	padding: 3px 5px;
	border-radius: 0 3px 3px 0;
	position: absolute;
	line-height: 1;
	top: calc(1em - 4px);
	left: calc(2em - 1px);
	font-family: 'Roboto Mono', monospace;
}

.yui-skin-sam div.topNav a:not(.yuimenuitemlabel):hover {
	transform: scale(1.1);
}

#leftmenu.leftmenu li:nth-child(3) a.yuimenuitemlabel[href="AboutMeLeaveRequest.do"],
	#leftmenu.leftmenu a.yuimenuitemlabel[href="AboutMeRARequest.do"],
	#leftmenu.leftmenu a.yuimenuitemlabel[href="AboutMePRequest.do"] {
	border-top: 1px solid #ccc;
	margin-top: 3px;
	padding-top: 3px;
}

.yui-skin-sam div.leftmenu.yuimenu h6 {
	padding: 3px 10px;
	line-height: inherit;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6 {
	line-height: inherit;
	color: var(--text-body);
	font-weight: normal;
	margin: 5px 5px 0;
	border-radius: 4px;
	background-color: var(--light);
	border: 1px solid #ccc;
	font-size: 1rem;
	padding-right: 0;
	position: relative;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6 div {
	padding: 0 5px;
	border-top-right-radius: 4px;
	line-height: 1em;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6 > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6.selected div
,.yui-skin-sam div.leftmenu.yuimenu .bd h6.smselected div {
	border-radius: 0 4px 0 0;
	color: #fff;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6.selected div > a
,.yui-skin-sam div.leftmenu.yuimenu .bd h6.smselected div > a {
	color: #fff;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6 div a {
	color: #999;
	opacity: 0.8;
	line-height: 1em;
	margin-top: calc((1rem * 1.5 + 6px) / 2 - 0.5rem);
	display: inline-block;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6 div a:hover {
	opacity: 1;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6.smselected div a {
	cursor: not-allowed;
}

.yui-skin-sam div.leftmenu.yuimenu .bd h6.selected
,.yui-skin-sam div.leftmenu.yuimenu .bd h6.smselected {
	border-radius: 4px 4px 0 0;
	background-color: var(--secondary);
	font-weight: 400;
	transition: background-color 0.25s ease 0s, font-weight 0.25s ease 0s;
	color: #fff;
}

.yui-skin-sam div.leftmenu.yuimenu ul {
	height: 0;
	transition: height 0.5s, padding 0.5s, border 0.5s;
	border-width: 0;
	border-radius: 0 0 4px 4px;
	margin: 0 5px;
	background-color: #fff;
	overflow: hidden;
	padding: 0;
}

.yui-skin-sam div.leftmenu.yuimenu ul ul {
	height: auto;
}

.yui-skin-sam div.leftmenu.yuimenu ul.selected
,.yui-skin-sam div.leftmenu.yuimenu ul.selected ul
,.yui-skin-sam div.leftmenu.yuimenu ul.smselected
,.yui-skin-sam div.leftmenu.yuimenu ul.smselected ul
	{
	border-width: 0 1px 1px;
	padding: 3px 0;
}

.yui-skin-sam div.leftmenu.yuimenu ul.selected ul
,.yui-skin-sam div.leftmenu.yuimenu ul.smselected ul
	{
	border: 0;
}

.yui-skin-sam div.leftmenu.yuimenu ul.selected .bd
,yui-skin-sam div.leftmenu.yuimenu ul.smselected .bd
	{
/* 	background-color: #fafad2; */
/* 	border-color: #f82; */
	border-color: #ccc;
	border-radius: 4px;
	margin-bottom: 0;
}

.yui-skin-sam div.leftmenu.yuimenu ul.selected .bd ul
,.yui-skin-sam div.leftmenu.yuimenu ul.smselected .bd ul
	{
	border-radius: 4px;
}

.yui-skin-sam div.leftmenu.yuimenu ul ul {
	margin: 0;
}

.yui-skin-sam div.leftmenu.yuimenu .bd {
	background-color: transparent;
}

.yui-skin-sam div.leftmenu.yuimenu ul.animating {
	padding: 0;
}

div.leftmenu .yuimenuitem > a[href="PageAccessDenied.do"] {
  color: #a6a6a6;
}

div.page-blocked {
	position: relative;
	height: 100%;
}

div.page-blocked::after {
  background: url("../../images/block_large.png") no-repeat scroll 50% 50% #efefef;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

div.page-blocked>div.message {
	bottom: 30px;
	font-size: 170%;
	left: 10px;
	position: absolute;
	right: 10px;
	text-align: center;
}

div.page-blocked>div.message-heading {
	font-size: 250%;
	padding-top: 30px;
	text-align: center;
}

.yui-skin-sam .yui-navset-top .yui-content
, .yui-skin-sam .yui-navset .yui-navset-top .yui-content
	{
	padding: 0.75em;
	border-color: #aaa;
}

.yui-navset .yui-content .yui-hidden {
	opacity: 0;
}

.yui-navset .yui-content > div {
	opacity: 1;
	transition: opacity 0.7s;
}

.yui-skin-sam .yui-navset .yui-nav li.disabled a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li.disabled a {
	opacity: 0.5;
}

div.dtHeading + div.yui-navset {
	margin-top: 2px !important;
}

.yui-skin-sam div.leftmenu.yuimenu {
	position: static;
}

/*
        For IE 6: trigger "haslayout" for the anchor elements in the root Menu by 
        setting the "zoom" property to 1.  This ensures that the selected state of 
        MenuItems doesn't get dropped when the user mouses off of the text node of 
        the anchor element that represents a MenuItem's text label.
    */
.yui-skin-sam div.leftmenu.yuimenu .yuimenuitemlabel {
	_zoom: 1;
}

.yui-skin-sam div.leftmenu.yuimenu .yuimenu .yuimenuitemlabel {
	_zoom: normal;
}

.yui-skin-sam div.leftmenu.yuimenu div.yuimenu {
	z-index: 2;
}

.yui-skin-sam div.leftmenu.yuimenu .bd {
	border: none;
}

.yui-skin-sam div.leftmenu.yuimenu > div.bd > ul:last-child {
	margin-bottom: 2em;
}

.yui-skin-sam div.leftmenu.yuimenu .bd .bd {
	border: 1px solid #808080;
}

.yui-skin-sam div.leftmenu.yuimenu .yui-menu-shadow {
	border-radius: 4px;
}

.yui-skin-sam .yuimenuitemlabel:not(.yuimenuitemlabel-disabled) {
	cursor: pointer;
	color: #3b4045;
	letter-spacing: 0.5px;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	font-weight: normal;
	overflow: hidden;
	padding: 0 25px 0 20px;
	text-overflow: ellipsis;
}

.yui-skin-sam .yui-checkedlist .yuimenuitemlabel {
	overflow: unset;
}

.yui-skin-sam .yuimenu .bd {
	background-color: #fefefe;
	border-color: #ccc;
}

.yui-skin-sam .yuimenuitemlabel-hassubmenu {
	cursor: default;
	background-image: url(../yui/images/menuitem_submenuindicator.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse
	{
	background-position: -20px -200px;
}

.yui-skin-sam .yui-layout-doc .yui-layout-unit {
	transition: all 0.4s;
}

.yui-skin-sam div.yui-overlay-hidden *
,.yui-skin-sam div.yui-overlay-hidden *::after
,.yui-skin-sam div.yui-overlay-hidden *::before {
	transition: none !important;
}

.yui-skin-sam #layout-doc.yui-layout-doc>.yui-layout-unit-top .yui-layout-bd {
	background: #2980b9;
	border-bottom: 5px solid #444;
}

.yui-skin-sam .yui-layout .yui-layout-hd {
/* 	background: #28a745; */
/* 	border-color: #28a745; */
	background: var(--hrworks-blue);
	border-color: var(--hrworks-blue);
}

.yui-skin-sam .yui-layout #layout-doc.yui-layout-doc {
	/*	font-size: 92%; */
	overflow: hidden;
}

.yui-skin-sam .yui-layout {
	background-color: #fff;
}

.yui-skin-sam .yui-layout-unit-center > div.yui-layout-wrap > div.yui-layout-bd {
	border: 0 none;
}

.yui-skin-sam .yui-layout-unit-left > div.yui-layout-wrap > div.yui-layout-bd {
	border: 0 none;
}

.yui-skin-sam .yuimenubaritemlabel {
	cursor: pointer;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
	position: relative;
	background: none;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu::after {
	content: "\f0d7";
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	text-align: center;
	line-height: 1.97em;
	height: 100%;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
}

.yui-skin-sam #topmenu.yuimenubar {
	box-shadow: 0 2px 1px rgba(128, 128, 128, 0.8);
	overflow-y: hidden;
	overflow-x: auto;
	border-color: #999;
	border-width: 1px 0 0;
	background: linear-gradient(to bottom, #fafafa, #efefef);
}

.yui-skin-sam #topmenu.yuimenubar>div.bd {
	margin: 0 30px;
	border-left: 1px solid #ccc;
}

.yui-skin-sam #topmenu.yuimenubarnav .yuimenubaritemlabel {
	padding-bottom: 1px;
	color: var(--text-body);
	padding-left: 5px;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
}

.yui-skin-sam #topmenu.yuimenubarnav .yuimenubaritemlabel>i.fa {
	color: #757575;
}

.yui-skin-sam .yuimenubarnav > div.bd > ul {
	white-space: nowrap;
	font-size: 0;
}

.yui-skin-sam .yuimenubarnav > div.bd > ul .yuimenubaritem {
	background: none;
	float: none;
	display: inline-block;
	font-size: 0.93rem;
}

.yui-skin-sam #topmenu .yuimenubaritem-selected {
	background: linear-gradient(to bottom, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%);
	cursor: pointer;
}

.yui-skin-sam .yuimenubaritem.MyDashboard:hover>a {
	cursor: pointer;
}

body {
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

.yui-skin-sam a.cloud-upload,
.yui-skin-sam a.cloud-download,
.yui-skin-sam a.upload,
.yui-skin-sam a.download:not(.btn),
.yui-skin-sam a.edit,
.yui-skin-sam a.recipient,
.yui-skin-sam a.assign,
.yui-skin-sam a.userInfo,
.yui-skin-sam a.sendEmail,
.yui-skin-sam a.view,
.yui-skin-sam a.cbs,
.yui-skin-sam a.cbu,
.yui-skin-sam a.user_accepted,
.yui-skin-sam a.version,
.yui-skin-sam a.process,
.yui-skin-sam a.action,
.yui-skin-sam a.summary,
.yui-skin-sam a.add,
.yui-skin-sam a.cal,
.yui-skin-sam a.help:not(.dnd),
.yui-skin-sam a.shuttle,
.yui-skin-sam a.arrow-circle-right,
.yui-skin-sam a.quick-submit
	{
	color: #646464;
	text-decoration: none;
}

.yui-skin-sam a.help {
	text-decoration: none;
}


.yui-skin-sam a.btn:not(.btn-sm):not(.btn-lg) {
	font-size: 100%;
}

.yui-skin-sam a.top-link.disabled {
	opacity: 0.5;
}

.yui-skin-sam th.yui-dt-sortable .yui-dt-label {
	margin-right: 0;
}

.yui-skin-sam .yui-dt .yui-dt-selected a {
	color: #fff;
	font-weight: 600;
	font-size: 108%;
}

.yui-skin-sam th.yui-dt-sortable .yui-dt-label {
	display: inline-block;
}

.yui-skin-sam .yui-dt .yui-dt-liner
, .yui-skin-sam .yui-dt .yui-dt-liner *:not(.fa):not(.fa-stack):not(span.status) {
	line-height: 1.428;
}

.yui-skin-sam .yui-dt th .yui-dt-liner {
	white-space: normal;
}

.yui-skin-sam #left_dt th .yui-dt-liner, .yui-skin-sam #right_dt th .yui-dt-liner {
  font-size: 92%;
}

div#month_days > table.att_approval td > div#right_dt + div.yui-pg-container {
  display: none;
}

div.shift-alloc div.yui-dt-bd > table > tbody > tr > td {
  height: 60px;
}

div.shift-alloc div.yui-dt-bd > table.cal > tbody > tr > td>div.yui-dt-liner {
	padding: 0;
}

div.shift-alloc div.yui-dt-bd > table.cal > tbody > tr > td>div.yui-dt-liner td {
	border: 0 none;
}

div.shift-alloc #right_dt div.yui-dt-hd > table > thead > tr > th>div.yui-dt-liner {
	padding-left: 0;
	padding-right: 0;
}

.yui-skin-sam a.userInfo {
	color: #4c94cc;
	padding-left: 5px;
}

.yui-skin-sam a.shuttle>i.fa, .yui-skin-sam a.arrow-circle-right>i.fa {
	color: #008000;
}

.yui-skin-sam a.user_accepted {
	color: #4c94cc;
	padding-left: 5px;
}

.yui-skin-sam a.history {
	color: #4c94cc;
}

.yui-skin-sam .yui-dt thead .yui-dt-liner a.add {
	font-size: 92.3%;
	min-width: 2em;
}

.yui-skin-sam .yui-dt thead .yui-dt-liner a.cbs,
.yui-skin-sam .yui-dt thead .yui-dt-liner a.cbu {
	font-size: 123.1%;
	min-width: 1.25em;
}

.yui-skin-sam a.recipient
,.yui-skin-sam .yui-dt-liner>span.yui-dt-label>a.add
,.yui-skin-sam .yui-dt .yui-dt-liner a.cbs
,.yui-skin-sam .yui-dt .yui-dt-liner a.cbu
,.yui-skin-sam .yui-dt .delete-button > .yui-dt-liner > .yui-dt-label > span.fa-stack {
	color: var(--success);
	cursor: pointer;
}

.yui-skin-sam .yui-dt .yui-dt-liner a.process
,.yui-skin-sam .yui-dt .yui-dt-liner a.version {
	color: #2980b9;
}

.yui-skin-sam .yui-dt .yui-dt-liner a.view
, .hw-grids>div>div.action a.view {
	color: var(--hrworks-blue);
}

.yui-skin-sam .yui-dt .yui-dt-liner a.edit
, .hw-grids>div>div.action a.edit
, .yui-skin-sam .yui-dt .yui-dt-liner i.fa-ban
, .yui-skin-sam .yui-dt .yui-dt-liner i.fa-thumbs-down
	{
	color: #ff6347;
}

.yui-skin-sam .yui-dt-liner.thumbup i.fa.fa-thumbs-up {
	color: var(--success);
}

.yui-skin-sam .yui-dt-liner.hourglass i.fa.fa-hourglass-half {
	color: #ffa500;
}

.yui-skin-sam .yui-dt .yui-dt-liner a.edit.copy
, .yui-skin-sam .yui-dt .yui-dt-liner a.summary
, .yui-skin-sam .yui-dt .yui-dt-liner a.sendEmail {
	color: #f39c12;
}

.yui-skin-sam .yui-dt-liner a>i.fa {
	transition: transform 0.2s;
}

.yui-skin-sam .yui-dt-col-View > .yui-dt-liner>a:not(.h5) {
	font-size: 1.077rem;
}

.yui-skin-sam .yui-dt-liner>a:not([style*="display:none"])+a {
	margin-left: 8px;
}

.yui-skin-sam .yui-dt-liner>a {
	padding-left: 0;
}

.yui-skin-sam .yui-dt-liner>a:not(.dnd) {
	text-decoration: none;
	color: inherit;
}

.yui-skin-sam .yui-dt tr .yui-dt-liner>a.cbs.disabled>i.fa {
	opacity: 0.4;
}

.yui-skin-sam .yui-dt .yui-dt-liner>a:hover i.fa {
	transform: scale(1.2);
}

/* Table skins */
div.columns {
	display: flex;
	flex-wrap: nowrap;
}

div.columns>div:not(:first-child) {
	margin-left: 1.5rem;
}

div.divider {
	height: 5px;
	background: url(../yui/images/sprite.png) repeat-x scroll 0 -1400px;
}

.tblBorderOnly>tbody>tr>td, .tblBorderOnly>tbody>tr>th {
	border: 1px solid #ccc;
	padding: 0.75em;
	border-collapse: collapse;
}

.tblBorder+.tblBorder
, .tblBorder+.tblNoBorder
, .tblNoBorder+.tblBorder {
	margin-top: 10px;
}

.yui-skin-sam .yui-cms-accordion .fixed>.tblBorder {
	box-shadow: none;
}

.tblColumns>tbody>tr>td,.tblColumns>tbody>tr>th {
	padding: 0 10px;
	vertical-align: top;
}

.tblColumns>tbody>tr>td:first-child,.tblColumns>tbody>tr>th:first-child {
	padding-left: 0;
}

.tblNoBorder>tbody>tr>td
,.tblNoBorder>tbody>tr>th
,.tblBorder>tbody>tr>td
,.tblBorder>tbody>tr>th
	{
	padding: 0.75em;
	font-weight: normal;
}

.tblNoBorder.pad2>tbody>tr>td
,.tblNoBorder.pad2>tbody>tr>th
,table.pad2>tbody>tr>td
, table.pad2>tbody>tr>th {
	padding: 2px;
}

table>tbody>tr>*>span.pad {
	padding-left: 10px;
}

.tblNoBorder.nopad>tbody>tr>td
,.tblNoBorder.nopad>tbody>tr>th {
	padding: 0;
}

table.fixed-4 tbody tr>* {
	width: 20%;
}

table.fixed-4 tbody tr>*:nth-child(even) {
	width: 30%;
}

table.fixed-4.split-15-35 tbody tr>* {
	width: 15%;
}

table.fixed-4.split-15-35 tbody tr>*:nth-child(even) {
	width: 35%;
}

table.fixed-2 tbody tr>* {
	width: 40%;
}

table.fixed-2 tbody tr>*:nth-child(even) {
	width: 60%;
}

/*
.tblBorder>caption {
	padding-left: 6px;
	padding-right: 10px;
	background: linear-gradient(to bottom, rgb(233,246,253) 0%,rgb(211,238,251) 100%);
	font-size: 107.7%;
	line-height: 2;
	text-align: left;
	border-radius: 4px 4px 0 0;
	white-space: nowrap;
	border-collapse: separate;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	border: 1px solid #ccc;
	border-bottom: 0;
}*/

table .tblBorder {
	border: 0;
}

.tblBorder>tbody>tr>th.tHeading1 {
	background: none;
	color: #CA6D2C;
	color: #E37400;
	color: #990000;
	text-align: left;
	padding-left: 3px;
	padding-bottom: 5px;
	border: 0;
}

.tblNoBorder>tbody>tr>th {
	background: none;
	text-align: right;
}

.tblNoBorder>tbody>tr>th.heading {
	text-align: center;
	padding-left: 3px;
	padding-right: 10px;
}

.tblBorder,.tblBorder>tbody>tr>td,.tblBorder>tbody>tr>th {
	border: 1px solid #ccc;
}

.tblBorder>tbody>tr>td,.tblBorder>tbody>tr>th {
	padding-right: 3em;
}

.tblBorder.npad>tbody>tr>td,.tblBorder.npad>tbody>tr>th {
	padding-right: 0.5em;
}

.tblNoBorder>tbody>tr>td:first-child {
	text-align: right;
}

table.tblInput {
	border-collapse: separate;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #f8f9fa;
}

table.tblInput+table.tblInput {
	margin-top: 10px;
}

.showBorder {
	border-width: 1px 2px 2px;
	border-top-color: #f82;
}

table.tblInput>tbody>tr>td
,table.tblInput>tbody>tr>th {
	padding-right: 3em;
}

table.tblInput>tbody>tr>td.nlPad
,table.tblInput>tbody>tr>th.nlPad {
	padding-right: 0.5em;
}

table.tblInput>tbody>tr>td:first-child
,table.tblInput>tbody>tr>th {
	padding-right: 0.5em;
}

table.tblInput.normal>tbody>tr>td:first-child
,table.tblInput.normal>tbody>tr>th {
	text-align: center;
	padding-left: 0.5em;
}

.tblBorder>thead>tr>th[colspan]
,table.tblInput>thead>tr>th {
	font-size: 115.5%;
	line-height: 2.2;
	text-align: center;
	background: linear-gradient(to bottom, #fafafa, #efefef);
	border: 1px solid #ccc;
	boder-bottom: 0 none;
	padding: 0 10px;
}

table.tblInput>thead>tr>th {
	border: 1px solid #ccc;
	border-width: 1px 0;
}

table.tblInput>thead:first-child>tr>th {
	border-top: 0 none;
}

table.tblInput>thead>tr>th + th {
	border-left: 1px solid #ccc;
}

.tblBorder>thead>tr>th[colspan] {
	background: linear-gradient(to bottom, rgb(233,246,253) 0%,rgb(211,238,251) 100%);
	border-bottom: 0 none;
	border-radius: 0;
}

.tblBorder>tbody>tr>td:first-child
,.tblBorder>tbody>tr>th {
	text-align: left;
	background-color: #efefef;
	color: #555;
	font-weight: normal;
	padding: 0.5em 0.5em 0.5em 3em;
	text-align: right;
}

.tblBorder.normal>tbody>tr>td:first-child
,.tblBorder.normal>tbody>tr>th {
	padding: 0.5em;
	text-align: center;
}

.tblBorder>tbody>tr>th.bluebg
,.tblBorder>tbody>tr>th.whitebg
,.tblBorder>tbody>tr>*.left {
	text-align: left !important;
	padding: 0.5em;
}

.tblBorder>tbody>tr>th.bluebg {
	background: linear-gradient(to bottom, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%);
	color: var(--text-body);
	font-size: 107.7%;
}

.tblBorder>tbody>tr>th.whitebg {
	background: linear-gradient(to bottom, #fff, #fcfcfc);
	color: var(--text-body);
	font-size: 107.7%;
}


.tblBorder>tbody>tr>td,.tblBorder>tbody>tr>td.ignoreFirst {
	text-align: left;
	background: #fff;
	color: #444;
}

.tblAddRem td,.tblAddRem td:FIRST-CHILD {
	padding: 2px;
	color: #000;
	text-align: center;
}

.tblWorkflow tr {
	font-size: 0;
}

.tblWorkflow tr:FIRST-CHILD td {
	padding: 6px;
	color: #0277FA;
}

.tblWorkflow tr td.highlight {
	border: 1px solid #7F77F7;
	padding: 6px;
	background-color: #EDF5FF;
	color: #990000;
	font-weight: normal;
	white-space: normal;
	opacity: 0.5;
	border-width: 1px 2px 2px 1px;
	width: 115px;
}

.tblWorkflow tr td.selected {
	opacity: 1;
	border-width: 1px;
	font-weight: 600;
}

table.noWrap td,table.noWrap th,th.noWrap,td.noWrap {
	white-space: nowrap;
}

/* header Table */
.tblBorder.header>tbody>tr>th {
	background: url(../yui/images/sprite.png) scroll 0 -100px repeat-x;
	color: #444;
	border-color: #808080;
}

.tblBorder.header>tbody>tr>td {
	color: #222;
	text-align: left;
	background-color: #EDF5FF;
	border-color: #808080;
	padding-top: 6px;
	padding-bottom: 6px;
}

.tblBorder.header>tbody>tr>td.blue {
	color: #27508E;
}

.tblSearch>tbody>tr:first-child>td {
	padding-top: 10px;
}

.tblSearch>tbody>tr:last-child>td {
	padding-bottom: 20px;
}

.tblSearch>thead>tr>th[colspan] {
	text-align: left;
}

.tblSearch>tbody>tr>td:first-child, .tblSearch>tbody>tr>th {
	padding-left: 5px;
}

.tblSearch.noWrap>tbody>tr>td:first-child, .tblSearch.noWrap>tbody>tr>th {
	white-space: normal;
	min-width: 200px;	
}

.yui-skin-sam table>tbody>tr>td.numeric {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

table.w98 {
	width: 98%;
	max-width: 950px;
}

table.w100,td.w100,div.w100 {
	width: 100%;
}

.w-auto {
	width: auto !important;
}

.w-0 {
	width: 0 !important;
}

table.w50,td.w50,div.w50,th.w50 {
	width: 50%;
	max-width: 500px;
}

table.align-center>tbody>tr>td:first-child, table.align-center>tbody>tr>td,
	table.align-center>tbody>tr>th, table>tbody>tr>td.align-center, table>tbody>tr>td.align-center:first-child,
	table>tbody>tr>td.align-center:first-child[colspan], .align-center {
	text-align: center !important;
}

table.tblBorder td.align-center, table.tblBorder th.align-center {
	padding: 0.5em;
}

table.align-center>tbody>tr>td:first-child>table,table.align-center>tbody>tr>td>table,table.align-center>tbody>tr>th>table,td.align-center>table
	{
	margin-left: auto;
	margin-right: auto;
}

table.center {
	margin-left: auto;
	margin-right: auto;
}

table.center>tbody>tr>td,table.center>tbody>tr>td:first-child,table.center>tbody>tr>th,table.center>tbody>tr>th:first-child
	{
	text-align: center;
}

/* header Table */
div.titlemed {
	font-size: 116.7%;
	color: #3689C5;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
}

div.titlelite {
	color: #876;
	padding-top: 2px;
}

.pageheader {
	background: linear-gradient(to bottom, #fafafa, #efefef);
	border: 1px solid #ccc;
	padding-left: 0.4em;
	font-size: 138.5%;
	color: var(--text-body);
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
	border-radius: 4px;
	line-height: 1.5;
}

a.folder_user {
	background: url(../../images/folder_user.png) no-repeat;
}

a.group_add {
	background: url(../../images/group_add.png) no-repeat;
}

a.search, a.find {
	color: white !important;
}

a.search {
	margin-left: 5px;
	padding: 2px 5px;
	border-radius: 4px;
	transition: all 0.5s;
	color: var(--text-body) !important;
}

/* Resize Panel Styles */
.yui-skin-sam #resizePanel_c.yui-panel-container {
	padding: 0;
}
/* End of Resize Panel Styles */

/* Small Save Dialog */
.yui-skin-sam .yui-dialog .small-save-dialog>.hd {
	display: none;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.bd {
	padding: 5px;
}

.yui-skin-sam input.yui-ac-input.empty, .font-fa {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-style: normal;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.bd input.yui-ac-input {
	position: static;
	margin-right: 100px;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.bd span.yui-menu-button
,.yui-skin-sam .yui-dialog .small-save-dialog>.bd span.yui-split-button {
	margin-right: 100px;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.ft {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 4px;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.ft span {
	border: 0 none;
	background: none;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.ft span.yui-button {
	background: url(../yui/images/delete.gif) no-repeat scroll center center;
}

.yui-skin-sam .yui-dialog .small-save-dialog>.ft span.default {
	background: url(../../images/save.png) no-repeat scroll center center;
}

.yui-skin-sam .yui-dialog .small-save-dialog span.yui-button + span.yui-button {
	margin-left: 10px;
}
/* End of Small save dialog styles */

.yui-skin-sam .yui-panel-container .container-close {
	text-indent: 0em;
	height: unset;
	width: unset;
	background: none;
	transition: transform 0.05s linear;
	color: var(--tomato);
	display: none;
	right: 0;
	top: 0;
	padding: 4px 3px;
	transform-origin: right top;
}

.yui-skin-sam .yui-panel-container .container-close:hover {
	transform: scale(1.10);
	opacity: 1;
}

.yui-skin-sam .yui-panel-container {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.yui-skin-sam .yui-panel-container:not(.modal):not(.quick-submit):not(.yui-overlay-hidden) {
	transition: top 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), left 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.yui-skin-sam .yui-panel-container.modal, .hw-shadow {
	box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.3) !important;
	border-color: #999;
}

.hw-shadow2 {
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px
		rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2) !important;
}

.shadow-top {
	box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.yui-skin-sam .yui-panel
,.yui-skin-sam .yui-panel>.hd
,.yui-skin-sam .yui-panel>.bd
,.yui-skin-sam .yui-panel>.ft {
	border: 0 none;
	font-weight: 300;
	margin: 0;
}

.yui-skin-sam .yui-panel>.hd {
	border-bottom: 1px solid #ccc;
	background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%) repeat scroll 0 0;
	padding: 3px 15px;
	font-size: 1.1rem;
	border-radius: 4px 4px 0 0;
	color: var(--text-body);
	font-weight: 600;
}

.yui-skin-sam .yui-panel>.hd>i.fa {
	color: var(--text-body);
}

.yui-skin-sam .yui-panel>div.hd > span.break {
	border-left: 1px solid #fcfcfc;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	margin: -8px 15px;
	padding: 8px 0;
}

.yui-skin-sam .yui-panel>.bd {
	padding: 10px 20px 20px;
	background: #fff;
	border-radius: 0 0 4px 4px;
}

.yui-skin-sam .yui-dialog .ft span.default
, .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	background: #2980b9;
	border-color: #2980b9;
}

.yui-skin-sam .yui-dialog .ft span.default .first-child {
	border-color: #2980b9;
}

.yui-skin-sam .yui-dialog .yui-panel>.bd {
	border-radius: 0;
	overflow: auto;
}

.yui-skin-sam .yui-panel>.ft {
	padding: 10px 20px;
	background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%) repeat scroll 0 0;
	border-top: 2px solid #ddd;
	border-radius: 0 0 4px 4px;
}

.yui-skin-sam .yui-panel .ft i.fa {
	color: #ff0000;
}

.yui-skin-sam .yui-panel .ft span i.fa.fa-check {
	color: var(--success);
}

.yui-skin-sam .yui-panel .ft span.default i.fa {
	color: #ffc107;
}

/* calendar panel overrides */
.yui-skin-sam #calDiv-container_c .yui-panel>.hd {
	padding: 0 10px;
	font-size: unset;
}

.yui-skin-sam #calDiv-container_c .yui-panel>.ft {
	background: #f2f2f2;
	border-top: 0 none;
}

.yui-skin-sam #calDiv-container_c .yui-panel>.ft .button-group {
	font-size: 100%;
}
/* End of calendar panel overrides */

.yui-skin-sam .yui-dt .yui-dt-hd th, .yui-skin-sam .yui-dt table thead th { /*	font-size: 100%; */
	vertical-align: middle;
	text-align: center;
}

.yui-skin-sam .yui-dt .yui-dt-hd th[colspan]:not([colspan="1"]) {
	border-bottom: 1px solid #cbcbcb;
    border-image: none;
	border-right: 1px solid #cbcbcb;
}

/*.yui-skin-sam .yui-dt .yui-dt-hd th:last-child[colspan]:not([colspan="1"]) {*/
/*     border-right-color: #eaefb5 !important; */
/*}*/

.yui-skin-sam .yui-dt-scrollable,.yui-skin-sam .yui-dt>table {
	border-radius: 4px;
}

.yui-skin-sam .yui-dt-data tr.row-soft-deleted>td:not(.delete-button) {
	background-color: #f4f4f4;
	opacity: 0.5;
}

.yui-skin-sam .yui-dt-data tr.row-soft-deleted>td.delete-button {
	background-color: #fefefe;
	opacity: 0.9;
}

.yui-skin-sam .yui-dt-hd tr>th.proof-submitted
, .yui-skin-sam .yui-dt-hd tr>th.proof-submitted div.yui-dt-liner
, .yui-skin-sam .yui-dt-data tr>td.proof-submitted
, .yui-skin-sam .yui-dt-data tr>td.proof-submitted div.yui-dt-liner
, div.proof-submitted
, td.proof-submitted
, th.proof-submitted
,.yui-skin-sam .yui-dt-hd tr>th.proof-balance
,.yui-skin-sam .yui-dt-hd tr>th.proof-balance div.yui-dt-liner
, .yui-skin-sam .yui-dt-data tr>td.proof-balance 
, .yui-skin-sam .yui-dt-data tr>td.proof-balance div.yui-dt-liner
, div.proof-balance
, td.proof-balance
, th.proof-balance
	 {
/* 	background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) */
/* 		100%) !important; */
	background: var(--dark) !important;
	opacity: 1 !important;
	color: #fff !important;
	border-color: #808080 !important;
	font-weight: 600;
}

.yui-skin-sam .yui-dt-hd tr>th.proof-submitted *
,.yui-skin-sam .yui-dt-hd tr>th.proof-balance * {
	color: #fff;
}

.yui-skin-sam .yui-dt-data tr.row-soft-deleted>td *
, .yui-skin-sam table.hrworks-documents>tbody>tr.row-soft-deleted>td * {
	text-decoration: line-through;
}

.yui-skin-sam #ltdDT.yui-dt .yui-dt-liner {
	min-height: 13px;
}

.yui-skin-sam .yui-dt td.yui-dt-col-View {
	white-space: nowrap;
}

.yui-skin-sam tr.yui-dt-odd,.yui-skin-sam tr.yui-dt-even {
	background: none;
}

.yui-skin-sam tr.yui-dt-odd > td {
	background-color: #efefef;
}

.yui-skin-sam tr.yui-dt-even > td {
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.yui-skin-sam tr.yui-dt-highlighted > td {
	background-color: #c1e8f4;
}

.yui-skin-sam tr.yui-dt-selected > td {
	background-color: #2980b9;
}

.yui-skin-sam .yui-dt-scrollable .yui-dt-bd {
	border-radius: 0 0 4px 4px;
}

.yui-skin-sam .yui-dt th {
/* 	background: rgba(0, 0, 0, 0) */
/* 		linear-gradient(to bottom, #eaefb5 0%, #e1e9a0 100%) repeat scroll 0 0; */
	background: transparent;
}

.yui-skin-sam .yui-dt th[colspan]:not([colspan="1"]) {
	border-bottom: 1px solid #ccc;
}

.yui-skin-sam .yui-dt tfoot td {
	background: rgba(221, 238, 221, 0.5);	
}

.yui-skin-sam .yui-dt th .yui-dt-label,.yui-skin-sam .yui-dt th a {
/* 	color: #105fa8; */
	color: var(--dark);
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
}

/* remove border for hidden columns in datatable */
.yui-skin-sam .yui-dt th.yui-dt-hidden,.yui-skin-sam .yui-dt td.yui-dt-hidden
	{
	border: 0 none;
}

/* delete icon for datatables */
.yui-skin-sam .yui-dt td.delete-button > div.yui-dt-liner {
	text-align: center;
}

.yui-skin-sam .yui-dt td.delete-button > div.yui-dt-liner > i.fa-times {
	color: var(--tomato);
	font-weight: 300;
}

.yui-skin-sam .yui-dt td.delete-button > div.yui-dt-liner > i.fa-eraser {
	color: var(--tomato);
}

.yui-skin-sam .yui-dt td.delete-button > div.yui-dt-liner > i.fa-undo {
	color: var(--warning);
}

.yui-skin-sam .yui-dt td.delete-button > div.yui-dt-liner > i.fa-comments {
	color: #3498db;
}

.yui-skin-sam .yui-dt tr.row-soft-deleted td.delete-button img {
	opacity: 0;
	display: none;
}


/* Alert Dialog */
a.alert>div {
	display: none;
}

.yui-skin-sam #simpleDialog.yui-panel .bd {
	color: var(--dark);
}

.yui-skin-sam #simpleDialog.yui-panel .hd i.fa-exclamation-triangle
,.yui-skin-sam #simpleDialog.yui-panel .hd i.fa-question {
	color: #f39c12;
}

.yui-skin-sam #simpleDialog.yui-panel .hd i.fa-bell-slash {
	color: #c0392b;
}

.yui-skin-sam #simpleDialog.yui-panel .hd i.fa-info-circle
,.yui-skin-sam #simpleDialog.yui-panel .hd i.fa-sticky-note {
	color: #3498db;
}

/* End */

/* align column in datatable */
.yui-skin-sam .yui-dt-liner {
	position: relative;
	color: #444;
}

.yui-skin-sam .yui-dt tfoot th {
	text-align: center;
	border-radius: 0 0 0 4px;
}

.yui-skin-sam .yui-dt tfoot th.align-left {
	text-align: left;
}

.yui-skin-sam .yui-dt tfoot th
,.yui-skin-sam .yui-dt tfoot td {
	border-top: 1px solid #b0d0e7;
}

.yui-skin-sam .yui-dt td.align-center {
	text-align: center;
}

.yui-skin-sam .yui-dt td.align-right {
	text-align: right;
}

.yui-skin-sam .yui-dt td.bulb {
	cursor: pointer;
	position: relative;
}

.yui-skin-sam .yui-dt td.bulb:after {
    content: "\f0eb";
    font-family: 'Font Awesome 5 Pro';
    right: 5px;
    position: absolute;
    top: calc(50% - 0.5em);
    z-index: 2;
    color: var(--yellow);
    line-height: 1;
    font-weight: 700;
}

.yui-skin-sam .yui-dt td.bulbleft {
    cursor: pointer;
    position: relative;
}

.yui-skin-sam .yui-dt td.bulbleft:after {
    content: "\f0eb";
    font-family: 'Font Awesome 5 Pro';
    left: 5px;
    position: absolute;
    top: calc(50% - 0.5em);
    z-index: 2;
    color: var(--yellow);
    line-height: 1;
    font-weight: 700;
}

.yui-skin-sam .yui-dt td a.bulbleft.alert-on-click {
    background: url(../yui/images/sprite.png) no-repeat scroll 5px -1250px;
    padding-right: 25px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
}

.yui-skin-sam .yui-dt td.Rejected div.yui-dt-liner {
	background: url(../../images/signout.png) no-repeat scroll 5px center;
}

.yui-skin-sam .yui-dt td.Submitted div.yui-dt-liner,
.yui-skin-sam .yui-dt td.Returned div.yui-dt-liner {
	background: url(../../images/next.png) no-repeat scroll 5px center;
}

.yui-skin-sam .yui-dt td.Submitted div.yui-dt-liner span,
.yui-skin-sam .yui-dt td.Returned div.yui-dt-liner span,
.yui-skin-sam .yui-dt td.Approved div.yui-dt-liner span,
.yui-skin-sam .yui-dt td.Rejected div.yui-dt-liner span {
	display: inline-block;
}

.yui-skin-sam .yui-dt td.button div.yui-dt-liner>a {
	padding-left: 15px;
}

.yui-skin-sam .yui-dt td.bulbleft .yui-dt-liner {
	text-indent: 20px;
}

.yui-skin-sam .yui-dt td.bulbleft .yui-dt-liner>a {
	cursor: pointer;
/*	background: url(../yui/images/sprite.png) no-repeat scroll 0 -1250px; */
	height: 16px;
	width: 16px;
	position: absolute;
	vertical-align: middle;
	display: block;
}

.yui-skin-sam .yui-dt td.loading {
	background: url(../../images/accordionloading.gif) no-repeat scroll center
		center;
	background-size: 20px;
}

.yui-skin-sam .yui-dt td.bg-highlight {
/* 	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eaefb5 0%, #e1e9a0 100%) repeat scroll 0 0; */
	background: rgba(221, 238, 221, 0.5);
	color: #105fa8;
}

.yui-skin-sam .yui-dt tr.txt-highlight
, .yui-skin-sam .yui-dt tr.txt-highlight div.yui-dt-liner {
	color: #dc3545;
}

.yui-skin-sam .yui-dt tr.txt-highlight-orange
, .yui-skin-sam .yui-dt tr.txt-highlight-orange div.yui-dt-liner {
	color: #FF6A00;
}

.yui-skin-sam .yui-dt tr.txt-highlight-green
, .yui-skin-sam .yui-dt tr.txt-highlight-green div.yui-dt-liner {
	color: green;
}

.yui-skin-sam .yui-dt tr.txt-black-bold
, .yui-skin-sam .yui-dt tr.txt-black-bold div.yui-dt-liner {
	color: #000;
	font-weight: 222;
}

.yui-skin-sam .yui-dt tr.txt-blue {
	color: #0B3E98;
}

.yui-skin-sam .yui-dt tr.txt-black-bold div.yui-dt-liner {
	font-weight: 600;	
}

/* datatable border colors */
.yui-skin-sam .yui-dt table {
	border-color: #ccc;
}

.yui-skin-sam .yui-dt tr.yui-dt-first > td {
	border-top-color: #ccc;
}

.yui-skin-sam .yui-dt-scrollable .yui-dt-hd,.yui-skin-sam .yui-dt-scrollable .yui-dt-bd
	{
	border-color: #ccc;
}

.yui-skin-sam .yui-dt-scrollable .yui-dt-data tr.yui-dt-last > td {
	border-bottom-color: #ccc;
}

.yui-skin-sam .yui-dt-editor.my-menucelleditor {
	padding: 0;
	border: 0;
}

/*Calendar dialog styles*/
/* Clear calendar's float, using dialog inbuilt form element */
#calDiv-container .bd form {
	clear: left;
}

/* Have calendar squeeze upto bd bounding box */
#calDiv-container .bd {
	padding: 0;
}

#calDiv-container .hd {
	text-align: left;
}

/* Center buttons in the footer */
#calDiv-container .ft .button-group {
	text-align: center;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#calDiv {
	border: none;
	padding: 1em 1.4em;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

/*YUI Button style modifications*/
.yui-skin-sam .yui-button
,.yui-skin-sam .yui-button .first-child
,.yui-skin-sam .yui-button .first-child button
	{
	vertical-align: middle;
	border-radius: 4px;
	outline: none;
}

.yui-skin-sam .yui-button.date_previous
, .yui-skin-sam .yui-button.date_next {
	background: url("../../images/date_previous.png") no-repeat scroll 0 0 transparent !important;
	border: 0;
	cursor: pointer;
	height: 32px;
	width: 32px;
}

.yui-skin-sam .yui-button.date_previous.yui-button-disabled
, .yui-skin-sam .yui-button.date_next.yui-button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.yui-skin-sam .yui-button.date_next {
	background: url("../../images/date_next.png") no-repeat scroll 0 0 transparent !important;
}

.yui-skin-sam .yui-button.date_previous *, .yui-skin-sam .yui-button.date_next * {
	border: 0;
	border-radius: 0;
}

span.yui-button+span.yui-button {
	margin-left: 20px;
}

.yui-skin-sam .yui-button {
	background: linear-gradient(to bottom, #fff, #ccc);
	border-color: #aaa;
	transition: all 0.2s;
	transform-origin: top left;
}

.yui-skin-sam .yui-button .first-child {
	border-color: #aaa;
	margin: 0;
}

.yui-skin-sam .yui-button .first-child button
,.yui-skin-sam .yui-button .first-child a {
	color: #3b4045;
}

.yui-skin-sam .yui-panel>.ft .yui-button>.first-child>button
, .yui-skin-sam .toolbar>.yui-button>.first-child>button
,.yui-skin-sam .yui-button button
, .yui-skin-sam .yui-button a
, .yui-skin-sam .yui-button a:visited {
	font-size: 100%;
}

.yui-skin-sam .yui-submit-button .first-child button > i.fa {
	color: var(--success);
}

.yui-skin-sam .cancel .first-child button > i.fa
,.yui-skin-sam .erased .first-child button > i.fa {
	color: #ff0000;
}

.yui-skin-sam .approve .first-child button > i.fa {
	color: #008000;
}

.yui-skin-sam .la-left .first-child button > i.fa {
	color: #2980b9;
}

span.yui-button.right {
  float: right;
  margin-left: 20px;
  margin-right: 40px;
}

span.yui-button.left {
  float: left;
  margin-left: 40px;
  margin-right: 20px;
}

span.yui-button.right ~ span.yui-button.right {
	margin-right:0;
}

span.yui-button.left ~ span.yui-button.left {
	margin-left:0;
}

.yui-skin-sam .yui-menu-button
, .yui-skin-sam .yui-split-button {
	background: #fff;
	border-color: #ccc;
	margin: auto 0;
}

.yui-skin-sam .yui-menu-button .first-child
, .yui-skin-sam .yui-split-button .first-child {
	border-color: #ccc;
}

.yui-skin-sam .yui-menu-button.modern em.yui-button-label {
	padding: 0.30em;
}

.yui-skin-sam .yui-menu-button.modern button {
	padding-right: 25px;
}

.yui-skin-sam .yui-menu-button.modern button::after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px !important;
}

.yui-skin-sam .blueButton {
	background: url(../yui/images/sprite.png) scroll 0 -1400px repeat-x;
	border-color: #406b9e;
}

.yui-skin-sam .blueButton .first-child {
	border-color: #406b9e;
}

.yui-skin-sam .blueButton .first-child button {
	color: #fff;
}

.yui-skin-sam .yui-button-hover:not(.classic)
, .yui-skin-sam .yui-button.yui-button-active:not(.classic) {
	background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%);
	border-color: #b0d0e7;
}

.yui-skin-sam .yui-button-hover .first-child {
	border-color: #b0d0e7;
}

.yui-skin-sam .yui-button-hover:not(.pageButton):not(.yui-menu-button):not(.yui-split-button):not(.default) .first-child button
	{
/* 	color: #E37400; */
}

.yui-skin-sam .pageButton {
	background: linear-gradient(to bottom, #5CB3EC, #2980b9);
	border-color: #2980b9;
}

.yui-skin-sam .pageButton.yui-button-hover {
	background: linear-gradient(to bottom, #2980b9, #5CB3EC);
}

.yui-skin-sam .pageButton .first-child {
	border-color: #2980b9;
}

.yui-skin-sam .pageButton .first-child a
, .yui-skin-sam .pageButton .first-child button {
	color: #fff;
}

.yui-skin-sam .yui-button-disabled
, .yui-skin-sam span.yui-menu-button.classic.yui-button-disabled > span.first-child > button {
	background: #f4f4f4;
}

.yui-skin-sam .yui-menu-button .first-child button
,.yui-skin-sam .yui-split-button .first-child button {
	background-image: none;
	font-weight: normal;
	position: relative;
	box-sizing: border-box;
	font-size: 100%;
	padding-left: 5px;
	outline: none;
}

.yui-skin-sam .yui-menu-button .first-child button::after
,.yui-skin-sam .yui-split-button .first-child button::after {
	border-left: 1px solid #ccc;
	content: "\f0d7";
	height: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 20px;
	font-size: 115.4%;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yui-skin-sam .yui-menu-button.yui-menu-button-active .first-child button::after
,.yui-skin-sam .yui-split-button.yui-split-button-activeoption .first-child button::after {
	background: #f4f4f4;
}

.yui-skin-sam .yui-menu-button-menu div.bd
,.yui-skin-sam .yui-split-button-menu div.bd {
	background: #fff;
	border-color: #ccc;
	border-radius: 0 0 4px 4px;
}

.yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar {
	display: none;
	border-color: #ccc;
}

.yui-skin-sam .yuimenu .topscrollbar + div.bd {
	overflow: auto;
}

.yui-skin-sam .yuimenu .bottomscrollbar {
	border-radius: 0 0 4px 4px;
}

.yui-skin-sam .yui-menu-button-active .first-child button
,.yui-skin-sam .yui-split-button-activeoption .first-child button {
	background-image: none;
}

.yui-skin-sam .yui-button.yui-menu-button-active
,.yui-skin-sam .yui-button.yui-menu-button-active .first-child
,.yui-skin-sam .yui-button.yui-menu-button-active .first-child button
, .yui-skin-sam .yui-button.yui-split-button-activeoption
,.yui-skin-sam .yui-button.yui-split-button-activeoption .first-child
,.yui-skin-sam .yui-button.yui-split-button-activeoption .first-child button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/*
.yui-skin-sam .yui-layout-ft .userAction .yui-button button {
	min-height: 1.8em;
}
*/
.yui-menu-button em.yui-button-label
, .yui-split-button em.yui-button-label {
	font-style: normal;
	display: block;
	text-align: left;
	white-space: nowrap;
	/* Hide the overflow if the text label exceeds 5em in width. */
	overflow: hidden;
	/* 
        IE, Safari and Opera support the ability to add ellipsis when the text 
        label exceeds 10em in width.
    */
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

li.yui-button-selectedmenuitem {
	background: url(../yui/images/menuitem_checkbox.png) left center no-repeat;
}

.vspacer {
	margin-top: 10px !important;
}

.vspacer15 {
	margin-top: 15px !important;
}

.vspacer20 {
	margin-top: 20px !important;
}

.vspacer25 {
	margin-top: 25px !important;
}

.hspacer, td.hspacer {
	padding-left: 10px !important;
}

.hspacer20, td.hspacer20 {
	padding-left: 20px !important;
}

div.search-area {
	border: 1px solid #bbb;
	border-width: 1px 0;
/* 	background: rgb(209, 236, 241, 0.4); */
	background: #efefef;
	overflow-y: hidden;
	overflow-x: auto;
	color: var(--dark);
}

div.search-area>div.toggle-view {
	position: fixed;
	right: calc(1.25rem + 30px);
	padding: 0;
	border-radius: 3px 3px 0px 0px;
	background: linear-gradient(to bottom, #fff, #fcfcfc);
	top: calc(5rem + 5px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 1.231rem - 9px);
	border: 1px solid #5CB3EC;
	border-bottom: 0 none;
	color: var(--text-body);
	cursor: not-allowed;
	transition: all 0.3s;
}

#layout-doc > .yui-layout-unit-top.yui-layout-noscroll ~ .yui-layout-unit-center div.search-area>div.toggle-view {
	top: calc(1.325787rem + 0.37695rem + 0.37695rem + 4px - 1.231rem - 9px);
}

#layout-doc > .yui-layout-unit-top.yui-layout-noscroll ~ .yui-layout-unit-center #emp-tabs div.search-area>div.toggle-view {
	top: calc(4.77rem + 1.208rem + 14px + 20px + 1.231rem + 0.35rem + 0.35rem + 2px + 6px - 1.231rem - 9px - 2px);
	border-bottom: 1px solid #ccc;
}

#elTabs div.search-area>div.toggle-view {
	top: calc(5rem + 5px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 1.231rem - 9px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 5px + 15px);
	border-bottom: 1px solid #28a745;
}


div.search-area>div.toggle-view>span {
	transition: all 0.2s;
	color: #fff;
	padding: 4px;
	background: #5CB3EC;
	display: inline-block;
	pointer-events: none;
}

div.search-area>div.toggle-view>span.list {
	border-top-left-radius: 3px;
	padding-left: 3px;
}

div.search-area>div.toggle-view>span.grid {
	border-top-right-radius: 3px;
	padding-right: 3px;
}

div.search-area>div.toggle-view.grid-view span.list
,div.search-area>div.toggle-view.list-view span.grid {
	pointer-events: auto;
	cursor: pointer;
	color: #5CB3EC;
	background: transparent;
}

.yui-skin-sam div.search-area .yui-ac-input,
.yui-skin-sam div.yui-module.yui-overlay .yui-ac-input,
.yui-skin-sam div.input-classic > input.yui-ac-input.classic {
	position: static;
}

div.search-area div.yui-module.yui-button-menu {
	font-weight: 600;
}

.yui-skin-sam div.search-area .yuimenu {
  font-size: inherit;
}

div.search-area.center>table {
	margin: auto;
}

div.search-area.blue {
	background-position: 0 -1700px;
}

.orghierarchy div.search-area {
	border-radius: 0;
	margin-bottom: 0;
}

div.search-area.blue th {
	color: #206DBA;
}

div.search-area>table table th, div.search-area>table table td, div.search-area>table>tbody>tr>td,
	div.search-area>table>tbody>tr>th {
	padding: 5px 10px;
	white-space: nowrap;
	line-height: 1;
}

div.search-scroll-area {
	position: relative;
	box-sizing: border-box;
}

div.search-scroll-area * {
	box-sizing: border-box;
}

div.search-scroll-area>div.scroll {
	background: linear-gradient(to bottom, #efefef, #dddddd);
	border: 1px solid #bbb;
	box-sizing: border-box;
	cursor: pointer;
	display: table-cell;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: middle;
	font-size: 20px;
	width: 30px;
}

div.search-scroll-area>div.scroll.max {
	cursor: default;
	opacity: 0.5;
}

div.search-scroll-area > div.scroll > div {
	background: url(../yui/images/layout_sprite.png) scroll -20px -160px;
	height: 13px;
	width: 17px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.search-scroll-area > div.scroll.left {
	left: 0;
}

div.search-scroll-area > div.scroll.right {
	right: 0;
}

div.search-scroll-area > div.scroll > i.fa {
	position: absolute;
	top: calc(50% - 0.5em);
	left: calc(50% - 0.625em);
}

div.search-scroll-area > div.search-area {
	margin: 0 30px;
	border-width: 1px 0;
}

.search-scroll-area + div.yui-dt, .search-area + div.yui-dt {
	border-radius: 0 0 4px 4px;
	margin: 0 !important;
}

div.section {
	padding: 10px;
}

.yui-skin-sam #emp-tabs > .yui-content > div > div.tab-content div.section:first-of-type
, .yui-skin-sam #emp-tabs > .yui-content > div > div.tab-content * + div.section {
    padding-top: 0;
}

div.dtHeading
, .tblBorder>caption {
	color: #2980b9;
	font-size: 1.08rem;
	text-align: left;
	white-space: nowrap;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
	font-weight: 600;
	line-height: 1.2;
	caption-side: top;
	margin-bottom: 0.5rem;
}

div.dtHeading.green {
	color: #008000;
}

div.dtHeading.green.small {
	font-size: 107.7%;
}

div.dtHeading.short {
	font-size: 100%;
	padding: 0 0 6px;
}

*.size-plus {
	font-size: 115.5% !important;
}

hr + div.dtHeading {
	padding-top: 0;
	margin-top: -1px;
}

div.userAction {
	border-width: 0;
	border-color: #ccc;
	border-style: solid;
	border-radius: 0 0 4px 4px;
	text-align: center;
	padding: 4px 0 3px;
}

div.actions,div.applyMargin,div.postactions {
	display: none !important;
}

/* Animation Styles */
.commentsArea {
	border: 1px solid #bbb;
	overflow: auto;
	height: 90px;
	text-align: left;
	min-width: 300px;
	width: 90%;
	padding: 2px 5px;
	border-radius: 4px;
	background: #fff;
	margin-bottom: 5px;
}

/* yui layout overrides */
.yui-skin-sam .yui-layout div.yui-layout-unit.grey div.yui-layout-hd {
	background-position: 0 -100px;
	border: 1px solid #808080;
}

.yui-skin-sam .yui-layout div.yui-layout-unit.grey div.yui-layout-hd>h2
	{
	color: var(--text-body);
}

.yui-skin-sam .yui-layout div.yui-layout-unit.grey div.yui-layout-bd {
	border-color: #808080;
}

.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd-nohd {
	border: 0;
}

.yui-skin-sam .yui-layout .yui-layout-unit-center .yui-layout-unit-top .yui-layout-bd
	{
	border-color: #93B2CC;
}

div.pageTitle {
	margin-left: 6px;
	margin-right: 10px;
}

div.pageTitle span.pageTitle {
	white-space: nowrap;
}

div.yui-layout-hd div.pageTitle {
	padding-left: 2px;
	font-size: 145.5%;
	font-family: 'Open Sans', Lucida Grande, Trebuchet MS, arial, helvetica, clean, sans-serif;
	letter-spacing: 0.5px;
}

.yui-skin-sam .yui-panel div.yui-layout-hd div.pageTitle {
	padding-left: 2px;
	font-size: 108%;
}

div.pageTitle ul {
	float: right;
	margin-top: 3px;
}

div.pageTitle ul li {
	float: left;
	font-size: 69%;
}

div.pageTitle ul.resize {
	border: 1px solid #aaa;
	background: url(../yui/images/sprite.png) repeat-x scroll 0 -1700px;
	margin-left: 10px;
	margin-top: -2px;
	padding: 3px 5px 3px 0;
}

.yui-panel div.pageTitle div.resize {
	margin-top: 2px;
	margin-bottom: 2px;
}

div.pageTitle div.resize table {
	margin-right: 5px;
	margin-top: 2px;
}

div.pageTitle table td {
	white-space: nowrap;
}

div.pageTitle a {
	height: 16px;
	display: inline-block;
	background-position: left center;
	margin-left: 5px;
	/*	margin-top: 6px; */
}

div.pageTitle a.restore {
	background: url(../../images/restore.gif) no-repeat;
	width: 12px;
	height: 12px;
	text-decoration: none;
}

div.pageTitle a.minimize {
	background: url(../../images/minimize.gif) no-repeat;
	width: 12px;
	height: 12px;
	text-decoration: none;
}

div.pageTitle a.maximize {
	background: url(../../images/maximize.gif) no-repeat;
	width: 12px;
	height: 12px;
	text-decoration: none;
}

.yui-skin-sam .yui-layout div.yui-layout-ft {
/* 	background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); */
	background: var(--light);
	border-radius: 0 0 4px 4px;
	border-width: 0;
	overflow: hidden;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	background-color: #fff;
}

.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-bd {
	background-color: #fff;
	border-color: #ccc;
}

.yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-bd {
	border-color: #ccc;
}

.yui-skin-sam .yui-layout .yui-layout-clip-top
, .yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
	display: none !important;
	visibility: hidden;
}

.yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
	right: 20px;
	top: 6px;
}

.yui-skin-sam .yui-layout .yui-layout .yui-layout-clip-top .collapse {
	right: 3px;
	top: 3px;
}

.yui-skin-sam .yui-layout .yui-layout-clip-left,.yui-skin-sam .yui-layout .yui-layout-clip-right
	{
	background: url(../../images/clipbg.png) repeat-y;
	border: 0 none;
}

.yui-layout .yui-layout-unit div.yui-layout-hd .collapse {
	right: 5px;
}

.yui-skin-sam .yui-layout .yui-layout-unit-center .yui-layout-unit-left div.yui-layout-hd .collapse
,.yui-skin-sam .yui-layout .yui-layout-clip-left .collapse
	{
	background: none;
	border: none;
}

div.instruction {
	background: #FFFFE0;
	text-align: left;
	padding: 0.5em 0.75em;
	color: #27508E;
	font-weight: 400;
	font-size: 107.7%;
	border: 1px solid #E6DB55;
	border-radius: 4px;
	display: inline-block;
	white-space: nowrap;
	box-sizing: border-box;
}

*.middle {
	vertical-align: middle;
}

div.instruction.wrap {
	white-space: normal;
}

div.instruction>i.fa {
	color: orange;
	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

div.instruction>i.fa + span {
	display: inline-block;
	white-space: normal;
	width: calc(100% - 1.3333rem - 5px);
}

div.instruction.note {
	background: #FFFFE0;
	padding-left: 10px;
	white-space: normal;
}

span.fail {
	color: #ff0000;
}

div.instruction.note>div.note {
	color: #990000;
	font-weight: 600;
	padding-bottom: 3px;
}

/*resize panel */
#resizePanel.yui-panel>.hd {
	background: url(../yui/images/sprite.png) repeat-x scroll 0 -100px;
	line-height: 1.8;
	padding: 0 5px;
	border-bottom: 1px solid #808080;
	color: var(--text-body);
}

#resizePanel.yui-panel div.pageTitle {
	margin-left: 3px;
	margin-right: 5px;
}

#resizePanel.yui-panel div.pageTitle span.pageTitle {
	font-size: 84.61%;
}

#resizePanel.yui-panel>.bd {
	padding: 0;
	border-radius: 0;
}

#resizePanel.yui-panel>.hd div.pageTitle span a {
	margin-top: 3px;
	margin-bottom: 3px;
}

#resizePanel.yui-panel {
	border-radius: 4px 4px 0 0;
}

/* curve overrides */
.yui-layout-bd.borderNone
	{
	border: 0 solid #b0d0e7 !important;
	border-right: 1px solid #b0d0e7 !important;
}

/* Tooltip styles */
.yui-cms-tt {
	border: 1px solid #fff !important;
	box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.12) !important;
	border-radius: 0 !important;
	opacity: 1 !important;
	background-color: var(--text-muted);
	padding: 0 !important;
}

.yui-skin-sam div.yui-cms-tt>div.yui-panel>div.bd {
    background: var(--text-muted);
    font-weight: 600;
    font-size: 0.9rem;
    color: #fff;
    padding: 0.5rem;
}

.yui-cms-tt .yui-panel {
	text-align: left;
}

.yui-panel-container.yui-cms-tt.shadow .underlay {
	display: none;
}

.yui-cms-tt .yui-panel>.hd {
	visible: hidden;
	display: none;
}
/* End of tooltip styles */

/* css for comments history */ /* css tags for Comments Header */
.unit-content {
	/*
	margin: 5px;
	*/
}

.CommentsTextHeader {
	padding: 0;
	padding-top: 2px;
	border-bottom: 1px #406b9e solid;
	height: 3px;
	line-height: 20px;
	overflow: hidden;
	margin-left: -2px;
}

.commentsText {
	overflow: auto;
	font-weight: 400;
}

.commentsText * {
	all: revert;
}

.commentsText > span {
	display: block;
}

.CommentsUserName {
	color: #094d06;
}

.CommentsDateTime {
	color: #094d06;
}

.CommentsTextFooter {
	padding: 0;
	padding-top: 2px;
	border-bottom: 1px #406b9e solid;
	height: 3px;
	overflow: hidden;
	margin-left: -2px;
}

div.comments:not(.top) {
	margin: 10px 0;
}

div.dtHeading+div.comments {
	margin-top: 0;
}

div.comments > div.cke {
	border-color: var(--light);
	box-sizing: content-box;
}

div.comments > div.cke_editable {
	border: 1px solid #b0d0e7;
	border-radius: 4px;
	padding: 5px;
	background: #fff;
	overflow: auto;
	box-sizing: content-box;
}

div.comments > div.cke_editable,
div.comments > div.cke * {
	box-sizing: content-box;
}

div.cke-text * {
	box-sizing: content-box;
}

div.comments > div.cke_editable ul
, div.cke-text ul
, div.comments > div.cke_editable ol
, div.cke-text ol {
	padding-left: 15px;
}

div.comments > div.cke_editable li
, div.cke-text li {
	list-style: inherit;
}

.hrworks-comments-header {
	text-decoration: underline;
	padding-bottom: 8px;
}

/* tab related styling */
.yui-skin-sam .yui-navset div.yui-navset div.yui-navset.nopad
, .yui-skin-sam .yui-navset div.yui-navset.nopad {
	padding: 0;
}

.red {
	color: #dc3545 !important;
}

.orange {
	color: #ffc107 !important;
}

.hw-blue {
	color: #439AD3 !important;
}

.text-body {
	color: var(--text-body) !important;
}

.text-lightblue {
    color: #5CB3EC !important;
}

.bg-lightblue {
    background-color: #5CB3EC !important;
}

.text-lightgreen {
    color: #dffbf4 !important;
}

.bg-lightgreen {
    background-color: #dffbf4 !important;
}

.text-mistyrose {
	color: #ffe4e1 !important;
}

.bg-mistyrose {
	background-color: #ffe4e1 !important;
}

.blue:NOT(.yui-navset) {
	color: #2980b9 !important;
}

.green:NOT(.yui-navset) {
	color: #008000 !important;
}

.purple:NOT(.yui-navset) {
	color: #800080!important;
}

.bold {
	font-weight: 600 !important;
}

.bolder {
	font-weight: 700 !important;
}

.ls1 {
	line-height: 1 !important;
}

.ls2 {
	line-height: 2em !important;
}

.ls15 {
	line-height: 1.5em !important;
}

.ls175 {
	line-height: 1.75em !important;
}

.ls-inherit {
	line-height: inherit !important;
}


/* Opaque Look to empty tabs */

.yui-skin-sam #treTabs.yui-navset ul.yui-nav > li > a:not(.empty) {
    position: relative;
}

.yui-skin-sam #treTabs.yui-navset ul.yui-nav > li > a:not(.empty)::after
, .yui-skin-sam .yui-navset ul.yui-nav > li > a.content-present::after {
    content: '\f15c';
    color: yellow;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
    position: absolute;
    right: 3px;
    top: -2px;
    z-index: 2;
    /* width: 15px; */
    font-size: 0.8461rem;
}

/* Comments History setup */
.yui-skin-sam div.ch-setup {
	position: fixed;
	right: 0;
	z-index: 1000;
	transition: all 500ms;
	width: 35px;
}

.yui-skin-sam div.ch-setup.open {
	width: 50%;
}

.yui-skin-sam div.ch-setup.dock-left {
	left: 0;
	right: unset;
}

.yui-skin-sam div.ch-setup.dock-left>div.ch-slide>div.ch-slide-handle {
	border-radius: 0 5px 5px 0;
}

.yui-skin-sam div.ch-setup.dock-left>div.ch-slide:hover>div.ch-slide-handle {
	border-radius: 0 0 5px 0;
}


.yui-skin-sam div.ch-setup.dock-left>div.ch-slide
,.yui-skin-sam div.ch-setup.dock-left>div.ch-menu  {
	float: right;
}

.yui-skin-sam div.ch-setup>div.ch-slide {
	cursor: pointer;
	text-align: center;
	width: 35px;
	float: left;
	margin-top: 39px;
	color: #f4f4f4;
}

.yui-skin-sam div.ch-setup>div.ch-slide>div.ch-slide-handle:hover {
	color: #fff;
}

.yui-skin-sam div.ch-setup>div.ch-slide>div.ch-slide-handle {
	background: linear-gradient(to bottom, #555, #333);
	border-radius: 5px 0 0 5px;
	font-size: 123.5%;
	height: 45px;
	line-height: 45px;
	display: block;
}

.yui-skin-sam div.ch-setup.closed>div.ch-slide>div.ch-slide-handle {
	padding-left: 3px;
}

.yui-skin-sam div.ch-setup > div.ch-menu {
	width: calc(100% - 35px);
	display: inline-block;
	float: left;
	transition: width 0.75s;
	box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 0 5px;
}

.yui-skin-sam div.ch-setup.dock-left > div.ch-menu {
	border-radius: 0 0 5px 0;
}

.yui-skin-sam div.ch-setup > div.ch-menu > div.hd {
	background: linear-gradient(to bottom, #555, #333);
	padding: 0.5rem 0.75rem;
	font-weight: 600;
	border: 1px solid #ccc;
	border-right: 0 none;
	color: #fff;
	border-radius: 5px 0 0 0;
	visibility: visible;
	opacity: 1;
	white-space: nowrap;
	transition: visibility 0.75s, opacity 0.75s, height 0.5s ease 0.25s;
}

.yui-skin-sam div.ch-setup.dock-left > div.ch-menu > div.hd {
	border-radius: 0 5px 0 0;
}

.yui-skin-sam div.ch-setup > div.ch-menu > div.bd {
	border: 1px solid #ccc;
	border-top: 0 none;
	border-right: 0 none;
	border-radius: 0 0 0 5px;
	background: #f7f7f7;
	visibility: visible;
	opacity: 1;
	transition: visibility 0.75s, opacity 0.75s, height 0.5s ease 0.25s;
	padding: 10px;
	overflow: auto;
	box-sizing: border-box;
}

.yui-skin-sam div.ch-setup.dock-left > div.ch-menu > div.bd {
	border-radius: 0 0 5px 0;
}

.yui-skin-sam div.ch-setup.closed > div.ch-menu > div.hd,
.yui-skin-sam div.ch-setup.closed > div.ch-menu > div.bd {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s ease 0.25s, opacity 0.5s ease 0.25s, height 0.5s;
}

.yui-skin-sam div.ch-setup.closed > div.ch-menu > div.bd {
	height: 0 !important;
}

.yui-skin-sam div.ch-setup.open.comments-maximized {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.yui-skin-sam div.ch-setup.open.comments-maximized > div.ch-slide {
    display: none;
}

.yui-skin-sam div.ch-setup.open.comments-maximized > div.ch-menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.yui-skin-sam div.ch-setup.open.comments-maximized > div.ch-menu > div.bd {
    flex-grow: 1;
}
/* End of Comments History setup */

.hw-ws-pre {
	white-space: pre;
}

.hw-ws-pre-wrap {
	white-space: pre-wrap;
}

#MailForm div.textarea, #commentsHistory .yui-cms-item.yui-panel div.bd div.fixed > div + div {
  white-space: pre-wrap;
}

textarea {
	tab-size: 4;
}

p {
	margin: 12px 0;
}

div.list {
	color: #444;
}

div.list>span {
	text-decoration: underline;
	font-weight: 600;
}

li ul, li ol {
	margin-left: 13px;
}

div.list ul>li {
	list-style: disc inside;
	padding: 3px 0;
}

div.list ol>li {
	list-style: decimal inside;
	padding: 3px 0;
}

div.list.no-style li {
	list-style: outside none none;
	padding-top: 5px;
}

/*resize modifications */
.yui-skin-sam .yui-resize .yui-resize-handle-br {
	background-position: -20px -60px;
	bottom: 3px;
	right: 3px;
	height: 11px;
	width: 11px;
}

.yui-skin-sam .yui-layout .yui-resize-proxy.myproxy {
	border: 1px dashed #2980b9;
}

/* Info Panel */
div.infolist {
	display: block;
	background: #f8f9fa;
	position: absolute;
	top: -2px;
	right: 100px;
	color: #E37400;
	font-weight: 600;
	line-height: 26px;
	border: 1px solid #b0d0e7;
	border-radius: 0 0 4px 4px;
	font-size: 85%;
}

div.infolist span {
	float: left;
}

div.infolist ul {
	border-width: 0 1px;
	height: 26px;
	float: right;
}

div.infolist ul li {
	float: left;
	text-align: center;
}

div.infolist ul li a:hover {
	background-color: #d0dae3;
}

div.infolist ul li a {
	height: 26px;
	width: 26px;
	display: inline-block;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

a.cal2, div.cal2 {
	background-image: url(../../images/date.png);
	background-repeat: no-repeat;
}

a.calculator {
	background-image: url(../../images/calculator.png);
	background-repeat: no-repeat;
}

a.folderopen {
	background-image: url(../../images/folder_open.png);
	background-repeat: no-repeat;
}

a.coins {
	background-image: url(../../images/coins.png);
	background-repeat: no-repeat;
}

a.tools {
	background-image: url(../../images/tools.png);
	background-repeat: no-repeat;
}

i.fa.fa-file-pdf {
	color: #dc3545;
}

i.fa.fa-file-image {
	color: #16a085;
}

i.fa.fa-file-excel, i.fa.fa-file-archive {
	color: var(--success);
}

i.fa.fa-file-word, i.fa.fa-file, i.fa-fa-file-alt {
	color: #2980b9;
}

/* Info Panel */ /* Multiselect Scrolls */
.yui-skin-sam .yuimenu .bottomscrollbar,.yui-skin-sam .yuimenu .bd {
	padding: 0;
}

.yui-skin-sam .yuimenu.yui-checkedlist.yui-disabled>.hd,.yui-skin-sam .yuimenu.yui-checkedlist.yui-disabled>.bd
,.yui-skin-sam .yuimenu.yui-checkedlist.yui-disabled>.ft
	{
	background-color: #f2f2f2;
}

.yui-layout .yui-layout-noscroll div.yui-layout-bd {
	overflow: visible;
}

.yui-layout .yui-layout-unit.yui-layout-noscroll>div.yui-layout-wrap>div.yui-layout-bd {
	overflow: hidden;
}

.yui-layout .yui-layout-scroll div.yui-layout-bd {
    overflow: auto;
}

#emp-tabs>div {
	border-bottom: 0 none !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
	padding: 0 !important;
}

#emp-tabs>div.title {
	position: absolute;
	left: calc(1.923rem + 10px - 3px);
	top: 7px;
	font-size: 107.5%;
}

div.recipients {
	border: 1px solid #ccc;
	width: 400px;
	text-decoration: none;
	background-color: #fff;
	padding: 3px;
	float: left;
	min-height: calc(2.231rem + 12px);
}

.yui-skin-sam div.recipientDialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 24px;
	z-index: 2;
}

.yui-skin-sam div.recipientDialog .yui-ac-container {
	min-width: 220px;
}

div.recipients>div {
	border-radius: 4px;
	vertical-align: middle;
	margin: 5px;
	float: left;
	text-decoration: none;
	color: #fff;
}

div.recipients>div>div.col-auto:first-child {
	cursor: pointer;
}

.ol-roman ol {
	list-style-type: lower-roman;
}

.ol-roman ol li {
	list-style: lower-roman inside none; 
}

.yui-skin-sam .yui-calendar .calweekdaycell {
	color: inherit;
	font-weight: 600;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	font-weight: 600;
	background: #2980b9;
}

.yui-skin-sam .yui-calendar a.calnav {
	border-color: #ccc;
	background: url(../yui/images/sprite.png) repeat-x scroll 0 0;
	padding: 5px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #06c;
	font-weight: 600;
}

.yui-dt-scrollable .yui-dt-bd .yui-calendar thead tr, .yui-dt-scrollable .yui-dt-bd .yui-calendar thead th  {
	left: 0;
	position: static;
}

.yui-skin-sam .yui-dt.has-paginator
,.yui-skin-sam .yui-dt.has-paginator .yui-dt-bd {
	border-radius: 0;
}

.yui-skin-sam .yui-calendar td.calcell.oom {
	background-color: #eee;
}

.yui-skin-sam .yui-calendar a.calnav:hover {
	background-position: 0 -1300px;
}

.yui-skin-sam .yui-calendar .calheader {
	position: static;
	background: none;
	padding: 0;
	margin: 0 0 0.6em;
}

.yui-skin-sam .yui-calendar .calheader > * {
    position: static !important;
    margin: 0;
    background: none;
    border: 0 none;
    padding: 0;
    text-indent: 0;
    height: auto;
    width: auto;
}

.yui-skin-sam .yui-calendar .calheader > *:not(.calnav)::after {
    color: #2980b9 !important;
	font-family: "Font Awesome 5 Pro";
    font-size: 2rem;
    font-weight: 300;
	padding: 0 0.5rem;
	border-radius: 0.25rem;
}

.yui-skin-sam .yui-calendar .calheader > *:not(.calnav):hover::after {
	background: #2980b9;
	color: #fff !important;
}

a.calnavleft::after {
    content: "\f104";
}

a.calnavleftyear::after {
    content: "\f100";
}

a.calnavright::after {
    content: "\f105";
}

a.calnavrightyear::after {
    content: "\f101";
}

.yui-skin-sam .yui-calcontainer {
    padding: 10px 13px !important;
}

.yui-skin-sam .yui-calcontainer.multi {
	border-color: #ccc;
}

.orghierarchy .ygtvlabel, .grey-bold {
	color: var(--text-body);
	font-weight: 600;
}

.orghierarchy {
	letter-spacing: 0.5px;
}

.orghierarchy .self {
	color: #d35400 !important
}

.orghierarchy span.bold + span {
	opacity: 0.7;
}

.orghierarchy .organization {
	color: #439AD3;
	font-weight: 600;
}

.orghierarchy .manager {
	padding-left: 20px;
	cursor: pointer;
	font-weight: 400;
	display: inline-block;
}

.orghierarchy .manager.superior {
	cursor: default;
	color: #999;
}

.orghierarchy .manager.Male {
	background: url(../../images/users.png) no-repeat;
}

.orghierarchy .manager.Female {
	background: url(../../images/she_users.png) no-repeat;
}

.orghierarchy .manager.leftMgr, .orghierarchy .employee.leftMgr {
	text-decoration: line-through;
	text-decoration-color: orange;
}

.orghierarchy .employee {
	display: inline-block;
	padding-left: 20px;
	background: url(../../images/user.png) no-repeat;
	cursor: pointer;
	font-weight: 400;
}

.orghierarchy .employee.Female {
	background: url(../../images/she_user.png) no-repeat;
}

.orghierarchy .tv-droptarget {
	background-color: #90EE90;
	border: 1px solid purple;
}

.orghierarchy .tv-droptarget * {
	color: #27508E;
}

pre {
	white-space: normal;
}

/* Calendar Page styles */
table.cal-page {
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	border-collapse: separate;
	table-layout: fixed;
}

table.cal th,table.cal td {
	width: 14.2857%;
}

table.cal-head th {
	text-indent: 5px;
	width: 14.2857%;
	line-height: 2.5em;
	color: #206DBA;
	font-weight: 600;
	background: #edf5ff;
	border-color: #ddd;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

table.cal-head th:FIRST-CHILD {
	border-left-width: 1px;
}

div.cal-div table.cal {
	height: 100%;
	width: 100%;
	table-layout: fixed;
}

table.cal.week-5>tbody>tr, table.cal.week-5>tbody>tr>td {
	height: 20%;
}

table.cal.week-6>tbody>tr, table.cal.week-6>tbody>tr>td {
	height: 16.666666666666668%;
}


table.cal-head {
	border-collapse: separate;
	table-layout: fixed;
	width: 100%;
}

table.cal td>div {
	position: relative;
	height: 100%;
	width: 100%;
	min-width: 25px;
	min-height: 15px;
}

table.cal td>div.today {
	border: 2px solid #0000FF;
	z-index: 3;
	box-sizing: border-box;
}

table.cal td>div.selected {
	border: 2px solid #FF7F50;
	z-index: 3;
	box-sizing: border-box;
}

table.cal td>div.selected>div.day {
	font-size: 119%;
}

table.cal td>div>div {
	width: 100%;
	position: absolute;
}

table.cal td>div>div.ww {
	z-index: 10;
	bottom: 2px;
	left: 5px;
	height: 1.2em;
	width: calc(100% - 10px);
}

table.cal td>div.selected>div.ww {
	bottom: 4px;
	left: 3px;
	width: calc(100% - 6px);
}

table.cal td>div>div.ww>a {
	background: #efefef;
	padding: 0 5px;
	border: 1px solid #bbb;
	border-radius: 3px;
	font-weight: 600;
	text-decoration: none;
	font-size: 85%;
	white-space: nowrap;
	color: var(--text-body);
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

table.cal td>div>div.ww>a:hover {
	background: #ADD8E6;
}

table.cal td>div>div.ww.on-hover:not(:hover)>a {
	display: none;
}

table.cal td>div>div.day {
	z-index: 3;
	top: 3px;
	left: 3px;
	width: auto;
	padding: 0;
}

table.cal td > div > div.day > a {
  font-weight: 600;
  width: 100%;
  text-align: center;
}

table.cal td>div>div.flexi-WW {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 8px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  z-index: 3;
  cursor: pointer;
}

table.cal td>div>div.flexi-WW a {
  display: inline-block;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

table.cal td>div>div.flexi-WW.we00 {
	background: linear-gradient(to right, rgba(131,199,131,1) 0%,rgba(82,177,82,1) 100%);
}

table.cal td>div>div.flexi-WW.we05 {
	background: linear-gradient(to right, rgba(131,199,131,1) 0%,rgba(82,177,82,1) 50%,rgba(255,175,75,1) 51%,rgba(255,146,10,1) 100%);
}

table.cal td>div>div.flexi-WW.we10 {
	background: linear-gradient(to right, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
}

table.cal td>div>div.first-half, table.cal td>div>div.second-half {
	height: 50%;
/*	background: #efefef; */
	z-index: 1;
}

table.cal td>div>div.second-half {
	bottom: 0;
}

table.cal td>div>div.first-half.weekend, table.cal td>div>div.second-half.weekend, table.cal td>div>div.full-day.weekend, div.att-data.Weekend {
	background: #ededed !important;
}

table.cal td>div>div.full-day {
	height: 100%;
	z-index: 2;
	background: transparent;
}

table.cal td>div>div.full-day.ncmonth {
	background-color: #e3e3e3;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 75%, transparent 75%, transparent);
	background-size: 20px 20px;
}

table.cal td>div>div.future, .att_approval .yui-dt-rec td.no-data, .att_approval .yui-dt-rec td.no-att, div.att-data.no-data {
	background: #FFFFCE !important;
}

.att_approval .yui-dt-hd .yui-dt-label>a {
	white-space: normal;
}

table.cal td>div>div.holiday, div.att-data.Holiday {
	background: #E7F3FD;
}

table.cal td>div>div.A, .yui-dt-rec td>div>div.att-data.Absent, div.att-data.Absent {
	background: #FAEBD7;
}

table.cal td>div>div.P, .yui-dt-rec td>div>div.att-data.Present, div.att-data.Present {
	background: #CEFBE9;
}

table.cal td>div>div.L, .yui-dt-rec td>div>div.att-data.Late, div.att-data.Late {
	background: #FFA07A;
}

table.cal td {
	border: 1px solid #ddd;
	border-collapse: true;
}

table.cal.legend {
	width: auto;
}

table.cal.legend td {
	border: none;
	width: auto;
	padding: 2px 0 2px 15px;
}

table.cal.legend td > div {
	display: flex;align-items: center;
}

table.cal.legend td>div>div {
	border: 1px solid #A3A3A3;
	height: 15px;
	width: 25px;
	box-sizing: border-box;
}

table.cal.legend td>div>span {
	padding-left: 35px;
}

div.cal-div {
	height: 100%;
	position: relative;
}

div.cal-div>div {
	position: absolute;
	z-index: 5;
	text-align: center;
	border-radius: 4px;
	transition: opacity 0.5s, width 0.5s;
}

div.cal-div>div.Approved,
.att_approval .yui-dt-rec td.approved,
div.yui-dt-liner>div.att-data.Approved,
table.cal td>div>div.day.approved {
	background-color: #B6E477;
}

div.cal-div>div.Approved,
table.cal td>div>div.day.approved {
	border: 1px solid #95ba60;
}

div.cal-div>div.Submitted,
div.cal-div>div.Returned,
.att_approval .yui-dt-rec td.unapproved,
div.yui-dt-liner>div.att-data.Submitted,
div.yui-dt-liner>div.att-data.Returned,
table.cal td>div>div.day.unapproved {
	background-color: #ffc369 !important;
}

div.cal-div>div.Submitted,
div.cal-div>div.Returned,
table.cal td>div>div.day.unapproved {
	border: 1px solid #f29202;
}

table.cal td>div>div.day.approved
, table.cal td>div>div.day.unapproved {
    padding: 3px;
    display: flex;
    align-items: center;
}

div.cal-div>div>span {
	vertical-align: top;
	font-size: 85%;
	position: absolute;
	left: 0;
	top: calc(50% - 0.5em);
	height: 100%;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	padding: 0 2px;
	box-sizing: border-box;
}

/* Info Panel */
#infoPanel {
	background-color: #F9F9F9;
	border: 1px solid #636363;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: visible;
}

#infoPanel .hd {
	display: none;
}

#infoPanel .bd {
	padding: 10px;
}

#infoPanel .corner_tr {
	background-image: url("../../images/tr.gif");
	position: absolute;
	background-repeat: no-repeat;
	top: -1px;
	right: -1px;
	height: 4px;
	width: 4px;
}

#infoPanel .corner_tl {
	background-image: url("../../images/tl.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	left: -1px;
	height: 4px;
	width: 4px;
}

#infoPanel .corner_br {
	background-image: url("../../images/br.gif");
	position: absolute;
	background-repeat: no-repeat;
	bottom: -1px;
	right: -1px;
	height: 4px;
	width: 4px;
}

#infoPanel .corner_bl {
	background-image: url("../../images/bl.gif");
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	left: -1px;
	height: 4px;
	width: 4px;
}

#infoPanel .knob {
	background-image: url("../../images/knob-left.png");
	background-repeat: no-repeat;
	position: absolute;
	top: calc(50% - 9px);
	z-index: 999;
	left: -10px;
	height: 18px;
	width: 14px;
}

#infoPanel div.bd div.ip-alert {
	background: url(../yui/images/sprite.png) scroll 0 -1050px no-repeat;
	margin-top: 5px;
	padding: 5px;
	padding-left: 20px;
	padding-top: 0;
	font-weight: 600;
}

/* Attendance approval page */
.att_approval #left_dt div.yui-dt-bd {
  overflow-x: scroll;
}

.att_approval .yui-dt div.yui-dt-hd {
	border-radius: 0 4px 0 0;
}

.att_approval #left_dt>div {
	border-right: 0;
}

.att_approval #left_dt div.yui-dt-hd {
	border-radius: 4px 0 0 0;
}

.att_approval .yui-dt div.yui-dt-bd {
	border-radius: 0;
}

.att_approval tr.odd td {
  background-color:#FFF;
}

.att_approval tr.even td {
  background-color: #efefef;
}

.att_approval #right_dt .yui-dt-bd .yui-dt-rec:not(.yui-dt-first) td.no-data:not(.yui-dt-hidden),
.att_approval #right_dt .yui-dt-bd .yui-dt-rec:not(.yui-dt-first) td.no-att:not(.yui-dt-hidden):not(.border-color) {
	border-top-color: #FFFFCE;
}

.att_approval #right_dt .yui-dt-bd td.yui-dt-highlighted:not(.no-data):not(no-att)  {
	border-left: 2px solid red !important;
	border-right: 2px solid red !important;
	box-sizing: border-box;
}

.att_approval #right_dt .yui-dt-bd td.td-first:not(.no-data):not(no-att) {
	border-top: 2px solid red !important;
}

.att_approval #right_dt .yui-dt-bd td.td-last:not(.no-data):not(no-att) {
	border-bottom: 2px solid red !important;
}


.att_approval td.no-data.yui-dt-highlighted {
	cursor: url("../../images/block-small.png"), auto !important; 
}

.yui-skin-sam .att_approval .yui-dt .yui-dt-data .yui-dt-rec td>div.nopad>div {
	position: absolute;
	top: 0;
}

.yui-skin-sam .att_approval .yui-dt .yui-dt-data .yui-dt-rec td>div.nopad {
	padding: 0;
	width: calc(1rem * 4 + 20px);
	height: 100%;
}

.yui-skin-sam .att_approval .yui-dt .yui-dt-data .yui-dt-rec td>div>div.att-data {
	position: absolute;
	padding: 0;
	text-align: center;
	width: 50%;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yui-skin-sam .att_approval .yui-dt .yui-dt-data .yui-dt-rec td>div>div.att-data+div.att-data {
	left: 50%;
}

.yui-skin-sam .yui-dt-rec.approved > td:not(.defaultBG),
.yui-skin-sam .yui-dt-rec.greenBG > td:not(.defaultBG) {
	background-color: #b6e477 !important;
}

.yui-skin-sam .yui-dt-rec.unapproved > td:not(.defaultBG), .yui-skin-sam .yui-dt-rec.orangeBG > td:not(.defaultBG) {
	background-color: #ffc369 !important;
}

.yui-skin-sam .yui-button.tall button {
	height: 5em;
	line-height: 1.2;
}

.yui-skin-sam td.highlight-tick, .yui-skin-sam td .yui-dt-liner.highlight-tick  {
	color: var(--success) !important;
}

.yui-skin-sam td.mono-font, .yui-skin-sam .mono-font {
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
}

.yui-skin-sam .body-font {
	font-family: 'open sans', verdana, arial, helvetica, clean, sans-serif !important;
	font-weight: 400;
}

span.refId {
  border: 1px solid #ccc;
  font-size: 100%;
  margin-left: 10px;
  padding: 2px 10px;
  vertical-align: middle;
  background: #e4e4e4;
  border-radius: 4px;
}

span.hw-icon {
	font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5;
}

span.hw-icon::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin: 0 5px;
    font-size: 1.3333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

span.hw-icon-rw::before {
    content: "\f65e";
}

span.hw-icon-read::before {
    content: "\f07b";
}

span.hw-icon-none::before {
    content: "\f65f";
}

.yui-skin-sam td.hourglass, .yui-skin-sam td .yui-dt-liner.hourglass  {
	color: var(--hrworks-blue) !important;
}

.yui-skin-sam td.erased, .yui-skin-sam td .yui-dt-liner.erased  {
	color: #dc3545 !important;
}

.yui-skin-sam td.added, .yui-skin-sam td .yui-dt-liner.added  {
	color: var(--hrworks-blue) !important;
	font-weight: 600 !important;
}

.yui-skin-sam td.modified, .yui-skin-sam td .yui-dt-liner.modified  {
	color: #dc3545 !important;
	font-weight: 600 !important;
}

.yui-skin-sam td.thumbup, .yui-skin-sam td .yui-dt-liner.thumbup  {
	color: var(--hrworks-blue) !important;
}

.yui-skin-sam td.thumbdown, .yui-skin-sam td .yui-dt-liner.thumbdown  {
	color: #dc3545 !important;
}

.yui-skin-sam .yui-dt-liner.erased i.fa,
.yui-skin-sam .yui-dt-liner.thumbdown i.fa
,.yui-skin-sam .yui-dt-liner.thumbup i.fa
,.yui-skin-sam .yui-dt-liner.hourglass i.fa {
	font-size: 123.1%;
}

.dtHeading + .yui-skin-sam .yui-navset div.yui-navset {
	padding-top: 0;
}

.yui-skin-sam div.yui-navset.yui-navset-top.d-flex > ul.yui-nav {
	overflow-x: initial;
}

@keyframes scale {
    0% { transform: scale(1);}
    35% { transform: scale(2);}
    65% { transform: scale(2);}
    100% { transform: scale(1);}
}

@keyframes blink {
	0%{opacity: 1;}
	50%{opacity: .3;}
	100%{opacity: 1;}
}

.blink  {
	animation: blink 2s ease infinite;
}

.cke_reset_all, .cke_reset_all * {
	font-family: 'open sans', verdana, arial, helvetica, clean, sans-serif !important;
}

.cke_reset_all select>optgroup {
	font-style: italic;
	font-weight: 600 !important;
	padding: 3px 0;
	text-indent: 2px;
}

.cke_reset_all select>optgroup+optgroup {
	margin-top: 0;
	padding-top: 0;
}

optgroup>option {
	text-indent: 20px;
}

#TaxRebateDeclarationForm a.item-comment {
	background: rgba(0, 0, 0, 0) url("../yui/images/sprite.png") repeat scroll 0
		-1300px;
	border: 1px solid #b0d0e7;
	border-radius: 4px;
	color: var(--text-body);
	display: inline-block;
	font-size: 1rem;
	margin: 0 0 3px 10px;
	padding: 4px 5px;
	text-decoration: none;
	vertical-align: middle;
}

#TaxRebateDeclarationForm a.item-comment:HOVER {
	background: rgba(0, 0, 0, 0) url("../yui/images/sprite.png") repeat scroll 0
		-1700px;
	color: #E37400;
}

#file-upload-progress {
	display: table;
	min-width: 240px;
}

#file-upload-progress p, .file-upload-progress p {
	box-sizing: border-box;
	display: block;
	width: 100px;
	padding: 2px 5px;
	margin: 2px 0 2px 0.25rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: var(--light);
	background-image: linear-gradient(to right, #0c0 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% center;	
}

#file-upload-progress p {
	width: 100%;
}

#file-upload-progress p.success, .file-upload-progress.success
{
	background: var(--light) none 0 0 no-repeat;
}

.file-upload-progress.success > p, .file-upload-progress.failed p {
	visibility: hidden;
}

#file-upload-progress p.failed, .file-upload-progress.failed
{
	color: var(--tomato) !important;
}

/* Font Awesome related styles */
.yui-skin-sam i.fa {
	text-decoration: none !important;
	font-family: "Font Awesome 5 Pro" !important;
}

.yui-skin-sam i.fa:not(.fa-blank) + *:not(.fa-stack-1x) {
	margin-left: 0.5rem;
}

/*Paginator styles */
.yui-skin-sam div.yui-pg-container {
	border: 1px solid #ccc;
	border-top: 0 none;
	border-radius: 0 0 4px 4px;
	font-size: 0;
	margin: 0;
	padding: 5px 25px;
	text-align: right;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #f4f4f4 0%,
		#efefef 100%);
	position: relative;
}

.yui-skin-sam div.yui-pg-container>div {
	position: absolute;
	left: 25px;
	top: calc(50% - 8px);
	font-size: 1.154rem;
	line-height: 1em;
	color: var(--hrworks-blue);
	font-size: 0.9rem;
}

.yui-skin-sam div.yui-pg-container span.yui-pg-pages > *
,.yui-skin-sam div.yui-pg-container>.yui-pg-first
,.yui-skin-sam div.yui-pg-container>.yui-pg-previous
,.yui-skin-sam div.yui-pg-container>.yui-pg-next
,.yui-skin-sam div.yui-pg-container>.yui-pg-last {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 -1px;
	color: var(--hrworks-blue);
	font-size: 0.8rem;
	line-height: 1.42857;
	padding: 4px 8px;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Roboto Mono', monospace;
}

.yui-skin-sam div.yui-pg-container .yui-pg-pages > span  {
	background: var(--hrworks-blue);
	border-color: var(--hrworks-blue);
	color: #fff;
}

.yui-skin-sam div.yui-pg-container>.yui-pg-first
,.yui-skin-sam div.yui-pg-container>.yui-pg-previous
,.yui-skin-sam div.yui-pg-container>.yui-pg-next
,.yui-skin-sam div.yui-pg-container>.yui-pg-last {
/* 	background: linear-gradient(to bottom, #eaefb5 0%, #e1e9a0 100%) repeat scroll 0 0; */
	background: rgba(221, 238, 221, 0.5);
	cursor: not-allowed;
	opacity: 0.6;
}

.yui-skin-sam div.yui-pg-container>a {
	opacity: 1 !important;
	cursor: pointer !important;
}

.yui-skin-sam div.yui-pg-container .yui-pg-pages > a:hover
, .yui-skin-sam div.yui-pg-container .yui-pg-pages > a:focus {
	color: #23527c;
	background: #eee;
}

/* Form Field styling */
#d2 div.card div.card-header ~ div.card-header {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

#d2 div.hw-form > div,
#d2 div.form-field div.options {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

#d2 div.hw-form>div>div.form-field,
#d2 div.form-field div.options > div.field-option {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

/* quick-submit form styling */
div.quick-submit {
	transition: transform 0.5s;
	transform-origin: center top;
}

div.quick-submit.yui-overlay-hidden {
	transform: scale(0);
	transition: transform 0.5s, visibility 0s ease 0.5s;
}

.yui-skin-sam div.quick-submit .yui-panel>div.hd {
	display: none;
}

.yui-skin-sam div.quick-submit .yui-panel>div.bd {
	border-radius: 4px 4px 0 0;
}

div.quick-submit div.arrow {
	position: absolute;
	height: 0;
	width: 0;
	border: 1em solid transparent;
}

div.quick-submit div.arrow.top {
	border-top: 0 none;
	border-bottom: 1em solid #bbb;
	top: -1em;
	left: calc(50% - 1em);
}

div.quick-submit div.arrow.bottom {
	border-bottom: 0 none;
	border-top: 1em solid #bbb;
	left: calc(50% - 1em);
	bottom: -1em;
}

div.quick-submit div.arrow::after {
	content:"";
	height: 0;
	width: 0;
	border: calc(1em - 1px) solid transparent;
	position: absolute;
}

div.quick-submit div.arrow.top::after {
	border-top: 0 none;
	border-bottom: calc(1em - 1px) solid #fff;
	left: calc(-1em + 1px);
	top: 1px;
}

div.quick-submit div.arrow.bottom::after {
	border-bottom: 0 none;
	border-top: calc(1em - 1px) solid #efefef;
	left: calc(-1em + 1px);
	bottom: 1px;
}

div.quick-submit div.bar {
	background: #444 none repeat scroll 0 0;
	height: 5px;
	position: absolute;
	top: -1.6em;
	width: 30px;
	visibility: hidden;
	transition: all 0.5s;
}

div.quick-submit div.arrow.bottom + div.bar {
    bottom: -1.6em;
    top: unset;
}

.yui-skin-sam .yui-panel-container.quick-submit>.yui-panel>a.container-close
	{
	visibility: hidden;
}

.yui-skin-sam div.quick-submit .yui-panel>.bd {
    padding-bottom: 0;
}
/* End of quick-submit form Styling */

/* Emp Menu bar */
.yui-skin-sam #empmenu+a.summary {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
	z-index: 2;
}

.yui-skin-sam #empmenu.yuimenubar {
	clear: both;
	position: absolute;
/*	Original Left & Top Calculation
	left: calc(9.2307rem + 80px) !important;
	top: calc(4.77rem + 5px) !important; */
	left: 200px !important;
	top: 67px !important;
	padding: 0;
	border-radius: 4px;
	border: none;
}

.yui-skin-sam #empmenu.yuimenubar,
.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem,
.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem > a.yuimenubaritemlabel {
	border: none;
	background: none;
	margin: 0;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem.yuimenubaritem-checked 
,.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem.yuimenubaritem-selected {
	border-top: 5px solid #FF1493;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	margin-top: 0;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem.yuimenubaritem-checked a.yuimenubaritemlabel
,.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem.yuimenubaritem-selected a.yuimenubaritemlabel {
	color: #fff;
}

.yui-skin-sam #empmenu.yuimenubarnav .yuimenubaritemlabel-hassubmenu::after {
	right: 10px;
	line-height: 1.3;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem {
	padding: 7px 0;
	background: #3b4045;
	margin-top: 5px;
}
 
.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem > a.yuimenubaritemlabel {
	border-right: 1px solid #ccc;
	line-height: 1.3;
	padding: 0 20px;
	color: #ccc;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem:last-of-type > a.yuimenubaritemlabel {
	border-right: none;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem > a.yuimenubaritemlabel-hassubmenu {
	padding-right: 30px;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem:last-child {
	border-radius: 0 4px 4px 0;
}

.yui-skin-sam #empmenu.yuimenubar li.yuimenubaritem:first-child {
	border-radius: 4px 0 0 4px;
}

.yui-skin-sam .yuimenubar li.yuimenubaritem div.yui-module.yuimenu div.bd {
	transition: height 0.5s, opacity 0.25s;
	height: 0;
	overflow: hidden;
	box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.2);
}

.yui-skin-sam *.no-transition {
	transition: none !important;
}

.yui-skin-sam .hw-db-grids {
	font-size: 92.3%;
	padding: 1em;
	box-sizing: border-box;
}

.yui-skin-sam .hw-db-grids * {
	box-sizing: border-box;
}

.yui-skin-sam .hw-db-grids hr {
	margin: 7px;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column {
	position: relative;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.content {
	display: inline-block;
	width: calc(100% - 200px);
	vertical-align: top;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.content > span.status {
	margin-top: 5px;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.image {
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.image > div.action {
	text-align: center;
	width: 60px;
	position: absolute;
	bottom: 7px;
	left: 0;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.leaveActions {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}

.yui-skin-sam .hw-db-grids > div.hw-db-grid-column > div.leaveActions > a + a {
	padding-left: 1em;
}

.yui-skin-sam .hw-db-grids div.content > * {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 20px);
}

.yui-skin-sam .hw-db-grids div.leaveActions>a:first-child {
	color: green;
	float: left;
}

.yui-skin-sam .hw-db-grids div.leaveActions>a:nth-of-type(2) {
	color: #2980b9;
	float: left;
}

.yui-skin-sam .hw-db-grids div.leaveActions>a {
	color: red;
	font-size: 1.5em;
}

.yui-skin-sam .hw-db-grids div.leaveActions>a.disabled {
	opacity: 0.2;
	cursor: not-allowed;
}


.yui-skin-sam .yui-dt .yui-dt-liner a.view
, .hw-db-grids>div>div>div.action a.view {
	color: var(--hrworks-blue);
}

.yui-skin-sam .yui-dt .yui-dt-liner a.edit
, .hw-db-grids>div>div>div.action a.edit
, .yui-skin-sam .yui-dt .yui-dt-liner i.fa-ban
, .yui-skin-sam .yui-dt .yui-dt-liner i.fa-thumbs-down {
	color: #ff6347;
}

.yui-skin-sam .yui-dt-editor .yui-dt-button button.yui-dt-default {
    background: #2980b9 !important;
    color: #fff !important;
}

/* Bootstrap overrides */

.big {
	font-size: 107.7%;
}

.btn-blue {
  color: #fff;
  background-color: #2980b9;
  border-color: #2980b9; 
}
.btn-blue:hover {
    color: #fff;
	background-color: #256297;
    border-color: #0C497E;
}
.btn-blue:focus, .btn-blue.focus  {
	box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.5);
}
.btn-blue.disabled, .btn-blue:disabled {
	color: #fff;
	background-color: #2980b9;
	border-color: #2980b9;
}

.btn-blue:not(:disabled ):not(.disabled ):active
, .btn-blue:not(:disabled):not(.disabled ).active
, .show>.btn-blue.dropdown-toggle {
	color: #fff;
	background-color: #0C497E;
	border-color: #0C497E;
}

.btn-blue:not(:disabled ):not(.disabled ):active:focus
, .btn-blue:not(:disabled ):not(.disabled ).active:focus
, .show>.btn-blue.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.5);
}

.nav-pills .nav-link + .nav-link {
	margin-left: 0.5rem;
}

.nav-pills .nav-link:not(.active):not(.disabled) {
    color: #212529;
	cursor: pointer;
}

.nav-pills .nav-link:not(.active):not(.disabled):hover {
    background-color: #e2e6ea;
}

.nav-pills .nav-link.disabled {
    color: #6c757d !important;
    opacity: 0.5;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--white) !important;
    background-color: var(--success);
}

.nav-pills.blue .nav-link.active,
.nav-pills.blue .show > .nav-link {
    background-color: var(--hrworks-blue);
}

button:focus {
	outline: 0;
}

.btn.disabled,
.btn:disabled {
	pointer-events: none;
}

.btn.btn-icon {
    border-radius: 50%;
    min-width: calc(2em + 2px);
    max-width: calc(2em + 2px);
    height: calc(2em + 2px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 0.5rem;
}

.btn.btn-icon.btn-light:not(:hover) {
    color: var(--text-body);
}

.btn.btn-icon.h5 {
	font-size: 1.25rem;
}

.col-1-5 {
	flex: 0 0 12.5%;
	max-width: 12.5%;
}

.text-no-underline {
	text-decoration: none !important;
}

.h-auto {
	height: auto !important;
}

.mh-100 {
	min-height: 100% !important;
	height: auto !important;
}

.hw-oa {
	overflow: auto !important;
}

.hw-oh {
	overflow: hidden !important;
}

.bs-bb {
	box-sizing: border-box !important;
}

.bs-bb.cascade * {
	box-sizing: border-box;
}

.bs-cb {
	box-sizing: content-box !important;
}

div:not(.card-deck) > div.card + div.card {
	margin-top: 1em;
}

div.card > a {
	color: unset !important;
	text-decoration: none;
}

span.underline, div.underline:not(.input-classic), a.underline {
	text-decoration: underline !important;
}

label.underline {
	text-decoration: underline !important;
	text-underline-offset: 3px;
	text-underline-position: under;
	text-decoration-thickness: 1px !important;
}

label.underline.small-offset {
	text-underline-offset: 1px;
}

.w-90 {
	width: 90% !important;
}

.op-1 {
	opacity: 1;
}

.op-0 {
	opacity: 0;
}

.op-25 {
	opacity: 0.25;
}

.op-50 {
	opacity: 0.5;
}

.op-75 {
	opacity: 0.75;
}

/* KRA related styles */

div.kra > textarea {
	margin-top: 10px;
	margin-right: 20px;
	vertical-align: top;
}

span.kra_num {
	border-radius: 50%;
	color: #fff !important;
	background: #28a745;
/*	font-family: "Open Sans", Lucida Grande, Trebuchet MS, arial, helvetica,
		clean, sans-serif; */
	font-weight: 600;
/*	letter-spacing: 0.5px; */
	padding: 0.5em 0.75em;
	vertical-align: top;
    margin-top: 10px !important;
	display: inline-block;
/*	font-size: 92.3%; */
}

span.act_num {
	border-radius: 50%;
	color: #fff !important;
	background: #17a2b8;
/*	font-family: "Open Sans", Lucida Grande, Trebuchet MS, arial, helvetica,
		clean, sans-serif; */
	font-weight: 600;
/*	letter-spacing: 0.5px; */
	padding: 0.5em 0.75em;
	display: inline-block;
/*	font-size: 92.3%; */
}

div.card, div.card *:not(input), div.row, div.row *:not(input) {
	box-sizing: border-box;
}

.yui-skin-sam .yui-dt, .yui-skin-sam .yui-dt * {
	box-sizing: content-box !important;
}

.rounded-left-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.rounded-right-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rounded-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.allow-toggle>i.fa {
	cursor: pointer; 
	transition: opacity .3s, transform .3s, color 0.3s;
	opacity: 1;
	z-index: 1;
}

div.allow-toggle>i.fa:not(.active) {
	opacity: 0;
	z-index: 0;
}

div.allow-toggle>i.fa:not(.active):first-child {
	 transform: rotate(180deg) scale(0.5);
}

div.allow-toggle>i.fa:not(.active):last-child {
	 transform: rotate(-180deg) scale(0.5);
}

/*Slider Styles*/
div.slider {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 -0.5rem;
}

div.slider>div {
	transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.5s ease;
	transform: translateX(0);
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 0.5rem;
	box-sizing: border-box;
	opacity: 0;
}

div.slider:not([class*="slide-"]):not([class*=" slide-"]) > div:first-child,
div.slider.slide-1 > div:first-child {
	opacity: 1;
}

div.slider.slide-2 > div {
	transform: translateX(-100%);
}

div.slider.slide-2 > div:nth-child(2) {
	opacity: 1;
}

div.slider.slide-3 > div {
	transform: translateX(-200%);
	opacity: 1;
}

div.slider.slide-3 > div:nth-child(3) {
	opacity: 1;
}

div.slider.slide-4 > div {
	transform: translateX(-300%);
}

div.slider.slide-4 > div:nth-child(4) {
	opacity: 1;
}

div.slider.slide-5 > div {
	transform: translateX(-400%);
}

div.slider.slide-5 > div:nth-child(5) {
	opacity: 1;
}

div.card.hw-collapse {
	transition: box-shadow 0.3s ease-in-out;
}

div.card.hw-collapse div.card-header {
	transition: background 0.3s;
}

div.card.hw-collapse > div.card-body {
	transition: max-height 0.3s, padding 0.3s;
	overflow: hidden;
}

div.card.hw-collapse div.card-header > div:last-child {
	border-radius: 0 0.25rem 0 0;
}

div.card.hw-collapse div.card-header > div:first-child {
	border-radius: 0.25rem 0 0 0;
}

div.card.hw-collapse div.card-header > div:last-child > i.fa {
	transition: transform 0.3s;
	transform: rotate(90deg);
}

div.card.hw-collapse:not(.hw-show) div.card-header {
	border-bottom: 0;
}

div.card.hw-collapse:not(.hw-show) div.card-header > div:last-child {
	border-radius: 0 0.25rem 0.25rem 0;
}

div.card.hw-collapse:not(.hw-show) div.card-header > div:first-child {
	border-radius: 0.25rem 0 0 0.25rem;
}

div.card.hw-collapse:not(.hw-show) div.card-header > div:last-child > i.fa {
	transform: rotate(0);
}

div.card.hw-collapse.hw-show div.card-header > div:first-child > i.fa.fa-plus:before {
	content: "\f068";
}

div.card.hw-collapse:not(.hw-show) > div.card-body {
	max-height: 0 !important;
	padding: 0;
}

.text-selection-none {
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none;
}

div.gradient-right {
	background: linear-gradient(to right, #efefef 0%, #fff 100%);
	border-left: 1px solid #bbb;
}
.hw-simple.yui-dt td, .hw-simple.yui-dt th:not(:last-child) {
    border: none !important;
}

.yui-skin-sam .yui-dt th:last-child {
/* 	border-image: linear-gradient(to bottom, #eaefb5 0%, #e1e9a0 100%) repeat; */
 	border-image: linear-gradient(to bottom, #eee 0%, #eee 100%) repeat;
}

.yui-skin-sam .yui-dt th:last-child[style*="border-right: 1px"] {
    border-color: #cbcbcb !important;
    border-image: unset;
}

.yui-skin-sam .yui-dt.hw-simple th
, .yui-skin-sam .yui-dt.hw-simple tfoot td {
/*     background: #ddd; */
    text-align: left;
}

.yui-skin-sam .yui-dt.hw-simple th[colspan]:not([colspan="1"]) {
    text-align: center;
}

.yui-skin-sam .yui-dt.hw-simple th .yui-dt-label
, .yui-skin-sam .yui-dt.hw-simple th a {
	color: var(--text-dark);
/* 	font-weight: 600; */
	padding: 0.25em 0;
	text-transform: uppercase;
}

.yui-skin-sam .yui-dt.hw-simple .yui-dt-hd {
    border-top: 0 none;
    border-left: 0 none;
    border-bottom: 1px solid #bbb;
}

.yui-skin-sam .yui-dt.hw-simple .yui-dt-bd {
	border-left: 0 none;
	border-right: 0 none;
}

.yui-skin-sam .yui-dt.hw-simple td.bg-highlight {
    background: unset;
}

.yui-skin-sam .yui-dt.hw-simple div.yui-dt-liner {
	padding: 0.375rem 1rem;
}

.yui-skin-sam .yui-dt.hw-simple .yui-dt-col-View div.yui-dt-liner {
	padding-right: 0;
}

.yui-skin-sam .yui-dt.hw-simple tr > td {
	background: none;
}

.yui-skin-sam .yui-dt.hw-simple th .yui-dt-liner {
	background: none;
}

.yui-skin-sam .yui-dt.hw-simple th .yui-dt-liner > .yui-dt-label {
	position: relative;
	display: inline;
	white-space: nowrap;
}

.yui-skin-sam .yui-dt.hw-simple th.yui-dt-desc .yui-dt-liner > .yui-dt-label::after {
    content: "\f0d7";
    position: absolute;
    top: calc(50% - 0.5em);
    right: -1.5em;
    width: 1.5em;
    text-align: center;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #ff6347;
    font-size: 1.4em;
    line-height: 1;
    height: 1em;
}

.yui-skin-sam .yui-dt.hw-simple th.yui-dt-asc .yui-dt-liner > .yui-dt-label::after {
    content: "\f0d8";
    position: absolute;
    top: calc(50% - 0.5em);
    right: -1.5em;
    width: 1.5em;
    text-align: center;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #ff6347;
    font-size: 1.4em;
    line-height: 1;
    height: 1em;
}

.yui-skin-sam div.yui-dt.dt-flex {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.yui-skin-sam div.yui-dt.dt-flex div.yui-dt-bd {
	flex: 1;
	height: unset !important;
}

.yui-skin-sam div.yui-dt div.yui-dt-hd,
.yui-skin-sam div.yui-dt:not(.yui-dt-scrollable) > table > thead {
/* 	background: rgba(0, 0, 0, 0) */
/* 		linear-gradient(to bottom, #eaefb5 0%, #e1e9a0 100%) repeat scroll 0 0; */
	background: rgba(221, 238, 221, 0.5) !important;
}

.yui-skin-sam div.yui-dt .yui-dt-liner span.status {
	display: block;
	text-align: center;
}

.yui-skin-sam .yui-dt tbody > tr.yui-dt-rec > td.text-truncate > div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.d-flex > div.search-area + div.hw-grids {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	width: 100%;
	min-height: 1px;
}

.hw-grids, .hw-grids * {
  box-sizing: border-box;
}

.hw-grids {
	font-size: 0;
	background: #f7f7f7;
}

.hw-grids>div {
	border-radius: 5px;
	box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	font-size: 1rem;
	margin: 1.5em;
	width: 23.1em;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1rem;
	position: relative;
	transform-origin: left top;
	transition: all 0.5s;
}

div.hw-grids.in-action > div:not(.active) {
	opacity: 0.4;
}

div.hw-grids.in-action > div:not(.active) i.fa {
	opacity: 0.5;
}

.hw-grids>div.collapsed {
	height: 0;
	margin: 0;
	transform: scale(0);
	width: 0;
	border: 0 none;
}

.hw-grids > div > div.action {
	position: absolute;
	right: 6px;
	top: 6px;
	height: 25px;
}

.hw-grids>div>div {
	overflow: hidden;
}

.hw-grids>div img.photograph {
	float: left;
	border-radius: 49.9%;
}

.hw-grids>div img.photograph + div.other-info {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 84.61%;
}

.hw-grids>div img.photograph ~ span {
	display: table-cell;
	padding-left: 10px;
	text-align: left;
	max-width: 16.8em;
}

.hw-grids div.hd {
	border-bottom: 1px solid #aaa;
	height: 7.307em;
	text-align: center;
	padding: 10px 5px;
	position: relative;
}

div#docDT.hw-grids div.hd
,div#documents.hw-grids div.hd {
	height: 8.3em;
}

.hw-grids div.hd span>div {
	padding-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hw-grids div.hd div.phone {
	padding-top: 3px;
}

.hw-grids div.entity-details>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 18em;
}

.hw-grids.helpdesk div.entity-details>div {
	width: 16em;
}

.hw-grids div.entity-details > div > div.status-info
, .yui-skin-sam .hw-db-grids > div.hw-db-grid-column>div.content>div>div.status-info {
	border: 2px solid #2980b9;
	border-radius: 5px;
	margin-left: 10px;
}

.hw-grids div.entity-details > div > div.status-info > div.att-data
, .yui-skin-sam .hw-db-grids > div.hw-db-grid-column>div.content>div>div.status-info>div.att-data {
	padding: 0 5px;
	border-radius: 0 5px 5px 0;
}

.hw-grids div.entity-details > div > div.status-info > div.att-data:first-child
, .yui-skin-sam .hw-db-grids > div.hw-db-grid-column>div.content>div>div.status-info>div.att-data:first-child {
	border-radius: 5px 0 0 5px;
	border-right: 1px solid #2980b9;
}

.hw-grids div.entity-details > div > div.status-info
, .hw-grids div.entity-details > div > div.status-info > div.att-data
, .yui-skin-sam .hw-db-grids > div.hw-db-grid-column>div.content>div>div.status-info {
	display: inline-block;
}

.hw-grids div.reasonForLeave {
	padding-top: 2px;
}

.hw-grids div.bd {
	height: calc(9.307em - 14px);
	margin: 7px 5px;
	overflow-y: auto;
}

.hw-grids div.bd > div.subjectItem > div:nth-of-type(2) > div {
	padding-bottom: 2px;
}

.hw-grids div.bd > div.subjectItem > div {
  display: table-cell;
  vertical-align: top;
}

.hw-grids div.bd > div.subjectItem > div:last-child {
	padding-left: 5px;
	line-height: 1.5;
}

.hw-grids div.bd > div.subjectItem span.cancelled-text {
	color: #e74c3c;
	padding-left: 10px;
	font-size: 84.61%;
}

.hw-grids div.ft {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #fafafa, #efefef) repeat scroll 0 0;
	border-top: 1px solid #ddd;
	height: 3em;
	box-sizing: content-box;
}

.hw-grids div.ft>a:first-child {
	border-right: 1px solid #bbb;
	color: green;
	float: left;
}

.hw-grids div.ft>a:nth-of-type(2):not(:last-child) {
	border-right: 1px solid #bbb;
	color: #2980b9;
	float: left;
}

.hw-grids div.ft>a {
	border-left: 1px solid #fafafa;
	color: red;
	cursor: pointer;
	float: right;
	font-size: 2em;
	line-height: 3rem;
	text-align: center;
	width: 33.3%;
}

.hw-grids.in-action div.active div.ft > a:not(.action-selected) {
	opacity: 0.2;
}

.hw-grids div.ft>a.disabled {
	opacity: 0.2;
}

.hw-grids div.statusItem {
	padding-top: 15px;
}

.hw-grids div.hd > a.tip {
	position: absolute;
	background: transparent;
	border-color: transparent transparent transparent red;
	border-width: 0 0 26px 26px;
	top: 0;
	left: 0;
	border-style: solid;
}

*::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	text-align: left;
    color: #777;
	opacity: 0.6;
	letter-spacing: 1.3px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-style: normal;
	text-indent: 2px;
}

*::-moz-placeholder { /* Firefox */
	text-align: left;
    color: #777;
	opacity: 0.6;
	letter-spacing: 1.3px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-style: normal;
	text-indent: 2px;
}

*:-ms-input-placeholder { /* Internet Explorer 10-11 */
	text-align: left;
    color: #777;
	opacity: 0.6;
	letter-spacing: 1.3px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-style: normal;
	text-indent: 2px;
}

input.date::placeholder {
	opacity: 1;
	font-weight: 300;
}

select,input,textarea,button {
	font: 100% 'open sans', verdana, arial, helvetica, clean, sans-serif;
}

.dropdownvvsm {
	width: 25px;
}

.dropdownvsm {
	width: 42px;
}

.dropdownmdbig {
	width: 180px;
}

.dropdownsm {
	width: 50px;
}

.dropdownmidsm {
	width: 75px;
}

.dropdown {
	width: 100px;
}

.dropdownmulti {
	width: 126px;
}

.dropdownmultilg {
	width: 180px;
}

.dropdownmid {
	width: 175px;
}

.dropdownbig {
	width: 225px;
}

.dropdownlrg {
	width: 275px;
}

input[type='text'][readonly].history {
	border-left: 0 none;
	border-radius: 0 4px 4px 0;
}

span.history {
	padding: 0.375rem 0.75rem;
	border: 1px solid #ccc;
    line-height: 1.5;
    border-radius: 4px 0 0 4px;
}

div.d-flex > span.history + div.input-classic {
	flex-grow: 1;
}

input.history+span.history
,input[type="checkbox"].history+label+span.history {
	background: #f4f4f4 none repeat scroll 0 0;
	border: 1px solid #cccccc;
	border-radius: 4px 0 0 4px;
	float: left;
	height: 20px;
	padding: 3px 5px;
}

input[type="checkbox"].history+label+span.history {
    height: unset;
    padding: 0;
    background: none;
    border: 0;
    margin-right: 5px;
    margin-top: 2px;
}

input.history+span.history>a {
	vertical-align: top;
	height: 100%;
	display: inline-block;
	padding-top: calc((20px - 1rem) / 2);
}

input.history + span.history > a > i {
	vertical-align: top;
}

/* input styles */
input {
	vertical-align: middle;
	background-color: #fff;
}

input[type="text"],input[type="password"],input[type="file"] {
	height: 20px;
	width: 100px;
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-sizing: content-box;
}

input[type="text"],input[type="password"],input[type="file"],textarea, div.textarea {
	border: 1px solid #ccc;
	border-width: 1px;
	border-radius: 4px;
	padding: 3px 5px !important;
	margin: 0;
	color: #3b4045;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	border-color: #2980b9;
	background-color: #ffffbd;
	-webkit-box-shadow: none;
}

input[readonly], input[disabled], textarea[readonly], div.hw-step-spinner.disabled {
	background: #f4f4f4 !important;
	-webkit-box-shadow: none;
}

input[disabled][type="text"]:focus,input[disabled][type="password"]:focus
,input[readonly][type="text"]:focus,input[readonly][type="password"]:focus
,textarea[readonly]:focus {
	background-color: #f4f4f4 !important;
}

textarea, div.textarea {
	height: 100px;
	width: 240px;
	padding: 5px !important;
}

textarea.w-100 {
	box-sizing: border-box;
}

div.textarea {
	background: #f4f4f4;
	overflow: auto;
}

div.textarea.pre {
	white-space: pre;
}

div.textarea.pre-wrap {
	white-space: pre-wrap;
}

div.textarea.max {
	width: auto !important;
}

.yui-skin-sam textarea.max {
	width: 100% !important;
	box-sizing: border-box;
}

.yui-skin-sam textarea.XXLARGE, div.XXLARGE {
	max-height: 350px;
	min-width: 700px;
	overflow: auto;
	height: 250px;
}

textarea.classic.LARGE {
	--rows: 5;
}

textarea.classic.XLARGE {
	--rows: 10;
}

textarea.classic.XXLARGE {
	--rows: 15;
}

.yui-skin-sam textarea.WIDE, div.WIDE {
	width: 350px;
	overflow: auto;
	height: 50px;
}

.yui-skin-sam textarea.XLARGE, div.XLARGE {
	min-width: 500px;
	overflow: auto;
}

.yui-skin-sam textarea.LARGE, div.LARGE {
	min-width: 350px;
	overflow: auto;
	height: 150px;
}

.yui-skin-sam textarea.readonly {
	background-color: transparent;
	margin: 0;
	resize: none;
}

.yui-skin-sam textarea.readonly:focus {
	box-shadow: none;
}

.yui-skin-sam input.wide {
	width: 140px;
}

.yui-skin-sam input.widexl {
	width: 180px;
}

.yui-skin-sam input.widexl-plus {
	width: 205px;
}

.yui-skin-sam input.wide300 {
	width: 300px;
}

.yui-skin-sam input.wide350 {
	width: 350px;
}

.yui-skin-sam input.widexxl {
	width: 430px;
}

.yui-skin-sam input.widexxxl {
	width: 500px;
}

.yui-skin-sam input.medium {
	width: 75px;
}

.yui-skin-sam input.small {
	width: 40px;
	font-size: 1rem;
}

.yui-skin-sam input.vsmall {
	width: 20px;
}

#PFChallanTbl input {
	width: 90px;
}

input[type="file"] {
	width: 100%;
	height: 20px;
	font-size: 77%;
	overflow: hidden;
}

input[type="file"].bs-bb {
	height: 28px;
}

.yui-skin-sam input.numeric {
	text-align: right;
}

input.date,
input.datetime  {
	border-radius: 4px 0 0 4px;
}

input.date:not(.nocal)+a.cal
, input.datetime:not(.nocal)+a.cal {
	display: inline-block;
	background: #f7f7f7;
	border-color: #ccc #ccc #ccc currentcolor;
	border-image: none;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px 0;
	height: 28px;
	border-radius: 0 4px 4px 0;
	min-width: unset;
	padding: 3px 5px;
	color: #83af14;
	vertical-align: middle;
	box-sizing: border-box;
	padding-top: calc(3px + (20px - (1rem * 1.077)) / 2);
}

input.date+a.cal > i.fa
, input.datetime+a.cal > i.fa {
	vertical-align: top;
}

input.classic, textarea.classic {
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem;
    box-shadow: none;
    box-sizing: border-box;
    line-height: 1.5;
	width: 100%;
	height: auto;
	border: 1px solid #f8f9fa;
    background: #f8f9fa;
    border-color: #f8f9fa;
}

textarea.classic {
    --rows: 2;
    height: calc(var(--rows) * 1.5em + 0.75rem + 2px) !important;
	background: none;
}

textarea.allow-maximize {
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	white-space: pre;
}

textarea.classic.h-100 {
	height: 100% !important;
}

input.classic.underline {
	background: none;
	border-color: transparent;
	line-height: 1.2;
	height: 1.2em;
	box-sizing: content-box;
}

input.classic.date {
	text-align: center;
}

input.classic.date.h5 {
	margin-bottom: 0;
	font-weight: normal;
}

form.classic input.classic:not(.underline),
form.classic textarea.classic,
form.classic span.yui-button.yui-menu-button.classic button,
form.classic span.yui-button.yui-split-button.classic button,
form.classic div.hw-step-spinner.classic,
.hw-form input.classic:not(.underline),
.hw-form textarea.classic,
.hw-form span.yui-button.yui-menu-button.classic button,
.hw-form span.yui-button.yui-split-button.classic button,
.hw-form div.hw-step-spinner.classic,
.tblInput input.classic:not(.underline),
.tblInput textarea.classic,
.tblInput span.yui-button.yui-menu-button.classic button,
.tblInput span.yui-button.yui-split-button.classic button,
.tblInput div.hw-step-spinner.classic {
	background: white;
    border-color: #dae0e5;
    border-color: #bbb;
}

form.classic span.yui-button.yui-menu-button,
form.classic span.yui-button.yui-menu-button button,
form.classic span.yui-button.yui-split-button,
form.classic span.yui-button.yui-split-button button,
.hw-form span.yui-button.yui-menu-button,
.hw-form span.yui-button.yui-menu-button button,
.hw-form span.yui-button.yui-split-button,
.hw-form span.yui-button.yui-split-button button,
.tblInput span.yui-button.yui-menu-button,
.tblInput span.yui-button.yui-menu-button button,
.tblInput span.yui-button.yui-split-button,
.tblInput span.yui-button.yui-split-button button {
	width: 100%;
}

form.classic span.yui-button.yui-menu-button button em,
.hw-form span.yui-button.yui-menu-button button em,
.tblInput span.yui-button.yui-menu-button button em,
form.classic span.yui-button.yui-split-button button em,
.hw-form span.yui-button.yui-split-button button em,
.tblInput span.yui-button.yui-split-button button em {
	flex-grow: 1;
}

div.input-classic {
	position: relative;
	box-sizing: border-box;
	display: flex;
	text-decoration: none;
}

div.input-classic.date {
	display: inline-flex;
}

div.input-classic::before
, span.yui-button.yui-menu-button.classic:before
, span.yui-button.yui-split-button.classic:before {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: "";
	height: 2px;
	width: 100%;
	background: #0000ff;
	transform: scalex(0);
	opacity: 0;
	transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s;
	z-index: 2;
}

div.input-classic.focus::before,
span.yui-button.yui-menu-button.yui-menu-button-active.classic::before {
	transform: scalex(1);
	opacity: 1;
}

div.input-classic.underline::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 1px;
	width: 100%;
	background: #ccc;
	box-shadow: 0 1px 1px #fefefe;
}

div.input-classic.underline.like-text:not(.focus):after {
	display: none;
}

div.hw-step-spinner {
	position: relative;
	display: flex;
	border: 1px solid #ccc;
	border-radius: 4px;
}

div.hw-step-spinner input {
	border-right: 0 none;
	border-radius: 4px 0 0 4px;
	margin-right: calc(1rem + 4px);
	border: 0 none;
	text-align: left !important;
}

div.hw-step-spinner div.input-classic input {
	padding-right: 0 !important;
}

div.hw-step-spinner input:focus {
	border-right: 1px solid #ccc !important;
}

div.hw-step-spinner::before, div.hw-step-spinner::after {
    position: absolute;
    width: 1rem;
    height: calc(50% - 2px);
    right: 2px;
    padding: 0 3px;
    font-family: "Font Awesome 5 Pro";
    line-height: 1;
    color: var(--text-body);
    box-sizing: border-box;
    font-weight: 900;
    cursor: pointer;
    text-align: center;
    opacity: 0.4;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

div.hw-step-spinner::before {
	content: "\f0d8";
    top: 2px;
    border-radius: 2px 2px 0 0;
    border-bottom: 0 none;
}

div.hw-step-spinner::after {
	content: "\f0d7";
    bottom: 2px;
    border-radius: 0 0 2px 2px;
    border-top-color: #aaa;
}

div.hw-step-spinner:hover::before, div.hw-step-spinner:hover::after {
	opacity: 1;
}

div.hw-step-spinner.classic {
	background: #f8f9fa;
	border: 1px solid #f8f9fa;
}

div.hw-step-spinner.classic:hover,
div.hw-step-spinner.classic:hover input,
div.hw-step-spinner.classic > div.input-classic.focus,
input.classic:not(.underline):hover,
input.classic:not(.underline):focus,
textarea.classic:hover,
textarea.classic:focus,
span.yui-button.yui-menu-button.classic button:hover,
span.yui-button.yui-split-button.classic button:hover {
    color: #212529 !important;
    background: #e2e6ea !important;
/*    border-color: #dae0e5 !important; */
}

div.search-area input.classic:not(.underline):hover,
div.search-area textarea.classic:hover,
div.search-area span.yui-button.yui-menu-button.classic button:hover,
div.search-area span.yui-button.yui-split-button.classic button:hover,
div.search-area div.hw-step-spinner.classic:hover,
div.search-area input.classic:not(.underline):focus,
div.search-area textarea.classic:focus,
div.search-area span.yui-button.yui-menu-button.classic button:focus,
div.search-area span.yui-button.yui-split-button.classic button:focus,
div.search-area div.hw-step-spinner.classic:focus {
	background: white !important;
    border-color: #dae0e5 !important;
    border-color: #bbb !important;
}

div.hw-step-spinner.classic input:focus {
	border: 0 !important;
}

div.hw-step-spinner.classic input {
	margin-right: calc(1.5rem + 6px);
}

div.hw-step-spinner.classic::before, div.hw-step-spinner.classic::after {
	width: 1.5rem;
}

span.yui-button.yui-menu-button.classic
, span.yui-button.yui-split-button.classic {
	position: relative;
}

span.yui-button.yui-menu-button.classic
, span.yui-button.yui-split-button.classic
, span.yui-button.classic .first-child
, span.yui-button.classic .first-child button::after {
	border: 0;
	padding: 0;
}

span.yui-button.yui-menu-button.classic button
, span.yui-button.yui-split-button.classic button {
	background: #f8f9fa;
	color: #212529;
	padding: 0.375rem 0.75rem !important;
	display: flex;
	align-items: center;
	line-height: 1.5;
	border: 1px solid #f8f9fa;
}

span.yui-button.yui-menu-button.classic button em
, span.yui-button.yui-split-button.classic button em {
	padding-right: 0.75rem;
}

span.yui-button.yui-menu-button.classic button::after
, span.yui-button.yui-split-button.classic button::after {
	position: static;
	width: auto;
	background: transparent !important;
	line-height: 1.5rem;
}

span.yui-button.yui-menu-button.classic.no-icon button::after
, span.yui-button.yui-split-button.classic.no-icon button::after {
	display: none;
}

span.yui-button.yui-menu-button.classic.no-icon button > em
, span.yui-button.yui-split-button.classic.no-icon button > em {
	padding-right: 0;
}

span.yui-button.yui-menu-button.classic.w-auto button > em
, span.yui-button.yui-split-button.classic.w-auto button > em {
	width: auto !important;
}

span.yui-button.yui-menu-button.classic + div.yui-module
, span.yui-button.yui-split-button.classic + div.yui-module {
	line-height: 1.8;
	font-size: 100%;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
}

span.yui-button.yui-menu-button.classic + div.yui-module > input
, span.yui-button.yui-split-button.classic + div.yui-module > input {
	border: 1px solid transparent !important;
	border-bottom-color: #ccc !important;
}

span.yui-button.yui-menu-button.classic + div.yui-module div.bd
, span.yui-button.yui-split-button.classic + div.yui-module div.bd {
	box-shadow: none;
	border: 0 none;
}

span.yui-button.yui-menu-button.classic + div.yui-module li.yuimenuitem-selected
, span.yui-button.yui-split-button.classic + div.yui-module li.yuimenuitem-selected {
	background-color: #f8f9fa;
}

.yui-menu-button.optgroups+div.yui-button-menu div.bd>ul>li.yuimenuitem-disabled>a
	{
	font-size: 1.25em;
}

.yui-menu-button.optgroups+div.yui-button-menu div.bd>ul>li.yuimenuitem-disabled 
	~ li:not(.yuimenuitem-disabled)>a {
	padding-left: 40px;
}

span.input-like {
	padding: 0.375rem 0.75rem !important;
    line-height: 1.5;
    border-radius: 0.25rem;
    margin: 0;
}

span.input-like:not[class^="alert-"]:not[class*=" alert-"] {
    background: #dae0e5;
    border: 1px solid #dae0e5;
}

div.allow-maximize.focus > textarea {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

div.allow-maximize:not(.focus) > textarea + div {
    display: none;
}

div.allow-maximize > textarea + div {
    top: calc(-0.875rem * 1.5 - 1.25rem - 4px);
    background: #f8f9fa;
    border: 1px solid #dae0e5;
    width: 100%;
    padding: 0.375rem 0.75rem;
    box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
    position: absolute;
    display: flex;
    justify-content: space-between;
    z-index: 2;
    box-sizing: border-box;
}

div.hw-form, div.hw-form * {
	box-sizing: border-box;
}

div.hw-form > div:not(.hw-form) {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	align-items: stretch;
}

div.hw-form>div>div.form-field {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

div.hw-form>div>div.form-field:not(.field-type-break) {
	margin-bottom: 1.25rem;
}

div.hw-form>div>div.form-field.loading {
	background: url(../../images/accordionloading.gif) no-repeat scroll center
		center;
	opacity: 0.8;
}

div.hw-form>div>div.form-field:not([class^="col-"]):not([class*=" col-"]) {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}

.multirecord-M div.form-field.field-type-sno:not([class^="col-"]):not([class*=" col-"]) {
	flex: 0 0 calc(2.34375rem + 30px) !important;
	max-width: calc(2.34375rem + 30px) !important;
}

div.form-field.field-type-sno div.badge {
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0;
}

div.form-field.field-type-delete-record:not([class^="col-"]):not([class*=" col-"]) {
	flex: 0 0 2rem;
	max-width: 2rem !important;
}

div.form-field.field-type-delete-record.disabled {
	display: none !important;
}

div.form-field.field-type-rt div.comments {
	margin: 0;
}

div.form-field.field-type-rt div.cke_editable {
	width: 100% !important;
	box-sizing: border-box;
	--rows: 3;
	height: calc(var(--rows) * 1.5rem + 12px) !important;
	line-height: 1.5;
}

div.form-field div.options {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

div.form-field div.options.two-cols > div.field-option {
	width: 100%;
	min-height: 1px;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}

div.form-field div.options.three-cols>div.field-option  {
	width: 100%;
	min-height: 1px;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	padding-left: 15px;
	padding-right: 15px;
}

div.form-field div.options.four-cols > div.field-option {
	width: 100%;
	min-height: 1px;
	flex: 0 0 25%;
	max-width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}

div.form-field div.options.five-cols > div.field-option {
	width: 100%;
	min-height: 1px;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 15px;
	padding-right: 15px;
}

div.form-field div.options {
	margin-top: -1rem;
}

div.form-field div.options > div.field-option {
	width: 100%;
	min-height: 1px;
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 1rem;
	display: flex;
	align-items: center;
	font-size: 1.075rem;
}

div.form-field div.options > div.field-option label + label{
	font-weight: 400;
	flex-grow: 1;
}

div.form-field > label {
	font-weight: 600;
	display: block;
	margin-bottom: 0.75rem;
}

.multirecord-M>div.hw-form>div ~ div>div.form-field>label:first-child
	{
	display: none;
}

.multirecord-S div.form-field.field-type-sno label,
.multirecord-S div.form-field.field-type-delete-record label {
	display: none;
}

form:not(.classic) div.form-field.err *.err,
form:not(.classic) div.form-field.err div.input-classic.err,
form:not(.classic) div.form-field.err button.err,
form:not(.classic) div.form-field.err button.err:hover,
form:not(.classic) div.form-field.err *.err:hover,
form:not(.classic) div.form-field.err:hover *.err,
form:not(.classic) div.form-field.err *.err:after,
form:not(.classic) div.form-field.err *.err:before,
form.classic.err div.form-field.err *.err,
form.classic.err div.form-field.err div.input-classic.err,
form.classic.err div.form-field.err button.err,
form.classic.err div.form-field.err button.err:hover,
form.classic.err div.form-field.err *.err:hover,
form.classic.err div.form-field.err:hover *.err,
form.classic.err div.form-field.err *.err:after,
form.classic.err div.form-field.err *.err:before {
	background: var(--pale-pink) !important;
	border-color: var(--pale-pink) !important;
}

form:not(.classic) div.form-field.err div.invalid-feedback,
form.classic.err div.form-field.err div.invalid-feedback {
	display: block;
	font-weight: 400;
	text-align: left;
	padding: 0 2px;
	font-size: 92%;
}

div.form-field div.instr {
    font-weight: 300 !important;
    padding: 0 2px;
    font-style: italic;
    margin-top: 0.25rem;
    font-size: 92%;
    width: 100%;
    color: #212529;
}

div.form-field div.instr:before {
    content: "\f05a";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    margin-right: 0.25em;
    font-size: 1rem;
    display: inline-block;
    color: var(--success);
}

div.form-field.field-type-address div.row div.instr:before
, div.form-field.field-type-name div.row div.instr:before {
    content: '';
    margin-right: 0;
}

div.form-field div.fileUploadDropBox
, div.form-field div.fileUploadDropBoxRO
, div.form-el div.fileUploadDropBoxRO {
 	border: 5px dashed lightgray;
    height: auto;
    background: white;
}

div.form-field.field-type-rating i.fa.fa-times-circle {
	opacity: 0.4;
	transition: opacity 0.3s;
}

div.form-field.field-type-rating i.fa.fa-times-circle:hover {
	opacity: 1;
}

div.form-field.field-type-note ol,
div.form-field.field-type-note ul {
	padding-left: 15px;
}

div.form-field.field-type-note ol li,
div.form-field.field-type-note ul li {
	list-style: inherit;
}

.multirecord-S div.hw-record {
	display: flex;
	margin-bottom: 2rem;
}

.multirecord-S div.hw-record > div {
	padding: 1rem 1rem 0;
}

.multirecord-S div.hw-record > div:first-child {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.multirecord-S div.hw-record > div.hw-form {
	flex-grow: 1;
}

div.hw-form div.alert.alert-none {
	padding: 0;
}

form.err .yui-navset>ul.yui-nav>li.err>a:before {
	content: "\f111";
	position: absolute;
	top: calc(50% - 0.5em);
	left: 0.75rem;
	font-size: 0.75rem;
	line-height: 1;
	font-family: 'Font Awesome 5 Pro';
	color: var(--danger);
	font-weight: 900;
}

form.err .yui-navset>ul.yui-nav>li.err>a {
	position: relative;
}

form.err .yui-navset>ul.yui-nav>li.err>a>em {
	padding-left: 1.5rem !important;
}
@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px transparent;
  }
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 15px transparent;
  }
}

/* Checkbox & Radio Styles */
input[type='radio']:not(.tsr-radio),
input[type='checkbox']:not(.toggle) {
  display: none;
  cursor: pointer;
}

input[type='radio']:not(.tsr-radio):focus
, input[type='radio']:not(.tsr-radio):active
, input[type='checkbox']:not(.toggle):focus
, input[type='checkbox']:not(.toggle):active  {
	outline: none;
}

input[type='radio']:not(.tsr-radio) + label,
input[type='checkbox']:not(.toggle) + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin: 0 !important;
  line-height: calc(1.231rem + 2px);
  height: calc(1.231rem + 2px);
  width: calc(1.231rem + 2px);
  box-sizing: border-box;
}

input[type="checkbox"] + label + label,
input[type="radio"] + label + label  {
	margin:0;
	margin-left: 0.75em;
	margin-bottom: 0px;
}

input[type='radio'][disabled]:not(.tsr-radio) + label,
input[type='checkbox']:not(.toggle)[disabled] + label,
input[type='radio'][disabled]:not(.tsr-radio) + label + label,
input[type='checkbox']:not(.toggle)[disabled] + label + label {
	opacity: 0.6;
	cursor: not-allowed;
}

input[type='radio']:not(.tsr-radio) + label::before
, input[type='radio']:not(.tsr-radio) + label::after
, input[type='checkbox']:not(.toggle) + label::before
, input[type='checkbox']:not(.toggle) + label::after {
  content: '';
  display: inline-block;
  width: calc(1.231rem + 2px);
  height: calc(1.231rem + 2px);
  left: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
  box-sizing: border-box;
}

input[type='radio']:not(.tsr-radio) + label::before,
input[type='checkbox']:not(.toggle) + label::before   {
	background-color: #fafafa;
	transition: all 0.3s ease-in-out;
	border: 2px solid #aaa;
}

input[type='radio']:not(.tsr-radio) + label::after,
input[type='checkbox']:not(.toggle) + label::after  {
	color: #fff;
}

input[type='radio']:checked:not(.tsr-radio) + label::before,
input[type='checkbox']:not(.toggle):checked + label::before {
  	animation: ripple 0.2s linear forwards;
	border-color: #2980b9;
}

/*Radio Specific styles*/
label + input[type='radio']:not(.tsr-radio) + label {
	margin-left: 15px !important;
}

input[type='radio']:not(.tsr-radio) + label
, input[type='radio']:not(.tsr-radio) + label::before
, input[type='radio']:not(.tsr-radio) + label::after {
	height: calc(1.231rem + 4px);
	width: calc(1.231rem + 4px);
	line-height: calc(1.231rem + 4px);
}

input[type='radio']:not(.tsr-radio) + label {
	min-width: calc(1.231rem + 4px);
}


input[type='radio']:not(.tsr-radio) + label::before  {
	border-radius: 50%;
}

input[type='radio']:not(.tsr-radio) + label::after  {
	position: absolute;
	top: calc(0.6155rem / 2 + 2px);
	left: calc(0.6155rem / 2 + 2px);
	height: 0.6155rem;
	width: 0.6155rem;
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.3s;
}

input[type='radio']:not(.tsr-radio) + label:hover::after  {
	transform: scale(1);
	background: #c7c7c7;
}

input[type='radio']:checked:not(.tsr-radio) + label::after
, input[type='radio']:checked:not(.tsr-radio) + label:hover::after {
	transform: scale(1);
	background: #2980b9;
}

label + input[type='checkbox']:not(.toggle) + label {
	margin-left: 15px;
}

input[type='checkbox']:not(.toggle)+label::before {
	border-radius: 4px;
}

input[type='checkbox']:not(.toggle):checked+label::before {
	animation-fill-mode: none;
	box-shadow: inset 0 0 0 1.231rem #2980b9;
}

input[type='checkbox']:not(.toggle) + label:hover::after, input[type='checkbox']:not(.toggle):checked + label::after  {
	content: "\f00c";
	line-height: 20px;
	font-size: 14px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
}

input[type='checkbox']:not(.toggle) + label:hover::after {
  color: #c7c7c7;
}

input[type='checkbox']:not(.toggle):checked + label::after, input[type='checkbox']:not(.toggle):checked + label:hover::after {
  color: #fff;
}

/*Toggle Specific styles*/
input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 55px;
  height: 22px;
  background-color: #fafafa;
  position: relative;
  border-radius: 30px;
  @inlcude box-shadow(none);
  transition: all 0.2s ease-in-out;
  border: 1px solid #aaa;
}

input[type='checkbox'].toggle:hover::after {
  background-color: #c7c7c7;
}

input[type='checkbox'].toggle::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #aeaeae;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}

input[type='checkbox']:checked.toggle {
  box-shadow: inset 0 0 0 15px #2980b9;
}

input[type='checkbox']:checked.toggle::after {
  left: 34px;
  background-color: #fff;
}
/* End of checkbod & radio styles */
.hw-wf-bar-container  {
/* 	background: linear-gradient(#81d4fa, #ffb74d); */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100%);
	height: 13em;
	position: relative;
	margin: 0;
	border-radius: 5px 5px 0 0;
	font-size: 1em;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.hw-wf-bar-container.can-forward {
	height: 15em;
}

.hw-wf-bar-container, .hw-wf-bar-container * {
	box-sizing: border-box;
}

.hw-wf-bar {
	height: 0.8em;
	border-radius: 0.4em;
	background: linear-gradient(#777 2px, #888 2px, #888 calc(1em - 2px),
		#ccc);
	position: relative;
	top: 6em;
	box-shadow: 0 3px 8px #aaa;
	margin: 0 calc(11.5% - 1em) 0 2em;
}

.hw-wf-bar>.hw-wf-processed {
	background: #207146;
	width: 10%;
	height: 0.8em;
	border-radius: 0.4em;
	z-index: 1;
	box-shadow: inset 0px -1px 0.8em #0b2d1b;
}

.hw-wf-bar>.hw-wf-item {
	position: absolute;
	height: 3em;
	width: 22.5%;
	top: calc(-1em - 3px);
	z-index: 2;
	text-align: center;
}

.hw-wf-bar > .hw-wf-item > .hw-item-desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	transform: translateY(-4em) translateX(calc(-50% + 1.5em - 2px));
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: calc(2.462em + 0.5em);
	text-align: center;
}

.hw-wf-bar > .hw-wf-item > .hw-item-desc > span {
	border-radius: 5px;
	padding: 0.25em 0.5em;
	display: inline-block;
}

.hw-wf-bar > .hw-wf-item > .hw-item-details {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.25em 0.5em;
	width: 100%;
	box-sizing: border-box;
	transform: translateY(3.5em) translateX(calc(-50% + 1.5em - 2px));
	border-radius: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: calc(3.462em + 0.5em);
}

.hw-wf-bar-container.can-forward .hw-wf-bar > .hw-wf-item > .hw-item-details {
	max-height: calc(5.462em + 0.5em);
}
	
.hw-wf-bar > .hw-wf-item > a {
	font-size: 1.5em;
	color: #999;
	height: 2em;
	width: 2em;
	line-height: calc(2em - 4px);
	display: block;
	text-decoration: none;
	font-weight: 600;
	text-shadow: 1px 2px 3px #fff;
	background: linear-gradient(#ccc, #ddd);
	border: 2px solid #fff;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px
		rgba(255, 255, 255, .05), inset 0px -3px 1px 1px
		rgba(204, 198, 197, .35);
	border-radius: 50%;
}

.hw-wf-bar > .hw-wf-item > a.cancel {
	background: linear-gradient(#aaa, #ccc) !important;
	color: #777 !important;
	text-shadow: 1px 2px 3px #fff !important;
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(1) {
	left: calc(10% - 1.5em);
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(2) {
	left: calc(28% - 1.5em);
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(3) {
	left: calc(46% - 1.5em);
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(4) {
	left: calc(64% - 1.5em);
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(5) {
	left: calc(82% - 1.5em);
}

.hw-wf-bar.size-6>.hw-wf-item:NTH-CHILD(6) {
	left: calc(100% - 1.5em);
}

.hw-wf-bar.size-6.processed-0>.hw-wf-item:NTH-CHILD(1)>a, .hw-wf-bar.size-6.processed-1>.hw-wf-item:NTH-CHILD(2)>a,
	.hw-wf-bar.size-6.processed-2>.hw-wf-item:NTH-CHILD(3)>a, .hw-wf-bar.size-6.processed-3>.hw-wf-item:NTH-CHILD(4)>a,
	.hw-wf-bar.size-6.processed-4>.hw-wf-item:NTH-CHILD(5)>a, .hw-wf-bar.size-6.processed-5>.hw-wf-item:NTH-CHILD(6)>a {
	background: #ffa600;
}

.hw-wf-bar.size-6.processed-0>.hw-wf-item:NTH-CHILD(1)>.hw-item-desc>span, .hw-wf-bar.size-6.processed-1>.hw-wf-item:NTH-CHILD(2)>.hw-item-desc>span,
	.hw-wf-bar.size-6.processed-2>.hw-wf-item:NTH-CHILD(3)>.hw-item-desc>span, .hw-wf-bar.size-6.processed-3>.hw-wf-item:NTH-CHILD(4)>.hw-item-desc>span,
	.hw-wf-bar.size-6.processed-4>.hw-wf-item:NTH-CHILD(5)>.hw-item-desc>span, .hw-wf-bar.size-6.processed-5>.hw-wf-item:NTH-CHILD(6)>.hw-item-desc>span {
	color: #fff;
	background: #2980b9;
	text-shadow: 1px 2px 3px #777;
	padding: 0.75em 0.5em;
}

.hw-wf-bar.size-6.processed-1>.hw-wf-item:NTH-CHILD(-n+1)>a, .hw-wf-bar.size-6.processed-2>.hw-wf-item:NTH-CHILD(-n+2)>a,
	.hw-wf-bar.size-6.processed-3>.hw-wf-item:NTH-CHILD(-n+3)>a, .hw-wf-bar.size-6.processed-4>.hw-wf-item:NTH-CHILD(-n+4)>a,
	.hw-wf-bar.size-6.processed-5>.hw-wf-item:NTH-CHILD(-n+5)>a, .hw-wf-bar.size-6.processed-6>.hw-wf-item:NTH-CHILD(-n+6)>a {
	background: #28a745;
}

.hw-wf-bar.size-6.processed-1>.hw-wf-item:NTH-CHILD(-n+2)>a, .hw-wf-bar.size-6.processed-2>.hw-wf-item:NTH-CHILD(-n+3)>a,
	.hw-wf-bar.size-6.processed-3>.hw-wf-item:NTH-CHILD(-n+4)>a, .hw-wf-bar.size-6.processed-4>.hw-wf-item:NTH-CHILD(-n+5)>a,
	.hw-wf-bar.size-6.processed-5>.hw-wf-item:NTH-CHILD(-n+6)>a, .hw-wf-bar.size-6.processed-6>.hw-wf-item:NTH-CHILD(-n+7)>a {
	color: #fff;
	text-shadow: 1px 2px 3px #777;
}

.hw-wf-bar.size-6.processed-1>.hw-wf-processed {
	width: 28%;
}

.hw-wf-bar.size-6.processed-2>.hw-wf-processed {
	width: 46%;
}

.hw-wf-bar.size-6.processed-3>.hw-wf-processed {
	width: 64%;
}

.hw-wf-bar.size-6.processed-4>.hw-wf-processed {
	width: 82%;
}

.hw-wf-bar.size-6.processed-5>.hw-wf-processed {
	width: 100%;
}

.hw-wf-bar.size-6.processed-6>.hw-wf-processed {
	width: 100%;
}

.hw-wf-bar > .hw-wf-item.cancelled > .hw-item-desc > span {
	color: #fff;
	padding: 0.75em 0.5em;
	border-radius: 5px;
	background: #e94043;
	text-shadow: 1px 2px 3px #777;
}

.hw-wf-bar > .hw-wf-item.cancelled > a {
	background: linear-gradient(#ccc, #ddd) !important;
}
@media only screen and (max-width: 1300px) {
	div.topNav>div.changeOrg {
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	div.topTxt > span.orgName, div.topNav>div.changeOrg {
		display: none;
	}
	div.topTxt > span.orgName.orgName-short {
		display: inline;
		color: #f5f510;
	}
}

@media only screen and (min-width: 1450px) {
	html, body {
		font-size: 14px;
		line-height: 1.428;
	}
	div.search-area>div.toggle-view {
		top: calc(5rem + 5px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 
			1.428rem - 9px);
	}
	#layout-doc>.yui-layout-unit-top.yui-layout-noscroll ~
		.yui-layout-unit-center div.search-area>div.toggle-view {
		top: calc(1.325787rem + 0.37695rem + 0.37695rem + 4px - 1.428rem - 9px);
	}
	#layout-doc>.yui-layout-unit-top.yui-layout-noscroll ~
		.yui-layout-unit-center #emp-tabs div.search-area>div.toggle-view {
		top: calc(4.77rem + 1.208rem + 14px + 20px + 1.428rem + 0.35rem + 0.35rem + 
			2px + 6px - 1.428rem - 9px - 2px);
		border-bottom: 1px solid #ccc;
	}
	#elTabs div.search-area>div.toggle-view {
		top: calc(5rem + 5px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 
			1.428rem - 9px + 1.325787rem + 0.37695rem + 0.37695rem + 4px - 5px +
			 15px);
		border-bottom: 1px solid #28a745;
	}
	.yui-skin-sam #empmenu.yuimenubar {
		left: 209 !important;
		top: 72px !important;
	}
	.hw-wf-bar > .hw-wf-item > .hw-item-desc {
		max-height: calc(2.856em + 0.5em);
	}
	div.recipients  {
		min-height: calc(2.428rem + 12px);
	}
}

@media only screen and (min-width: 1650px) {
	html, body {
		font-size: 15px;
	}
	.yui-skin-sam #empmenu.yuimenubar {
		left: 218px !important;
		top: 77px !important;
	}
}

@media only screen and (min-width: 1800px) {
	html, body {
		font-size: 16px;
	}
	.yui-skin-sam #empmenu.yuimenubar {
		left: 227px !important;
		top: 82px !important;
	}
}
/*
Copyright (c) 2007, Caridy Pati�o. All rights reserved.
Portions Copyright (c) 2007, Yahoo!, Inc. All rights reserved.
Code licensed under the BSD License:
http://www.bubbling-library.com/eng/licence
version: 1.3.3
*/
.yui-skin-sam .yui-cms-accordion .yui-cms-item.comments {
	display: inline-block;
	margin-top: 15px;
}

.yui-skin-sam .yui-panel.yui-cms-item, .yui-skin-sam .yui-panel.yui-cms-item .hd
	{
	border-radius: 3px;
}

.yui-skin-sam .yui-panel.yui-cms-item.selected {
	border-top: 0px;
}

.yui-skin-sam .yui-panel.accordion.yui-cms-item {
	border: 1px solid #207ce5;
	border-top: 0;
}

.yui-skin-sam .yui-panel.accordion.yui-cms-item.selected {
	border: 1px solid #28a745;
}

.yui-skin-sam .yui-panel.yui-cms-item.selected .hd {
	border-radius: 3px 3px 0px 0px;
}

.yui-skin-sam .yui-panel.yui-cms-item .hd {
	background: linear-gradient(to bottom, #499bea, #207ce5);
	color: #fff;
	font-weight: 400;
	line-height: 1.8;
	padding: 0px 30px 0px 10px;
	text-align: left;
}

.yui-skin-sam .yui-panel.yui-cms-item.selected .hd {
	background: #28a745;
	border-color: #28a745;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item>.bd {
	height: 0;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border-radius: 0px 0px 3px 3px;
}

.yui-skin-sam .yui-cms-accordion.vertical .yui-cms-item {
	border: 1px solid #ccc;
	width: auto;
	display: inline;
}

.yui-skin-sam .yui-cms-accordion.vertical .yui-cms-item>.bd {
	height: auto;
	width: 1px;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item>.bd .fixed {
	padding: 10px 8px;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item .acrdn-actions {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	text-align: right;
	position: absolute;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item .acrdn-actions a {
	margin-right: 4px;
	text-decoration: none;
	float: left;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item .acrdn-actions .accordionToggleItem
	{
	cursor: pointer;
	top: 4px;
	right: 0px;
	position: absolute;
	color: #fff;
}

.yui-skin-sam .yui-cms-accordion.persistent .yui-cms-item.selected .acrdn-actions .accordionToggleItem
	{
	display: none;
}

.yui-skin-sam .yui-cms-accordion.vertical .yui-cms-item .accordionToggleItem
	{
	width: 25px;
	height: 15px;
	background: url(../yui/images/sprite.png) no-repeat 0 -450px;
	display: block;
}

.yui-skin-sam .yui-cms-accordion.vertical .yui-cms-item.selected .accordionToggleItem
	{
	background: url(../yui/images/sprite.png) no-repeat 0 -500px;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item .ajax .fixed {
	background: url(../../images/accordionloading.gif) no-repeat 50% 50%;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item.selected>.bd {
	height: auto;
}

.yui-skin-sam .yui-cms-accordion .yui-cms-item.show-border.selected>.bd
	{
	border: 1px solid #28a745;
	border-radius: 0 0 3px 3px;
}

.yui-skin-sam .yui-cms-accordion .nonmodal .yui-cms-item.selected>.bd {
	border: 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.nopad.selected {
	border: 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.userInfo.selected {
	border: 0px;
	border-radius: 3px 3px 0px 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.userInfo .bd {
	border: 0px;
	border-radius: 0;
	background: #fcfcfc;
}

.yui-skin-sam .yui-cms-item.yui-panel.userInfo+.underlay {
	border-radius: 3px 3px 0px 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.close .hd {
	background: #28a745;
	font-weight: normal;
}

.yui-skin-sam .yui-cms-item.yui-panel.nopad .bd .fixed {
	padding: 0px;
	border: 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.nopad .bd .fixed>table {
	width: 100%;
}

.yui-skin-sam .yui-cms-item.yui-panel.notbpad .bd .fixed {
	padding-top: 0px;
	padding-bottom: 0px;
}

.yui-skin-sam .yui-cms-item.yui-panel.userInfo.selected>.hd,
	.yui-skin-sam .yui-cms-item.yui-panel.nopad>.bd, .yui-skin-sam .yui-cms-item.yui-panel.nopad>.ft
	{
	border: 0px;
}

.yui-skin-sam .yui-layout-unit .yui-cms-accordion+.yui-cms-accordion {
	margin-top: 10px;
}

.yui-skin-sam .yui-cms-accordion.alertPanel .yui-cms-item.selected .bd {
	border: 1px solid #808080;
	border-radius: 3px;
	color: #2980b9;
	font-size: 92.3%;
	line-height: 1.5;
	font-weight: 600;
	padding: 10px;
	text-align: justify;
}

.yui-skin-sam .yui-cms-accordion.alertPanel .yui-cms-item.selected .bd .icon
	{
	float: left;
	height: 16px;
	/*	width: 16px;
	margin-right: 10px;
	background: url(../yui/images/sprite.png) no-repeat;*/
}

.yui-skin-sam .yui-cms-accordion.alertPanel .yui-cms-item.selected .bd .warnicon
	{
	background-position: 0 -1900px;
}

.yui-skin-sam .yui-cms-accordion.alertPanel .yui-cms-item.selected .bd .infoicon
	{
	background-position: 0 -1200px;
}

.yui-skin-sam .yui-cms-accordion.alertPanel .knob {
	position: absolute;
	top: 15px;
	height: 18px;
	width: 10px;
}

.yui-skin-sam .yui-cms-accordion.alertPanel .left .knob {
	right: -9px;
	background-image: url(../../images/knob.png);
}

.yui-skin-sam .yui-cms-accordion.alertPanel .right .knob {
	left: -9px;
	background-image: url(../../images/knob-left.png);
}

a.accrdn-ctl {
	position: absolute;
	height: 13px;
	width: 13px;
	top: 3px;
	background: url(../yui/images/sprite.png) no-repeat scroll;
	display: inline-block;
}

a.accrdn-sort-desc {
	right: 90px;
	height: 13px;
	width: 17px;
	background-image: url(../yui/images/layout_sprite.png);
	background-position: -20px -220px;
}

a.accrdn-sort-asc {
	right: 90px;
	height: 13px;
	width: 17px;
	background-image: url(../yui/images/layout_sprite.png);
	background-position: -20px -260px;
}

a.accrdn-expand {
	right: 65px;
	background-position: 0 -350px
}

a.accrdn-collapse {
	right: 40px;
	background-position: 0 -400px
}

.yui-cms-item.yui-panel>div.zoom_in>a.zoom_in, .yui-cms-item.yui-panel>div.zoom_out>a.zoom_out
	{
	display: none;
}

.yui-cms-item.yui-panel.selected>div.zoom_in, .yui-cms-item.yui-panel.selected>div.zoom_out
	{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}

.yui-cms-item.yui-panel.selected>div.zoom_in>a.zoom_in, .yui-cms-item.yui-panel.selected>div.zoom_out>a.zoom_out
	{
	background-image: url(../../images/zoom_in.png);
	height: 16px;
	width: 16px;
	display: inline-block;
}

.yui-cms-item.yui-panel.selected>div.zoom_out>a.zoom_out {
	background-image: url(../../images/zoom_out.png);
}

#ddGroup.yui-cms-accordion .yui-cms-item.yui-panel .hd, #ddGroup.yui-cms-accordion .yui-cms-item.yui-panel .actions
	{
	cursor: move;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions .accordionToggleItem
	{
	display: none;
}

.yui-skin-sam #ddGroup .yui-panel.yui-cms-item .hd {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
	border: 0;
	color: #646464;
	line-height: 2.5em;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
	margin-bottom: -1px;
	font-size: 116%;
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
	position: relative;
}

.yui-skin-sam #ddGroup div.hd>span.break {
	margin: -9px 10px;
	padding: 9px 0;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions {
	top: 11px;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions>a>i.fa,
	.yui-skin-sam #ddGroup .yui-panel.yui-cms-item .hd i.fa {
	height: 1em;
	color: #646464;
	opacity: 0.4;
	transition: all 0.1s;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions a
	{
	margin-right: 10px;
	color: #646464;
	font-size: 108%;
	line-height: 1em;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions a.list-to-chart>i:FIRST-CHILD
	{
	opacity: 0.5;
	margin-left: 0px;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions a.list-to-chart>i:nth-child(2)
	{
	opacity: 0.7
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions a.list-to-chart>i
	{
	margin-left: 2px;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item .acrdn-actions *:hover>i.fa,
	.yui-skin-sam #ddGroup .yui-panel.yui-cms-item .hd i:hover {
	color: #2a6496;
	opacity: 1;
	cursor: pointer;
	transform: scale(1.2, 1.2);
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item.yui-panel .bd {
	box-shadow: none !important;
	overflow: auto;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin-top: -1px;
	border-radius: 0 0 3px 3px;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item div.bd .yui-dt,
	.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item div.bd .yui-dt *
	{
	border-radius: 0px !important;
	box-shadow: none !important;
}

.yui-skin-sam #ddGroup.yui-cms-accordion .yui-cms-item div.bd div.yui-dt>div
	{
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}

.yui-skin-sam div#ddGroup div.yui-cms-item.accordion div.bd form:not(.retain-in-dashlet),
	.yui-skin-sam div#ddGroup div.yui-cms-item.accordion div.bd form:not(.retain-in-dashlet)+div.dtHeading,
	.yui-skin-sam div#ddGroup div.yui-cms-item.accordion div.bd div.yui-pg-container
	{
	display: none;
}

.dashlet-tile {
	background: rgb(231, 90, 77) none repeat scroll 0 0;
	border: 3px solid #ccc;
	color: #fff;
	font-weight: 600;
	float: left;
	height: 50px;
	margin: 0 0 10px 10px;
	padding: 5px;
	width: 80px;
	border-radius: 3px;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
}

.dashlet-tile:hover {
	cursor: pointer;
}

.yui-skin-sam #ddGroup div.yui-cms-item.list-to-chart.chart div.chart {
	width: 100%;
	height: 100%;
}

.yui-skin-sam #ddGroup div.yui-cms-item.list-to-chart.list div.chart {
	display: none;
}

.yui-skin-sam #ddGroup div.yui-cms-item.list-to-chart.chart div.list {
	display: none;
}

.yui-skin-sam #ddGroup div.list-to-chart.list.convert div.bd>div.list {
	visibility: hidden;
}

/*Dashboard related Styles */
.yui-skin-sam #ddGroup>div.yui-cms-group>div.yui-cms-item {
	position: absolute;
	border: 0 none;
	transition: left 0.5s, top 0.5s, height 0.5s, width 0.5s;
}

.yui-skin-sam div.db-setup {
	position: fixed;
	right: 0;
	z-index: 1000;
	transition: all 500ms;
}

.yui-skin-sam div.db-setup.dock-left {
	left: 0;
	right: unset;
}

.yui-skin-sam div.db-setup.dock-left>div.db-slide>div.db-cog {
	border-radius: 0 5px 5px 0;
}

.yui-skin-sam div.db-setup.dock-left>div.db-slide>div.db-arrow {
	border-radius: 0 5px 0 0;
}

.yui-skin-sam div.db-setup.dock-left>div.db-slide:hover>div.db-cog {
	border-radius: 0 0 5px 0;
}

.yui-skin-sam div.db-setup.dock-left>div.db-slide, .yui-skin-sam div.db-setup.dock-left>div.db-menu
	{
	float: right;
}

.yui-skin-sam div.db-setup>div.db-slide {
	cursor: pointer;
	text-align: center;
	width: 35px;
	float: left;
	margin-top: 24px;
	color: #fff;
}

.yui-skin-sam div.db-setup>div.db-slide>div.db-arrow {
	font-size: 108%;
	background: linear-gradient(to bottom, #555, #333);
	visibility: hidden;
	line-height: 1.08em;
	border-radius: 5px 0 0;
}

.yui-skin-sam div.db-setup>div.db-slide:hover>div.db-arrow {
	visibility: visible;
}

.yui-skin-sam div.db-setup>div.db-slide:hover>div.db-cog {
	border-radius: 0 0 0 5px;
}

.yui-skin-sam div.db-setup>div.db-slide>div.db-cog:hover {
	color: #1546D2;
}

.yui-skin-sam div.db-setup>div.db-slide>div.db-cog {
	background: rgba(0, 0, 0, 0)
		linear-gradient(to bottom, #eab92d 0%, #c79810 100%) repeat scroll 0 0;
	border-radius: 5px 0 0 5px;
	font-size: 123.5%;
	height: 45px;
	line-height: 45px;
	display: block;
}

.yui-skin-sam div.db-setup i.fa {
	transition: transform 500ms;
}

.yui-skin-sam div.db-setup.closed>div.db-menu {
	width: 0;
}

.yui-skin-sam div.db-setup>div.db-menu {
	width: 280px;
	display: inline-block;
	float: left;
	transition: width 0.75s;
	box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 0 5px;
}

.yui-skin-sam div.db-setup.dock-left>div.db-menu {
	border-radius: 0 0 5px 0;
}

.yui-skin-sam div.db-setup>div.db-menu>div.hd {
	background: linear-gradient(to bottom, #555, #333);
	padding: 10px;
	font-size: 116%;
	border: 1px solid #ccc;
	border-right: 0 none;
	color: #fff;
	border-radius: 5px 0 0 0;
	visibility: visible;
	opacity: 1;
	white-space: nowrap;
	transition: visibility 0.75s, opacity 0.75s, height 0.5s ease 0.25s;
}

.yui-skin-sam div.db-setup.dock-left>div.db-menu>div.hd {
	border-radius: 0 5px 0 0;
}

.yui-skin-sam div.db-setup>div.db-menu>div.bd {
	border: 1px solid #ccc;
	border-top: 0 none;
	border-right: 0 none;
	border-radius: 0 0 0 5px;
	background: #f7f7f7;
	visibility: visible;
	opacity: 1;
	transition: visibility 0.75s, opacity 0.75s, height 0.5s ease 0.25s;
}

.yui-skin-sam div.db-setup.dock-left>div.db-menu>div.bd {
	border-radius: 0 0 5px 0;
}

.yui-skin-sam div.db-setup.closed>div.db-menu>div.hd, .yui-skin-sam div.db-setup.closed>div.db-menu>div.bd
	{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s ease 0.25s, opacity 0.5s ease 0.25s, height
		0.5s;
}

.yui-skin-sam div.db-setup.closed>div.db-menu>div.bd {
	height: 0 !important;
}

@keyframes borderBlink {    
    from, to {    
        border-color: #ccc
    }    
    50% {    
        border-color: red
    }    
}

.yui-skin-sam #ddGroup div.yui-cms-group div.blink {
	display: none;
	position: absolute;
	top: -1900px;
	left: -1900px;
	font-size: 100px;
	color: green;
	background: linear-gradient(to bottom, #fff, #cfcfcf);
	text-align: center;
	border: 2px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	transition: left 0.5s, top 0.5s;
}

.yui-skin-sam #ddGroup div.yui-cms-group div.blink.borderBlink {
	display: block !important;
	animation: borderBlink 1s step-end infinite;
}

div.view-type {
	background: linear-gradient(to right, #fafafa, #efefef);
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	box-sizing: border-box;
	left: 0;
	position: absolute;
	top: 39px;
	width: 41px;
	transition: all 0.3s;
	height: 0;
	overflow: hidden;
}

#ddGroup div.view-type.hidden {
	border: 0 none;
	line-height: 0;
}

#ddGroup div.view-type>ul>li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fcfcfc;
	padding: 0 10px;
}

#ddGroup div.view-type>ul>li:last-child {
	border-bottom: 0 none;
}

/* comments history styling */
.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item
	{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
	border-radius: 4px;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .acrdn-actions>.accordionToggleItem
	{
	color: #5CB3EC;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd
	{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-bottom-color: #fefefe;
	border-radius: 4px 4px 0 0;
	color: var(--text-body);
	font-size: 100%;
	line-height: 2;
	padding: 0 30px 0 10px;
	font-weight: 400;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd>span.action
	{
	float: left;
	font-weight: 600;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd>span.datetime
	{
	float: right;
	font-weight: 600;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd>span.extras
	{
	clear: both;
	display: inline-block;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd>span.extras>span:first-child
	{
	margin: 0 5px;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .hd>span.extras>a
	{
	color: #2980b9;
	text-decoration: none;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .bd
	{
	border-radius: 0 0 4px 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-top-color: #ccc;
	clear: both;
	color: var(--text-body);
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .bd .fixed
	{
	padding: 10px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .bd>.fixed>img:first-child
	{
	background: #f7f7f7;
	border-color: #bbb;
	display: block;
	vertical-align: top;
	float: left;
}

.yui-skin-sam div.ch-menu div.yui-cms-accordion.conversation .yui-cms-item .bd>.fixed>img:first-child+div
	{
	display: block;
	margin-left: 10px;
	vertical-align: top;
	float: left;
	width: calc(100% - 77px);
}

.yui-skin-sam div.linkPanel {
	padding: 0 !important;
}
div.bar {
	font-size: 1rem;
	color: #28a745;
}

div.bar>ul {
	list-style: none;
	line-height: 1;
}

div.bar>ul>li {
	position: relative;
	height: 6em;
}

div.bar>ul>li>i.fa {
	position: absolute;
	left: 0.375em;
	top: 0.5em;
	color: white;
	font-size: 1.5em;
	z-index: 3;
}

div.bar>ul>li.done>i.fa {
	color: var(--hrworks-blue);
}

div.bar>ul>li:before {
	content: '\F111';
	margin-right: 10px;
	font-size: 3em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	z-index: 2;
	position: absolute;
}

div.bar>ul>li {
	border-color: #28a745
}

div.bar>ul>li:after {
	position: absolute;
	left: 0;
	top: calc(3em - 5px);
	content: '';
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: inherit;
	margin-left: calc(1.5em - 2px);
	height: calc(3em + 5px);
	z-index: 1;
}

div.bar>ul>li:last-of-type:after {
	display: none;
}

div.bar>ul>li>div {
	position: absolute;
	top: 0;
	left: 4em;
	max-width: calc(100% - 4.5em);
	white-space: normal;
	height: 3em;
	line-height: 1.3em;
	font-weight: 400;
	margin-left: 0 !important;
	color: #222;
}

div.bar>ul>li.done {
	color: #ccc;
}

div.bar>ul>li.done ~ li>div {
	font-weight: 400;
	font-style: italic;
	opacity: 0.6;
}

div.bar>ul>li.done ~ li {
	color: #ccc;
}

div.bar>ul>li.done
, div.bar>ul>li.done ~ li {
	border-color: #ccc;
}
/*
body {
  background: #1d1d1d;
  font-family: 'Lato', sans-serif;
  font-size: 2rem;
  color: white;
  font-variant: small-caps;
}
*/

/* height */
/* width */
/* toggle dimensions */
/* font size */
/* toggle's border thickness */
/* toggle box shadow */
/* labels animation time */
/* label text color */
/* colors: si, ?, no*/
.wrapper {
  width: 6rem;
  height: 2rem;
  position: relative;
  margin: 1rem auto;
  border-radius: 1rem;
  background: #f1f1f1;
  border: 1px solid #ccc;
  box-sizing: content-box !important;
}

.wrapper .toggle {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 1.8rem;
  top: -0.2rem;
  z-index: 2;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #1c5981;
  background-color: #2980b9 !important; 
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wrapper label {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  position: absolute;
  margin: 0 !important;
  padding: 0;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: bold;
}

.wrapper input {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.wrapper input:checked + label {
	color: #fff;
}

.wrapper input[disabled] + label {
	z-index: 1;
	background: #f9f9f9;
}

.wrapper input[disabled] + label:FIRST-OF-TYPE {
	border-radius: 1rem 0 0 1rem;
}

.wrapper input[disabled] + label:LAST-OF-TYPE {
	border-radius: 0 1rem 1rem 0;
}

.wrapper input[disabled] + label > i.fa {
	opacity: 0.3;
}

.wrapper input:checked + label > i.fa {
    font-weight: 400;
}

.wrapper input.s1-radio:checked {
  background: red;
}
.wrapper input.s1-radio:checked ~ .toggle {
  left: -0.2rem;
  background-color: #ff6347 !important;
  border-color: #d32000;
}

.wrapper input.s3-radio:checked {
  background: red;
}

.wrapper input.s3-radio:checked ~ .toggle {
  left: 3.8rem;
  background-color: #28a745 !important;
  border-color: #196c2c;
}

.wrapper input.s2-radio, .wrapper label.s2-lbl {
  left: 33.33333%;
}

.wrapper input.s3-radio, .wrapper label.s3-lbl {
  left: 66.66667%;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #666; 
}

div#leftmenu.leftmenu div.bd:not(:hover)::-webkit-scrollbar
, div#leftmenu.leftmenu div.bd:not(:hover)::-webkit-scrollbar-track
, div#leftmenu.leftmenu div.bd:not(:hover)::-webkit-scrollbar-thumb
, div.search-area:not(:hover)::-webkit-scrollbar
, div.search-area:not(:hover)::-webkit-scrollbar-track
, div.search-area:not(:hover)::-webkit-scrollbar-thumb
, div.scroll-hidden:not(:hover)::-webkit-scrollbar
, div.scroll-hidden:not(:hover)::-webkit-scrollbar-track
, div.scroll-hidden:not(:hover)::-webkit-scrollbar-thumb {
	visibility: hidden;
}

div#leftmenu.leftmenu div.bd:not(:hover)
, div#leftmenu.leftmenu div.bd:not(:hover)
, div#leftmenu.leftmenu div.bd:not(:hover)
, div.search-area:not(:hover)
, div.search-area:not(:hover)
, div.search-area:not(:hover)
, div.scroll-hidden:not(:hover) {
    scrollbar-color: transparent transparent;
}

.yui-skin-sam div.yui-navset.yui-navset-top > ul.yui-nav
, .yui-skin-sam div#topmenu {
	overflow-x: auto;
	scrollbar-width: none;
	scroll-behavior: smooth;
}

.yui-skin-sam div.yui-navset.yui-navset-top > ul.yui-nav::-webkit-scrollbar
, .yui-skin-sam div.yui-navset.yui-navset-top > ul.yui-nav::-webkit-scrollbar-track
, .yui-skin-sam div.yui-navset.yui-navset-top > ul.yui-nav::-webkit-scrollbar-thumb
, div#topmenu::-webkit-scrollbar
, div#topmenu::-webkit-scrollbar-track
, div#topmenu::-webkit-scrollbar-thumb {
	display: none;
}