.Class_171 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
background-color: lightyellow;
}

html.RadForm_Default {
color: #222;
background-color: #579bdb;
}

.curEmpChk {
color: #003479;
font-weight: 700;
}

body {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 16px;
font-size: 14px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #222;
text-decoration: none;
margin: 8px;
background-color: #579bdb;
}

.Container {
background-color: #fff;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
padding: 0px;
width: 960px;
box-shadow: 0px 0px 20px #000;
}

.rmRootGroup {
border: 0 !important;
z-index: 50000;
}

div.content_small {
margin: 10px;
padding: 0px;
width: 180px;
background-color: #fff;
}

div.content_large {
margin: 10px 0px;
padding: 0px;
width: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
}

section.content {
margin: auto;
z-index: 1;
display: flex;
width: 90%;
}

div.content_left {
z-index: 2;
display: none;
flex-direction: column;
}

div.content_right {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}

.show_mobile {
display: none !important;

}

.Logo {
background-color: #fff;
}

textarea {
resize: none;

}

.Header_Text {
font-size: 2em;
color: #003479;
display: inline-block;
text-transform: uppercase;
text-align: center;
width: 100%;
font-weight: 700;
line-height: 2em;
}

.autogrowtextarea {
width: 100% !important;
min-height: 100px;
}

.Header_Image {
border:1px solid #D0D0BF;
}

.Main_Content {
min-height: calc(100vh - 156px);
}

.Header {
height: 80px;
max-height: 80px;
line-height: 0px;
}

.Content_Block {
padding: 5px;
display: flex;
flex-direction: column;
}

.rounded {
border-radius: 5px;
display: block;
}

.Content_Title {
font-size: 1.2em;
color: #003479;
display: inline-block;
text-transform: uppercase;

}

.Footer_Image {
float: right;
}

.Footer {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #003479;
height: 32px;
max-height: 32px;
text-align: center;

}

.Footer a {
color: #fff;
}

.Footer a img {
height: 25px;
border: 0;
}

.Footer_Text {
color: #fff;
float: left;
padding-left: 5px;
}

input[type="button"], input[type="submit"] {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff;
font-size: 11px;
background: #003479;
padding: 5px;
text-decoration: none;
line-height: normal;
text-transform: lowercase;
}

input[type="button"]:hover, input[type="submit"]:hover {
background: #FFF;
color: #003479;
}

input, select {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #5d577f;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #c2bfd2;

}

input[type="image"] {
background-color: transparent;
border: 0;
}

.two_column {
display: table;
}

.two_column_left {
text-align: right;
width: 110px;
float: left;
padding: 1px;
}

.two_column_right {
text-align: left;
float: right;
padding: 1px;
}

.tableWrapper {
display: flex;
flex-flow: column nowrap;
flex: 1 1 auto;

}

.tableRow {
display: flex;
flex-flow: row wrap;

}

.tableCol {
display: flex;
flex-grow: 1;
flex-basis: 350px;
flex-flow: column nowrap;
padding: 0.2em 0.5em;

}

.tableCol > label, .t-col > label {
width: 100%;
padding-left: 2px;
margin-bottom 6px;
font-weight: 400;
font-size: 0.8em;
text-transform: uppercase;
color: #191f64;
}

.tableCol > input, .t-col > input {
width: 100%;
color: #191f64;
font-weight: 600;
font-size: 0.8em;
}

.tableCol > a, .t-col > a {
width: 100% !important;
}

.tableCol > div.RadPicker, .t-col > div.RadPicker {
width: 100%
}

.dgStyle {
border: 1px solid #c2bfd2;
width: 100%;
white-space: nowrap;
}

