html, body {
    background-color: White;
    font-family: Verdana;
    font-size: 9px;
    height: 100%;
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #3480DC;
}

input {
    font-family: Verdana;
    font-size: 9px;
}

textarea {
    font-family: Verdana;
    font-size: 9px;
}

select {
    font-family: Verdana;
    font-size: 9px;
}

.buttonsTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 0px;
}

.newButtonsTable {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.buttonsTableForTabs {
    margin-top: 9px;
}

.gridViewDateLabel {
    width: 100px;
}

.gridView {
    border-color: White;
}

.gridViewHeader {
    font-size: 11px;
    font-weight: bold;
    background-color: #87a1c1;
    color: White;
}

.gridViewEditColumn {
    width: 30px;
}

.gridViewColumn {
    padding-left: 7px;
    text-align: left;
    padding-right: 5px;
}

.gridViewCheckboxColumn {
    width: 30px;
}

.gridViewPaging {
    font-size: 13px;
}

span.gridViewHeaderCheckBox input {
    margin: 0;
    height: 13px;
    overflow: hidden;
}

.subTitle {
    font-size: 12px;
    font-weight: bold;
}

.gridViewFooter {
    font-size: 9px;
    font-weight: bold;
    color: Black;
    text-align: center;
}

.gridViewItems {
    font-size: 9px;
    background-color: #e4e3e3;
    text-align: center;
    height: 18px;
}

.gridViewAlternatingItems {
    font-size: 9px;
    background-color: #EDEBEB;
    text-align: center;
    height: 18px;
}

.gridViewItemsLeft {
    font-size: 9px;
    background-color: #e4e3e3;
    height: 18px;
}

.gridViewAlternatingItemsLeft {
    font-size: 9px;
    background-color: #EDEBEB;
    height: 18px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.7;
}

.modalBackgroundFirstLayer {
    z-index: 200000 !important;
}

.modalTable {
    background-color: White;
    border: 2px solid;
    border-color: #A6B9D4;
}

.tooltip {
    background-color: #E6ECFF;
    border: 1px solid;
    border-color: #87a1c1;
    padding: 3px;
    font-family: Verdana;
    font-size: 9px;
}

.tooltipCell {
    white-space: nowrap;
}

.success {
    border-color: #009900;
    background-color: #bdea90;
}

.error {
    border-color: #ff0033;
    background-color: #fee2e1;
}

.warning {
    border-color: #b68e02;
    background-color: #ffff99;
}

.errorTooltip {
    border: #ff0033 1px solid;
    padding: 3px;
    background-color: #fee2e1;
    font-size: 9px;
}

.fixedWidthWordWrap {
    width: 200px;
    word-wrap: break-word;
}

.errorTable {
    width: 500px;
    height: 60px;
    padding: 0px;
    background-color: #F3C9C9;
    font-size: 9px;
}

.errorIcon {
    font-size: 25px;
    color: #EA7368;
    height: 25px;
    padding: 0px 6px 0px 8px;
}

.nameCell {
    background-color: #AEBED5;
    font-weight: bold;
    padding-left: 5px;
    height: 17px;
}

.changePasswordNameCell {
    background-color: #AEBED5;
    font-weight: bold;
    padding-left: 5px;
    height: 17px;
    width: 120px;
}

.dataCell {
}

.collapsePanelHeader {
    font-size: 10px;
    font-weight: bold;
    background-color: #87a1c1;
    color: White;
    padding: 5px;
    border: solid 1px;
    border-color: #FFFFFF;
}

.collapsePanelData {
    background-color: #e4e3e3;
    border: solid 1px;
    border-color: #FFFFFF;
}

.collapseButton {
    cursor: hand;
}

.options {
    background-color: #E4E3E3;
    display: none;
}

.optionsVisible {
    background-color: #E4E3E3;
    display: block;
}

.timesheetEntryControlHeader {
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    background-color: #87a1c1;
    color: White;
    text-align: center;
}

.autoCompleteList {
    max-height: 200px;
    overflow: auto;
    padding-left: 0px;
    margin: 1%;
    border-style: solid;
    border: 1px;
    border-color: Gray;
    list-style: none;
}

.autoCompleteListWithScrollBars {
    max-height: 215px;
    overflow: auto;
    padding-left: 0px;
    margin: 1%;
    border-style: solid;
    border: 1px;
    border-color: Gray;
    list-style: none;
    white-space: nowrap;
}

.completionList {
    max-height: 215px;
    overflow: auto;
    padding: 0;
    margin: 0 0 0 2px;
    border: 1px solid #828282;
    background: white;
    list-style: none;
    white-space: nowrap;
}

.completionListItem {
    padding: 1px 6px;
    margin: 1px 2px;
}

.completionListHighlightedItem {
    padding: 1px 6px;
    margin: 1px 2px;
    background: #dfdfdf;
}

.dashboardTable {
    width: 450px;
    border: 1px solid #c0c0c0;
}

.dashboardHeading {
    background-color: #375595;
    color: White;
    font-weight: bold;
    font-size: small;
    padding: 2px;
}

.dashboardContent {
    padding: 10px;
}

.dashboardLabel {
    width: 370px;
}

.dashboardData {
    width: 25px;
    text-align: right;
}

.commentsColumnIndicator {
    background-image: url(../images/corner_topright_darkblue.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.leaveGrid {
    max-height: 520px;
    overflow: auto;
}

.legenddiv {
    text-align: right;
    float: right;
}

.addUserDomain {
    margin-left: 10px;
}

.readOnlyTextBox {
    background-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    border-color: #B6B6B8;
}

.postedCommentsTitle, .clockingCommentsTitle {
    background-color: #E6ECFF;
    font-weight: bold;
}

.blackoutCell {
    background-image: url('../Images/blackoutwithborder_background.png');
    background-repeat: no-repeat;
    background-position: center;
}

.blackoutCellLegend {
    background-image: url('../Images/blackoutwithborderLegend_background.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*telerik override styles*/
/*bug 2730*/
.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: 17px !important;
}

/*bug 2720*/
.RadListBox .rlbGroup {
    border-width: 0px !important;
}

/*bug 2721*/
.RadListBox {
    display: block !important;
    min-width: auto !important;
}

.EmailImage {
    vertical-align: bottom
}

.multiOfferHeader {
    background-color: rgb(131, 163, 201);
    text-align: left;
    font-weight: normal;
    border-bottom: silver 1px solid;
    border-top: 0;
}


.multiOfferEmployees {
    border-collapse: collapse;
    width: 100%;
    border-right: silver 1px solid;
    border-bottom: silver 1px;
    border-top: 0;
    border-left: silver 1px;
    font-size: 29px;
}

.multiOfferExpandHandleDown {
    background-position: 0 0px;
    background-color: transparent;
    background-image: url('../Images/Sprites/Expandable.png');
    background-repeat: no-repeat;
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
    cursor: pointer;
}

.multiOfferExpandHandleUp {
    background-position: 0 -176px;
    background-color: transparent;
    background-image: url('../Images/Sprites/Expandable.png');
    background-repeat: no-repeat;
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
    cursor: pointer;
}

.RadAutoCompleteBox .racTokenList {
    border-width: 0 !important;
}

.racItem {
    font-family: Verdana !important;
    font-size: 9px !important;
}

.RadAutoCompleteBox_Default .racInput {
    color: #000000 !important;
    font-family: Verdana !important;
    font-size: 9px !important;
    font-weight: bold !important;
    line-height: 16px;
}

.RadAutoCompleteBox_Vista .racInput {
    font-family: Verdana !important;
    font-size: 9px !important;
    line-height: 16px;
}

.RadAutoCompleteBox_Vista .racEmptyMessage {
    color: #8a8a8a;
    font-style: italic;
}

.LinkShiftsMenu {
    width: 88px !important;
}

    .LinkShiftsMenu a.rmLink {
        width: 88px !important;
    }

.TemplatesMenu {
    width: 125px !important;
}

    .TemplatesMenu a.rmLink {
        width: 125px !important;
    }

.shiftSwapErrorMessageTable {
    filter: alpha(opacity=95);
    cursor: hand;
    width: 96%;
    min-height: 5%;
    border: 1px solid;
    border-color: #ff0033;
    margin: 0;
    background-color: #fee2e1;
}

::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

.vertical {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    margin-left: 60px;
    width: 200px
}

.filterGroup {
    color: #3480DC;
    font-size: 15px;
    font-weight: bold;
}

.leftListBoxLabel {
    float: left;
    padding: 5px 0 5px 5px;
    background-color: #AEBED5;
    font-weight: bold;
    height: 17px;
}

.rightListBoxLabel {
    margin-left: 40px;
    padding: 5px 0 5px 5px;
    background-color: #AEBED5;
    font-weight: bold;
    height: 17px;
}

.fieldLabel {
    padding: 5px 0 5px 5px;
    background-color: #AEBED5;
    font-weight: bold;
    height: 17px;
}

td.fieldLabel {
    background-color: #AEBED5;
    font-weight: bold;
    padding-left: 5px;
    height: 17px;
    width: 180px;
}

.badge1 {
    display: inline-block;
    line-height: 18px;
    height: 16px;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: white;
    border: 1px solid #337AB7;
    border-radius: 8px;
    background: #337AB7;
    margin-right: 5px
}

/*Start: CSS for location match pins and divs */
.green:before, .red:before, .grey:before {
    font-family: FontAwesome;
    content: "\f041";
    font-size: 19px;
    padding: 0 1px 0;
}

.green:before {
    color: green;
}

.red:before {
    color: red;
}

.grey:before {
    color: grey;
}
/*End: CSS for location match pins and divs */

.templateList {
    min-width: 267px;
    min-height: 50px;
    max-height: 250px;
    overflow-y: auto;
}

.radio input {
    position: relative;
    top: -1px
}

.radio label {
    position: relative;
    top: -4px
}

/* Safari 10.1+  */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .radio label {
            top: 0;
        }
    }
}

.react-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.react-iframe {
    width: 100%;
    border: 0;
}

.addressSearchPadding {
    padding: 0px 0px 2px 0px;
}

.addressSearchPaddingIcon {
    font-size: 16px;
    margin-left: -20px;
    vertical-align: middle;
}

.addressSearchDiv {
    display: flex;
    width: 362px;
}

.addressSearchTextbox {
    width: 100%;
    padding-right: 20px;
}

.externalLinkIcon {
    font-size: 18px;
    vertical-align: sub;
}

.externalLinkIconEL20 {
    font-size: 20px;
    vertical-align: top;
}

/*telerik new version override grid styles*/
.RadGrid {
    border-width: 0px !important;
    border-style: none !important;
}
/*telerik new version override comobo box styles*/
.RadComboBox .rcbInputCell {
    line-height: 0px !important;
}

.rcbList {
    width: 100% !important;
}