.dgAlternatingItemStyle {
font-family: 'Hubot Sans', sans-serif !important;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666;
text-decoration: none;
background-color: #f0f0f0;
border: 1px solid #c2bfd2;
padding: 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

td.gridiconcolumn {
padding-left: 0px !important;
padding-right: 0px !important;
}

th.gridiconcolumn {
padding-left: 0px !important;
padding-right: 0px !important;
}

.gridiconsmall {
    height: 12px;
    vertical-align: middle;
    margin-left: 4px;
}

.GridOverflowColumn {
max-width: 1px !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.gridicon {
height: 20px;
margin: 0px 1px;
}

.dgItemStyle {
font-family: 'Hubot Sans', sans-serif !important;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #c2bfd2;
padding: 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.dgAlternatingItemStyle a {
color: #666;
}

.dgItemStyle a {
color: #666;
}

.dgPagerStyle {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666;
text-decoration: none;
background-color: #e6e6e6;
border: 1px solid #c2bfd2;
padding: 3px;
}

.dgPagerStyle a {
color: #666;
text-decoration: none;
font-weight: normal;
vertical-align: middle;
}

.dgPagerStyle span {
box-shadow: 0 0 1px 1px rgba(72, 72, 72, 0.4) inset;
background: none repeat scroll 0 0 #ccc;
border: 1px solid #f9f9f9;
border-radius: 4px;
margin-top: 0;
padding: 1px;
vertical-align: middle;
font-weight: bold;
}

.dgHeaderStyle a {
color: #666;
text-decoration: none;
}

.dgHeaderStyle {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666;
text-decoration: none;
text-transform: uppercase;
background-color: #e6e6e6;
border: 1px solid #c2bfd2;
padding: 3px;
white-space: normal;
}

.dgItemStyle td {
padding-left: 3px;
}

.dgAlternatingItemStyle td {
padding-left: 3px;
}

.dgSelectedItemStyle {
	font-family: 'Hubot Sans', sans-serif !important;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #8985a6;
	border: 1px solid #c2bfd2;
	padding: 3px;

}

.dgFooterStyle {
background-color:#FFF;
}

.dgHeaderStyleASC {
padding-right: 16px;
background: url(/Images/sort_asc.png) no-repeat 95% 50%;
}

.dgHeaderStyleDESC {
padding-right: 16px;
background: url(/Images/sort_desc.png) no-repeat 95% 50%;
}

.HeaderRed {
background-color: #FF9999;
}

.ItemRed {
background-color: #FFBBBB;
}

.AlternatingItemRed {
background-color: #FFDDDD;
}

.HeaderYellow {
background-color: #FFFF55;
}

.ItemYellow {
background-color: #FFFF99;
}

.AlternatingItemYellow {
background-color: #FFFFDD;
}

.HeaderGreen {
background-color: #99FF99;
}

.ItemGreen {
background-color: #BBFFBB;
}

.AlternatingItemGreen {
background-color: #DDFFDD;
}

.dgButtonCol {
width: 1%;
}

.four_column {
width: 670px;
clear: both;
position: relative;

}

.four_column_left {
width:150px;
position: absolute;
}

.four_column_centerleft {
width:185px;
margin-left: 150px;
position: absolute;
}

.four_column_centerright {
width:150px;
margin-left:335px;
position: absolute;
}

.four_column_right {
width:185px;
margin-left:485px
}

.Class_1 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
}

.Content_Block_Tab {
padding: 5px;
background-color: #F0F0F0;
border-radius: 5px;
}

.Class_2 {
color: red;
}

.t-container.t-container-static.nestedRPL {
padding-left: 0px;
padding-right: 0px;
}

.Class_3 {
position: relative;
width: 678px;
height: 300px;
border: 1px solid #c2bfd2;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.Class_4 {
position: absolute;
top: -10px;
left: 10px;
padding-left: 2px;
padding-right: 2px;
color: blue;
font-size: 12pt;
font-weight: bold;
background-color: #F3F2EE;
}

.Class_5 {
width: 98%;
height: 98%;
border: 0px solid black;
margin: 10 auto;
background-color: #F3F2EE;
}

a.boldbuttons {
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons {
color: white; /*button text color*/
}

a:visited.boldbuttons {
color: white; /*button text color*/
}

a:hover.boldbuttons {
color: white; /*button text color*/
}

a:active.boldbuttons {
color: white; /*button text color*/
}

a.boldbuttons span {
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

}

a:hover.buttons {
text-decoration: underline;

}

.buttonwrapper {
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}

.Class_34 {
width: 250px;
bg-color: blue;
}

.Class_52 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-variant: normal;
text-transform: none;
color: Black;
text-decoration: none;
}

.Class_48 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: Black;
text-decoration: none;
}

.Class_49 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 25px;
}

.Class_51 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 50px;
}

.Class_56 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: red;
text-decoration: none;
width: 50px;
}

.Class_47 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 95px;
}

.Class_54 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 160px;
}

.Class_53 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 200px;
}

.Class_55 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #8985a6;
text-decoration: none;
width: 250px;
}

.Class_68 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
width: 400px;

}

.Class_66 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
width: 500px;
bg-color: blue;
}

.Class_67 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
width: 600px;

}

.Class_71 {
font-family: 'Hubot Sans', sans-serif !important;
font-size: 11px;
font-style: normal;
line-height: 13px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: red;
text-decoration: none;
}

.info {
font-size: 11px;
}

.important {
color: red;
}

.jobcmb {
/* Style for the Job Code drop-down */
border-top: 1px dotted #CCCCCC;
font-size: 11px;
width: 100%;
table-layout: fixed;
}

.jobcmb td.jcr {
/* Style for the Job Code drop-down */
width: 20%;
text-align: right;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}

.jobcmb td.jcl {
/* Style for the Job Code drop-down */
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}

.RadForm_Default {
background-color: inherit;

}

.RadGrid .rgSortableIcon:before {
content: "\e010";
}

.RadForm_Bootstrap {
background-color: inherit;
}

.RadGrid .rgCommandRow img {
height: 20px !important;
float: right;
}

.rgEditPopup {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}

.rmSelected > .rmRootLink {
border-color: #1667b7 !important;
color: #ffffff !important;
background-color: #1976d2 !important;
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important;

}

@media screen and ( max-height: 600px ) {
.hide_medium {
  display: none;
}
}

@media screen and ( max-height: 400px ) {
.hide_short {
  display: none;
}
}