@import "/css/font-awesome/css/font-awesome.min.css";

BODY {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif" !important;
}

INPUT {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 11pt;
    font-weight: normal;
    margin-right: 6px !important;
}

TEXTAREA {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 13pt;
    font-weight: normal;
}

LABEL {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 12pt !important;
    font-weight: bold !important;
}

SELECT {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-weight: normal;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-size: 14px !important;
}

TABLE {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 13pt;
}

TD {
    padding: 2px !important;
}

.SimpleShellMTable TD {
    padding: 10px !important;
}

TD.clsContentHeader {
    background-color: #d0d0d0;
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
}

.qContent TD {
    padding: 6px !important;
}

TD.clsContentBody {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 13pt;
    padding-top: 3px;
    padding-left: 3px;
}

TD.clsTopLink {
    color: #ff9900;
    font-weight: bold;
    padding-top: 3px;
}

.btn-sm:hover,
.btn-sm:focus {
    background-color: #286090 !important;
}

A.btn-primary .text-primary {
    color: #fff !important;
}

a {
    color: #000033;
}

    A.btn-primary, button.btn-primary,
    .btn:active {
        text-decoration: none !important;
        background-color: #337AB7 !important;
    }

.TempHeader {
    font-family: Open Sans, Sans-Serif;
    color: Black;
    font-weight: bold;
    font-size: larger;
}

A.clsTopLink {
    color: #990000;
    font-size: 13pt;
    font-weight: bold;
}

    A.clsTopLink:active {
        color: #ff9900;
    }

A.ChameleonNavBarItem {
    color: #888888;
    font-family: "Open Sans", "Helvetica", "sans-serif";
    font-size: 13pt;
    text-decoration: none;
    padding-left: 17px;
    font-weight: bold;
}

    A.ChameleonNavBarItem:hover {
        color: #3b5998;
        text-decoration: underline;
        background-repeat: no-repeat;
        background-image: url(/images/Bluenavarrow.gif);
        background-position: 1px top;
        font-weight: bold;
    }

A.ChameleonNavBarSelectedItem {
    color: #3b5998;
    font-family: "Open Sans", "Helvetica", "sans-serif";
    font-size: 13pt;
    text-decoration: none;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url(/images/Bluenavarrow.gif);
    background-position: 1px top;
    padding-left: 17px;
}

A.clsLargeLinkH1 {
    color: #000;
    font-size: 16pt;
    font-weight: bold;
    text-decoration: none;
}

    A.clsLargeLinkH1:hover {
        color: #000;
    }

A.clsLargeLink {
    color: #337AB7;
    font-size: 16pt;
    font-weight: bold;
    text-decoration: none;
}

h1.h1Content {
    color: #41759c;
    font-family: "Open Sans", "Helvetica", "sans-serif";
    font-size: 20px !important;
    font-weight: bold;
    text-shadow: none !important;
    text-align: center;
}

h1 {
    text-shadow: none !important;
    line-height: unset !important;
    font-size: 14pt !important;
}

h2 {
    font-size: 12pt !important;
}

A.clsLargeLink:hover {
    color: #81706b;
}

A.clsMediumLink {
    color: #000080;
    font-size: 12px;
    text-decoration: none;
}

    A.clsMediumLink:hover {
        color: #0000ff;
    }

A.clsInLineLink {
    color: #990000;
}

    A.clsInLineLink:active {
        color: #ff9900;
    }

.clsHeader {
    color: #000;
    font-size: 1.25em;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 15px;
}

.ChameleonButton {
    width: 100px;
}

.width150 {
    width: 100px;
}

.ChameleonHeader {
    color: #ffffff;
}

.clsContentHeading {
    color: #69879e;
    font-size: 15px;
    font-weight: bold;
}

.SimpleShellHeader1 {
    color: #ff9900;
    font-weight: bold;
    font-family: Open Sans;
    letter-spacing: 3px;
    font-size: 12pt;
}

    .SimpleShellHeader1 A {
        color: #CCCCCC;
        font-weight: normal;
        font-family: Open Sans;
        letter-spacing: normal;
        font-size: 13pt;
    }

.SimpleShellHeader2 {
    color: #ff9900;
    font-weight: normal;
    font-family: Open Sans;
    letter-spacing: normal;
    font-size: 13pt;
}

.SimpleShellBody1 {
    color: #ffffff;
}

    .SimpleShellBody1 A {
        color: #003366;
    }

.SimpleShellFooter1 {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.SimpleShellBody2 {
    font-weight: normal;
    color: #ffffff;
}

    .SimpleShellBody2 A {
        color: Blue;
    }

.SimpleShellBody3 {
    color: #ffffff;
}

.WarningShellBody2 {
    color: #000000;
}

A.WarningShellBody2 {
    color: #000000;
}

.WarningShellHeader1 {
    color: #000000;
}

.ReadOnlyTextArea {
    color: #ffffff;
    background-color: transparent;
    border-style: none;
}

.SmallSimpleShellHeader1 {
    color: #ff9900;
    font-weight: bold;
    font-family: Open Sans;
    font-size: 12pt;
}

.SmallSimpleShellHeader2 {
    color: #ff9900;
    font-weight: normal;
    font-family: Open Sans;
    font-size: 12pt;
}

.SmallSimpleShellHeader1 A {
    color: #003366;
}

.SmallSimpleShellBody1 {
    color: #ffffff;
}

    .SmallSimpleShellBody1 A {
        color: #003366;
    }

.SmallSimpleShellFooter1 {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.SmallSimpleShellBody2 {
    font-weight: normal;
    color: #ffffff;
}

    .SmallSimpleShellBody2 A {
        color: #003366;
    }

.SmallSimpleShellBody3 {
    color: #ffffff;
}

TABLE.RTGLight,
TABLE.RTG,
#Skin_body_PurposeTable {
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: .5px;
    box-shadow: 2px 2px #fcfcfc;
}

TABLE.RTG {
    width: 100%;
}

.RTG TD,
#Skin_body_PurposeTable TD {
    padding: 10px !important;
    font-size: unset !important;
}

#Skin_body_PurposeTable Table {
    width: 45% !important;
}

:focus {
    border-color: #000 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6);
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input:focus,
button:focus,
select:focus {
    border-color: #000 !important;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;*/
}

caption {
    color: #000 !important;
    background-color: #ECEFF5;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    padding: 5px;
    text-align: left;
    caption-side: top;
}

a:focus {
    border-color: #000 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 1px 1px black, 1px 1px 1px black !important
}

.navbar-nav > li > a:focus,
.dropdown-menu > li > a:focus {
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0);
}

input[type="button"]:focus {
    border-color: #000 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .8) !important;
}

.Wrapper {
    font-family: "open sans", "Arial", "Helvetica", "sans-serif";
    font-size: 13pt;
}

.bg-info {
    background-color: #d9edf7;
    padding: 3px;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

    a.skip-main:focus,
    a.skip-main:active {
        color: #fff;
        background-color: #000;
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        padding: 5px;
        border-radius: 15px;
        border: 4px solid yellow;
        text-align: center;
        font-size: 1.2em;
        z-index: 999;
    }

.something-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.sbright
 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
   
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;

 }

.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.something-button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.something-button-alt {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #000 !important;
    background-color: #f3f3f3;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.something-long-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.BannerTable {
    width: 100%;
}

.row.nomargin {
    margin: 0px;
    font-family: Open Sans, Verdana;
    font-size: 11px;
}

img {
    border: 0px;
}

#shelltable {
    border-collapse: collapse;
}

.mainContent {
    position: relative;
}

.Footer-Main {
    clear: both;
    position: relative;
}

.header_logo {
    max-height: 100px;
}

a:focus .header_logo {
    outline: 3px solid #000 !important;
    outline-offset: 2px !important;
}

.text-center {
    text-align: center
}

.contentMain {
    border: 0px;
    padding: 40px;
    border-spacing: 0px;
    background: #FFFFFF;
    width: 90%
}

Table.contentMain {
    padding: 40px;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

#ctl00_NgPlacement,
#Skin_NgPlacement {
    background-color: white;
    position: relative;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 40px;
    border-radius: 5px;
}

html {
    background-color: #fff;
}



.bottomBorder {
    border-bottom: solid gray 1px !important;
    border-collapse: separate !important;
}

.lgTitle {
    font-weight: bold;
    font-size: larger;
}

.padded-left {
    margin: 15px !important;
}

.size-check {
    width: 20px !important;
}

.textleft {
    text-align: left !important;
}

.stickyRight {
    float: left;
    position: absolute;
    right: 0px;
}

.QS-Button.btn-primary {
    font-weight: bold !important;
    text-decoration: none !important;
    color: #000 !important;
}

    .QS-Button.btn-primary:focus,
    .QS-Button.btn-primary:hover {
        font-weight: bold !important;
        text-decoration: none !important;
        color: #fff !important;
    }

.QS-Button {
    font-weight: normal !important;
    text-decoration: none !important;
}

.disabledButton {
    background-color: #ddd;
    border: none;
    color: #545454 !important;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    margin: 5px 5px;
    cursor: default;
    border-radius: 16px;
}

input[type="button"],
input[type="submit"],
input[type="submit"]:hover,
input[type="submit"] i {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
}

    input[type="submit"] i {
        white-space: pre;
    }

.filter-image,
.filter-img {
    max-height: 25px;
}

.AboveLogin {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    background-color: #f8f8f8;
    max-width: 800px;
}

.massActionTip {
    display: none;
}

.FiltersHide {
}

#Skin_ctl11_LoginNameText,
#Skin_ctl11_LoginPasswordText {
    width: 100% !important;
}

.AppLeft,
.AppCenter {
    border-bottom: 1px #eee solid;
}

.thumbnail {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    min-width: 40%;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
}

.thumbnail-description {
    min-height: 40px;
}

.thumbnail:hover {
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1);
}

.thumbnail-image {
}

.position-relative {
}

.rounded-corners TD span {
    font-size: normal !important;
}

.WarningShell-Header1-Off {
    background-color: #ECEFF5 !important;
    width: 500px;
    font-weight: bold;
    font-size: 12pt;
}

.WarningShell-Header2-Off {
    background-color: #f0f0f0 !important;
    font-weight: bold;
    font-size: 10pt;
}

.warning-table {
    width: 80%;
    margin-top: 15px;
    box-shadow: 5px 0 5px rgba(255, 0, 0, 0.2), -5px 0 5px rgba(255, 0, 0, 0.2);
    border-radius: 3px;
    border: 1px solid #990000;
}

.warning-table-inner TD {
    width: 25% !important;
}

.tjosTD {
    width: 100% !important;
}

.warning-table-inner TABLE {
    width: 100% !important;
}

.warning-table100 {
    width: 98% !important;
}

.WarningShell-Body1-Odd {
    width: 100px !important;
}

.JoBform-control {
    padding: 6px 12px;
    font-size: 12pt;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn A,
A.btn {
    text-decoration: none;
}

.qtip-content {
    font-family: open sans;
    font-size: 10pt;
}

ul.share-buttons {
    list-style: none;
    padding: 0;
}

    ul.share-buttons li {
        display: inline;
    }

.Content-Panel3 {
}

.content-container {
    margin-top: 50px;
    box-shadow: 0 10px 10px #eeeeee;
    padding: 10px;
}

.contentMain-td {
    width: 33%;
}

.contentMain-Logo {
    border: 0px;
    padding: 20px;
    border-spacing: 0px;
    background: #FFFFFF;
    width: 90%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.content-Table {
    margin: auto;
}

.filter-actions {
    width: 100%;
}

::-webkit-input-placeholder {
    font-size: 14px;
}

::-moz-placeholder {
    font-size: small;
}

:-ms-input-placeholder {
    font-size: small;
}

:-moz-placeholder {
    font-size: small;
}

#Skin_body_pnlRejectionMessages {
    margin-bottom: 20px;
}

.sample {
}

.logoutmenu {
    text-align: right;
    font-family: Open Sans, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    padding-bottom: 10px;
}

.note {
    position: relative;
    padding: 1.2em 1.5em;
    color: #fff;
    background: #343436;
    overflow: hidden;
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";
    font-size: 12pt;
    font-weight: normal;
    margin-bottom: 20px;
}

    .note.normal,
    .note.normal9,
    .note.normalright {
        background: #fff;
        box-shadow: 5px 5px 4px 3px #ccc;
        color: #000;
        border-radius: 5px;
    }

    .note.normalpanels {
        background: #fff;
        color: #000;
        border-radius: 5px;
        border: 1px solid #f3f3f3;
    }

    .note.normalpanels2column {
        background: #fff;
        color: #000;
        border-radius: 5px;
        max-width: 45%;
        border: 1px solid #f3f3f3;
        margin-left: 5px;
    }

    .note.normal9 {
        margin-bottom: 20px;
    }

    .note.normalright {
        max-width: 85%;
        float: right
    }

    .note.crusta {
        background: #F2784B;
    }

    .note.river {
        background: #3498db;
    }

    .note.ng {
        background: #ddffdd;
        box-shadow: -5px -5px 4px #ccc;
        color: #000;
    }

    .note:before {
        position: absolute;
        top: 0;
        right: 0;
        border-width: 0 16px 16px 0;
        border-style: solid;
        border-color: #fff #fff #343436 #27ae60;
        background: #27ae60;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
        display: block;
        width: 0
    }

.ngcardheader {
    background: #93cb6b;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    font-size: 22px !important;
    color: #000 !important;
}

.ngsubcardheader {
    background: #f3f3f3;
    border-radius: 1px;
    padding: 10px;
    text-align: left;
    font-size: 13pt !important;
    color: #000 !important;
    margin-bottom: 25px;
    margin-left: -25px;
    margin-top: -25px;
    margin-right: -25px;
    padding-left: 15px;
    font-weight: bold;
}

.content-background {
    background: rgb(248, 248, 248);
    border-radius: 5px;
}

.ngmax {
}

.blue-hover {
    transition: all 0.25s ease-in;
    border-bottom: 5px solid transparent;
}

    .blue-hover:hover {
        transform: translateY(-5px);
        border: none;
        border-bottom: 5px solid #ddffdd;
    }

.contentpad {
    padding: 20px;
}

.imagefloat-left {
    max-height: 100px;
    float: left;
}

.imagefloat-right {
    max-height: 100px;
    float: right;
}

.contentCover {
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1200px;
    margin: auto;
}

.popped {
    border: 2px #f8f8f8 solid;
    padding: 10px;
    box-shadow: 1px 2px 3px 0px #eeeeee;
    margin-left: 0px;
    margin-right: 5px;
}

.ContentLeftLink {
    font-weight: bold;
    text-decoration: none;
    margin-left: -5px;
}

.ContentLeftText {
    padding-bottom: 25px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 13.3333px;
    padding-top: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mainlink {
    padding-bottom: 10px !important;
}

input[type=text] {
    min-width: 100px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.hundoSelect {
    width: 100%;
}

.cke_1,
.cke_1_top,
.cke_top,
.cke_chrome,
.cke_reset {
    border-radius: 4px !important;
}

.chosen-choices {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col-centered {
    float: none !important;
    margin: 0 auto !important;
}

TABLE[id*='LoginTable'] td {
    padding: 10px !important;
}

TABLE[id*='LoginTable'] {
    border: 1px #eee solid;
    width: unset !important;
    max-width: 800px;
    border-radius: 6px !important;
    border-collapse: unset !important;
}

.loginTable {
    width: unset !important;
    max-width: 800px;
}

.Accordion-panel {
    margin-bottom: 10px;
    margin-Left: 25px;
    width: 500px;
}

TABLE[id*='TemplateControl_section1Builder'] {
    width: 100% !important;
}

TD[class*='FindAJobShell'] {
    padding: 5px !important;
}

TD[class*='GraphicShell-Body2'],
TD[class*='GraphicShell-Body1'] {
    border-bottom: 1px solid #e3e3e3;
}

.stepsListItem {
    margin-left: 25px;
}

.headerimagejobx {
    max-height: 50px;
}

.homeImage {
    border-radius: 15px;
    max-height: 200px;
    margin-bottom: 10px;
}

.footer_logo {
    max-height: 75px;
    margin-bottom: 15px;
}

.navbar-nav > li > a,
.dropdown-menu > li > a {
    font-size: 13pt !important;
    font-weight: bold;
}

.RequiredLabel {
    color: #d10000;
}

table.RTG TH:not(.GraphicShell-Body2-Even, .GraphicShell-Body2-Odd, .GraphicShell-Body1-Off) {
    background-color: #ECEFF5 !important;
    padding: 4px;
}

.stuInfoTable,
.accrStuTbl {
    margin: 10px 0 10px 0 !important;
    border-collapse: separate !important;
    border: 1px solid #CCC !important;
    color: #333;
    width: 100%;
    border-spacing: 0px;
    border-radius: 6px !important
}

    .stuInfoTable th,
    .accrStuTbl th {
        background-color: #ECEFF5 !important;
        padding: 4px;
    }

    .stuInfoTable td {
        background-color: #fff;
        border-bottom: 1px solid #eee !important;
        border-top: 0px solid #666 !important;
        border-left: 0px solid #666 !important;
        border-right: 0px solid #666 !important;
        padding: 7px !important;
    }

    .accrStuTbl td {
        background-color: #fff;
        border: 0px solid #666 !important;
        border-bottom: 1px solid #eee !important;
        padding: 7px !important;
    }

    .stuInfoTable tr.active td,
    .stuInfoTable tr.inactive td,
    .stuInfoTable tr.declined td,
    .stuInfoTable tr.closed td,
    .stuInfoTable tr.pending td,
    .stuInfoTable tr.rejected td {
        padding: 7px !important;
    }

    .stuInfoTable tr.inactive td {
        background-color: #ecc;
    }

    .stuInfoTable tr.declined td {
        background-color: #FEF8A9;
    }

    .stuInfoTable tr.closed td {
        background-color: #bbb;
    }

    .stuInfoTable tr.pending td {
        background-color: #cce;
    }

    .stuInfoTable tr.rejected td {
        background-color: #ff9;
    }

.skillbank {
    font-size: 12px;
}

tr.qover td {
    background-color: #f0f0f0 !important;
}

.qtr {
    background-color: #fff !important;
}

.formMessage {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.stuInfoTable tr.incomplete td {
    background-color: #DEEBFC;
}

.stuInfoTable tr.pendingForms td {
    background-color: #ffeeee;
}

.stuInfoTable tr.pendingForms {
    border-top: 1px solid #DEEBFC;
    border-bottom: 1px solid #DEEBFC;
}

TABLE.StuFlagsRTG {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
}

    TABLE.StuFlagsRTG tr,
    TABLE.StuFlagsRTG td {
        border-bottom: 1px #eee solid;
    }

    TABLE.StuFlagsRTG th {
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
        background-color: #ECEFF5 !important;
        padding: 5px;
    }

.ValidationSummary {
    color: #d10000 !important;
    border: 1px dotted rgb(153, 0, 0);
    width: 90%;
    font-weight: bold;
    background-color: #eee !important;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 4px;
    margin-top: 10px;
    font-size: 1.1em;
}

.ValidationSummaryList {
    color: #d10000 !important;
    border: 1px dotted rgb(153, 0, 0);
    width: 100%;
    font-weight: bold;
    background-color: #ffcccc !important;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 4px;
    padding-top: 12px;
    margin-top: 10px !important;
    font-size: 1.1em;
}

span[id$=rfv] {
    padding-left: 10px !important;
    color: #d10000 !important;
}

#legend {
    width: 100% !important;
}

.pLeft {
    text-align: left;
}

.LinkActive {
    background-color: #ffeeee;
}

.pd3 {
    padding: 3px;
}

.Left30 {
    width: 30%;
    padding: 3px;
}

.Tsx-WarningHeader {
    font-weight: bold;
}

.Tsx-WarningBody {
    background-color: #ffeeee !important;
}

.Tsx-WarningInnerTable {
    border-radius: 6px;
    border: 1px #e3e3e3 solid !important;
    border-collapse: unset !important;
}

.Tsx-WarningTable {
    border-radius: 6px;
    border: 1px #e3e3e3 solid !important;
    border-collapse: unset !important;
    background-color: #ffeeee;
    padding: 10px;
    width: 100%;
}

.Tsx-WarningTableBorder {
    background-color: #ffeeee;
    width: 100%;
}

.pp,
.earnings,
.tslink {
    text-align: left !important;
}

.TimesheetListTable {
    width: 98%;
    margin: auto;
}

.TsEntriesTable {
    width: 98% !important;
    margin: auto;
    max-width: 100% !important;
}

    .TsEntriesTable tbody {
        width: 98% !important;
        margin: auto;
        max-width: 100% !important;
        border-radius: 6px;
        border-collapse: unset !important;
    }

table[id*=JobMailShell] [role="button"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;

    text-decoration: none !important;
}

.pendinghiresT {
    width: 99%;
}

table[id*=FormPage] {
    margin: auto;
}

.FAJ-Image {
}

.TimerPanel {
    margin-top: -100px !important
}

.sectionHeading {
    background: #ECEFF5 !important;
}

.readOnlyTextBox,
.readOnlyTextBoxALT {
    border: 0px !important;
    -webkit-box-shadow: unset !important;
}

.readOnlyTextBox {
    font-size: 12pt !important;
}

.qtr {
    border-bottom: 1px solid #eee !important;
}

.altqtr {
    background-color: #f8f8f8 !important;
}

input[type="checkbox"],
input[type="radio"] {
    transform: scale(1.1);
    width: 20px;
    height: 20px;
}

input[type="checkbox"] {
    margin-left: 2px !important;
}

input[type="radio"] {
    margin-left: 10px !important;
}

.jHtmlArea,
p {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif" !important;
}

.budgetEven {
    background: #f0f0f0;
}

.budgetodd {
    background: #fff;
}

.budgetEdit {
    background: #def3ff;
}

.tsrowalt TD,
.tsrow TD,
.TSROW TD {
    border-bottom: 1px #eee solid !important;
    background-color: #fff !important;
}

.colhead td {
    border-bottom: 1px #eee solid !important;
    background-color: #ECEFF5 !important;
    text-align: left !important;
}

.earnings {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.earningNote {
    font-size: smaller !important;
}

.RTG tr:first-child > td:first-child {
    border-top-left-radius: 5px;
}

.RTG tr:first-child > td:last-child {
    border-top-right-radius: 5px;
    vertical-align: top;
}


.RTG tr:last-child > td:first-child {
    border-bottom-left-radius: 5px;
}

.RTG tr:last-child > td:last-child {
    border-bottom-right-radius: 5px;
}

.stuInfoTable tr:last-child > td:first-child {
    border-bottom-left-radius: 5px;
}

.stuInfoTable tr:last-child > td:last-child {
    border-bottom-right-radius: 5px;
}

.jHtmlArea {
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif" !important;
}

.BasicTsInfo li label,
.HireDetailsDiv #hireDetails li label {
    width: 100px !important;
}

#StudentActionsList {
    width: 240px !important;
    background-color: #fff !important;
    border: 0px !important;
}

.NavOptionsDiv {
    width: 240px !important;
    background-color: #fff !important;
    border: 0px !important;
}

    .NavOptionsDiv LI A {
        font-weight: normal !important;
    }

    .NavOptionsDiv H3 {
        display: none;
    }

    .NavOptionsDiv A,
    #StudentActionsList A {
        text-decoration: none !important;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: pre;
        margin: 3px;
        color: #ffffff !important;
        background-color: #337AB7;
        border-color: #2e6da4;
    }

table[id*=rblstTimesheetFilter] input {
    float: left;
}

table[id*=rblstTimesheetFilter] label {
    margin-left: 25px !important;
    display: block;
}

.todoContent tr:first-child {
    background-color: #fff !important;
}

.myCustomClass .qtip-content {
    font-size: 10pt !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: 500px;
    box-shadow: 0 0 3px 0px #000;
}

.tsPreview {
    text-decoration: none !important;
}

.TsEntriesTable {
    border-radius: 5px;
    min-width: 100% !important;
}

.earnings table tbody {
    border-radius: 10px !important;
    display: block !important;
}

.earnings table {
    border-collapse: collapse;
}

.TimesheetListTable td td {
    padding: 4px !important;
}

#TopAreaContainer #infoOptionsList li a {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border: 0px !important;
    background: #fff !important;
    padding-top: 5px;
}

#infoOptionsList.ppActive ul #ppli a,
#infoOptionsList.hireActive ul #hireli a,
#infoOptionsList.awdActive ul #awdli a,
#infoOptionsList.accrActive ul #accrli a,
#infoOptionsList.supActive ul #supli a,
#infoOptionsList.wbActive ul #wbli a,
#infoOptionsList.notesActive ul #notesli a {
    background: #337AB7 !important;
    color: #fff !important;
    font-weight: normal !important;
    padding-top: 5px;
}

#infoOptionsMain {
    border-left: 0px solid #337AB7 !important;
    border-right: 0px solid #337AB7 !important;
    border-bottom: 0px solid #666 !important;
    box-shadow: #e3e3e3 -1px 2px 2px -2px;
}

#HireOptions li a {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border: 1px #ECEFF5 solid !important;
    background: #fff !important;
    padding-top: 5px;
    border-bottom: 1px solid #337AB7 !important;
}

#HireOptions.ppActive ul #editli a,
#infoOptionsList.hireActive ul #tsli a,
#infoOptionsList.awdActive ul #awdli a,
#infoOptionsList.accrActive ul #accrli a,
#infoOptionsList.supActive ul #supli a,
#infoOptionsList.wbActive ul #wbli a,
#infoOptionsList.notesActive ul #notesli a {
    background: #337AB7 !important;
    color: #fff !important;
    font-weight: normal !important;
    padding-top: 5px;
}

#BasicHireDetailsDiv {
    border-radius: 6px !important;
    border: 0px !important;
}

    #BasicHireDetailsDiv table,
    #BasicHireDetailsDiv thead th,
    #BasicHireDetailsDiv tbody td {
        border-bottom: 0px solid #000 !important;
        border-left: 0px solid #000 !important;
        border-top: 0px solid #000 !important;
        border-right: 0px solid #000 !important;
    }

    #BasicHireDetailsDiv table {
        margin-bottom: 10px
    }

#HireOptionsd {
    border-bottom: 1px solid #337AB7 !important;
    border-left: 0px solid #666 !important;
    border-right: 0px solid #666 !important;
    border-top: 0px solid #666 !important;
}

#view #viewli a,
#edit #editli a,
#ts #tsli a,
#spmt #spmtli a,
#wb #wbli a,
#accr #accrli a,
#notes #notesli a {
    background: #337AB7 !important;
    color: #fff !important;
    font-weight: normal !important;
    padding-top: 5px;
}

a[href*="JobX_ApproveHire.aspx"],
a[href*="Tsx_ManagePaySchedules.aspx?"],
a[href*="Tsx_ManagePaySchedules.aspx?"]:hover,
a[href*="JobX_ManageFormLinks.aspx?"],
a[href*="Tsx_ManagePayPeriods.aspx"],
a[href*="Tsx_ManagePayPeriods.aspx"]:hover,
a[href*="CMXA_EditContent.aspx?cid="],
a[href*="CMXA_EditContentPage.aspx?cpId"],
a[href*="CMXA_ManageContent.aspx?rmcp"],
a[href*="CMXA_EditContentPage.aspx?cpid="],
#Skin_body_lnkDash,
#Skin_body_EditOptionShell_ToClosedButton,
#Skin_body_EditOptionShell_ToInactiveButton,
#Skin_body_PurposeTable A,
.tblOptionsinner A,
.mailtodiv a {
    text-decoration: none !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
}

.pendinghiresT thead th {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-color: #ECEFF5 !important;
}

.pendinghiresT td {
    border-bottom: 1px #eee solid !important;
}

TABLE.pendinghiresT {
    width: 100% !important;
}

.rblIndented {
    margin-left: 25px;
    margin-top: 10px;
}

    .rblIndented INPUT {
        margin-left: 25px !important;
        margin-top: 10px;
    }

.approvalformneeded {
    color: #d10000 !important;
    border: 1px solid rgb(153, 0, 0);
    font-weight: bold;
    background-color: #eee !important;
    padding: 15px;
    border-radius: 6px !important;
    margin-bottom: 25px;
}

.TsEntriesTable .title {
    font-weight: bold;
    text-align: center;
    background-color: #eee;
}

.TsEntriesTable tr,
.TsEntriesTable td {
    border-top: 1px solid #eee !important;
    padding: 4px;
}

.dismissbutton {
}

.Form-Warning {
    color: #d10000 !important;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 15px;
    border-radius: 6px !important;
}

.lnkBlue {
    font-weight: bold;
    color: #337AB7 !important;
}

.lnkBluetxt {
}

#Skin_body_EmpNameLabel,
.stname td {
    font-size: 1.1em !important;
}

.stname td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.this-filter SELECT {
    max-width: 280px !important;
}

.this-filter TABLE {
}

.content-2-centered {
    max-width: 400px;
    margin: auto;
}

.tooltip img {
    width: unset !important;
}

.ChkBoxApp {
    width: 800px !important;
}

.chkBoxListApp {
    max-height: 200px !important;
    overflow-y: auto;
    padding-bottom: 10px !important;
    white-space: nowrap !important;
}

.qcCheckboxList input {
    padding-bottom: 5px !important;
    margin-left: 5px;
    margin-top: 5px;
}

.qcCheckboxList label {
    padding-bottom: 5px !important;
}

.qcTextBox-Error {
}

.Vsummary {
    color: #d10000 !important;
}

.applicantApply {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #f8f8f8;
    width: 95%
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.select2-container .select2-selection--single {
    height: unset !important;
    line-height: unset !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 6px !important;
}

.select2-container {
    min-width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}

[sclass^="TitleCatClass"] td {
    padding: 10px !important;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 11pt;
    color: Black;
    background-color: #FFFFFF;
}

    [sclass^="TitleCatClass"] td:first-child {
        width: 25%;
    }

[sclass^="TitleCatClass"] {
    width: 100% !important;
}

[sclass^="something-button"] {
}

.Footer_Logo_right {
    max-height: 50px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.Footer_Logo_left {
    max-height: 50px;
    float: left;
    margin-left: 10px;
}

#Skin_body_ctl00_WhenReviewQuestion {
    font-weight: bold;
}

img[src*="form_sm"] {
    display: none;
}

a[href*="/DynamicFormsPassthrough.aspx?"] {
    color: #114C9F !important;
}

#ChangeStatusOptionsDiv select,
#CancelStatusChangeButton {
    height: 34px !important;
}

.ErrorMessageValidation {
    font-size: 13pt !important;
}

.tblOptions {
    width: 100% !important;
}

    .tblOptions TD:first-child {
        width: 500px !important;
    }

.tblOptionsinner tr {
    background-color: #fff !important;
}

#qContent span {
    font-weight: bold !important;
}

.IndentRight5 {
    padding-top: 15px;
    margin-left: 25px;
}

.ValidationHeader {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 11pt;
    color: Black;
    background-color: #ECEFF5;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ccbuttonPadded {
    padding-left: 10px;
}

.TsEntriesTable {
    text-align: left !important;
    padding-left: 20px !important;
}

    .TsEntriesTable .date {
        padding-left: 20px !important;
    }

.fade.in {
    opacity: 1 !important;
}

.modal-backdrop.in {
    opacity: 0.5 !important;
}

#crmc_e_div .row.nomargin {
    font-size: 1.25em;
    margin-right: 15px !important;
    padding-botton: 2px !important;
    background-color: #FFf;
}

    #crmc_e_div .row.nomargin .pull-right {
        margin-right: 15px !important;
    }

#crmc_e_div {
    position: unset !important;
    margin: reset !important;
    margin: 0 auto !important;
}

#crmc_s_list,
#crmc_a_list {
    background-color: #FFf;
    padding: 15px;
}

.something-button-sm {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 3px 4px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.something-button-small,
.accepthirelink {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 3px 4px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px !important;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
}

.bg-primary {
    color: #ffffff;
    background-color: #337AB7;
    border-color: #2e6da4;
    padding-top: 2px;
    padding-bottom: 2px
}

.earningstableHead {
    margin-right: 5px !important;
    font-size: .85em;
}

.earningstableData {
    margin-right: 5px !important;
}

.earningstabled {
    border: 1px solid #8e8e8e;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .85em;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
}

.accruals,
.TimesheetListTable .status,
.TimesheetListTable .tslink {
    text-align: left !important;
}

H3 {
    font-size: 18px !important;
}

#crmc_e_div.modal-body {
    padding: 15px;
    width: 100%;
}

.bg-primaryd {
    padding-left: 20px !important;
}

SPAN[id*='lblCategoryName'] {
    margin-left: -30px !important;
    font-size: 1.2em;
    font-weight: bold;
}

.qtip-content TABLE {
    font-size: 11pt !important;
}

[vclass*="RTGValidatorTable"] {
    background-color: #fff !important;
}

.bordered td {
}

.tableshadow {
    border-radius: 6px !important;
    border-color: #ccc !important;
}

.status2r {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 1.1em;
}

#overDiv {
    border: 1px black solid !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    /*width: 400px !important;*/
    font-size: 11pt !important;
}

    #overDiv li {
    }

    #overDiv table {
        width: 400px !important;
        font-size: 12px !important;
    }

.TSEFileDeletechk {
    padding-left: 10px;
    display: none;
}

    .TSEFileDeletechk LABEL {
        font-weight: normal !important;
        font-size: .90em !important;
    }

.tseFile {
    display: inline !important;
}

#Skin_body_ctl01_TSEFileDelete {
    font-weight: normal !important;
}

.fa-close {
    padding-left: 10px !important;
}

.contentCover h2,
.contentCover h1 {
    font-size: unset !important;
    padding: unset !important;
    margin: unset !important;
}

.colPad {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

th:first-child[scope=row] {
    border-radius: unset !important;
    padding: 4px;
    border-bottom: 1px solid #eee !important;
    font-size: unset !important;
}

.RTGMultiRowHead {
    background-Color: #ECEFF5;
    font-weight: bolder;
    border: 1px solid #ccc;
}

.BannerTable td {
    padding: 3px !important;
}

.MHTDNum {
    width: 10px;
}

.MHTDFname {
    width: 25%;
}

.MHTDMname {
    max-width: 10%;
}

.MHTDLname {
    width: 25%;
}

.MHTDID {
    width: 20%;
}

.MHTDMname Input {
    max-width: 25px;
}

.BannerTablemulti {
    width: 50%;
}

.multiReqListHead {
    padding: 10px;
    background-color: #dedede;
    font-weight: bold;
}

.multiReqListstName {
    padding: 5px;
}

.multiReqList {
    border: 1px #dedede solid;
    padding: 3px;
    border-radius: 6px
}

.reqformmsg {
    color: #d10000;
}

.QLHeader {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdH1 {
    padding-bottom: 10px;
}

#accordionHire H2 {
    font-weight: bolder;
}

A[id*='JobMailShell_AddNew'] {
    float: right !important;
}

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

#actionDescDiv {
    margin: auto !important;
    padding-top: 4px;
}

#lockDesc,
#rejectDesc,
#manualCheckDesc {
    border: 1px solid black;
    border-radius: 5px;
    width: 500px;
    overflow: auto;
    padding: 5px;
}

.bordered td {
    font-weight: normal !important;
    padding: .5em .5em !important;
}

.noteTable TH {
    padding: 10px !important;
    background-color: #cfe6e9;
    text-align: left;
    border: 1px solid #c3c3c3;
}

.noteTable tr:nth-child(even) {
    background: #f3f3F3
}

.noteTable tr:nth-child(odd) {
    background: #FFF
}

div[class*="tsCollapse"] {
    max-height: 500px;
    overflow: auto;
}

.fa-chevron-circle-down,
.fa-chevron-down {
    color: #8d7c7c;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.stuInfoTable th[scope=row] {
    background-color: #fff !important;
    border-bottom: 1px solid #eee !important;
    border-top: 0px solid #666 !important;
    border-left: 0px solid #666 !important;
    border-right: 0px solid #666 !important;
    padding: 7px !important;
}

.bg-grey {
    background-color: #f8f8f8;
}

.bg-headergrey {
    background-color: #ECEFF5;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 10px;
}

.lblAtributeEdit {
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.phfull {
}

.mailtodiv {
    margin-left: 25px;
}

.external_link {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #000 !important;
    background-color: #eee;
    text-decoration: none !important;
}

TABLE.noteTable,
TABLE.timesheetAddEntryTable,
TABLE.RTGLite {
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-collapse: separate;
    border-spacing: .5px;
    box-shadow: 2px 2px #fcfcfc;
    width: 100%;
}

.noteTable TD {
    padding: 10px !important;
    font-size: unset !important;
    border-bottom: 1px solid #c3c3c3;
}

.accept-policy.close {
    text-shadow: unset;
    opacity: 1 !important;
}

.bg-primaryd H3 {
    padding-left: 10px !important;
}

.panel-body {
}

.text-xsmall {
    position: relative;
    font-size: x-small;
}

.timesheetAddEntryTable {
    width: 90%;
    margin: auto;
    padding: 4px;
}

    .timesheetAddEntryTable TD {
        padding: 10px !important;
        font-size: unset !important;
        vertical-align: top;
    }

.QuickDisplayRow TD {
    background-color: #eee;
    padding: 10px !important;
    border-bottom: white 2px solid;
}

.QuickDisplayRow TH {
    background-color: #eee !important;
    border-bottom: white 2px solid;
}

    .QuickDisplayRow TH.date {
        font-size: 1.05em !important;
    }

.timesheetAddEntryTable TH {
    font-weight: bold;
    font-size: 11pt;
    color: Black;
    background-color: #eee;
    padding: 5px;
    text-decoration: none !important;
}

    .timesheetAddEntryTable TH a {
        text-decoration: none !important;
    }

.tsbuttoncell {
    display: grid;
    align-items: end;
}

.addQuickentry td {
    background-color: #FBFBFB;
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
}

.table80 {
    width: 80%;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #990000;
}

.btn-danger2,
.btn-danger2:focus,
.btn-danger2:hover {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #dc3545;
    border-color: #dc3545;
    text-decoration: none !important;
}

.TSROW TD {
    border-top: 1px #ddd solid;
}

.pageloader,
.loader {
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.pageloader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
}

.loader {
    border: 7px solid #f3f3f3;
    border-top: 7px solid #3498db;
    width: 50px;
    height: 50px;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.qcCheckboxList {
    list-style: none;
}

.hireearningstabled {
    border: 1px solid rgba(0, 0, 0, .075);
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .85em;
    white-space: nowrap;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #333;
}

    .hireearningstabled th {
        font-weight: bold;
        background-color: #fff !important;
        border-bottom: 1px solid rgba(0, 0, 0, .075);
    }

.addentry {
}

.TsEntriesTable .addentry tr {
    background-color: #cecece;
}

.bshireDetails {
    display: block;
    float: left;
    width: 80px;
    margin-right: 10px;
    margin-bottom: 0px;
    text-align: right;
    font-weight: bold;
}

.insertClassificationDetail,
.clstrAdd {
    background-color: #92b075 !important;
}

#Skin_body_HelpPanel {
    width: 100% !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.tsmessage {
    padding-bottom: 10px;
}

.TbltrAccrual TD {
    padding: 0px !important;
}

.leaveSheetAtt {
}

.leaveSheetAttgrp .trheader::after {
    content: " (NEEDS REVIEW) *";
    color: #d10000;
}

.NTOB {
    display: inline-block;
}

.accNoteTable {
    width: 98% !important;
    margin: auto !important;
}

.accnoteDHead TH {
    padding: 5px;
    background-color: #f3f3f3;
}

.accnoteDc {
    border-bottom: solid 1px #f3f3f3;
}

.accNeg {
    color: #d10000;
}

.EsignButton {
    width: unset !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
    color: #ffffff !important;
    background-color: #337AB7;
    border-color: #2e6da4;
    text-decoration: none !important;
    box-shadow: 1px 2px 3px #999;
}

.hireAccrualInline .accrTbl {
    margin-left: 10%;
    width: 90%;
    border: 0px;
}

.datesLabel {
    padding-bottom: 2px;
}

.datesGroup {
    padding-Left: 50px;
}

.AccrualClassification TD {
    color: #000 !important;
    font-weight: bold;
    background-color: #f3f3f3 !important;
    padding: 10px !important;
}

.ddlActionsFT {
    display: inline;
}

.boxed {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panelzone > .panel-header {
    padding: 0px;
}

.panelH-default {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    border-color: #dddddd;
    max-width: 400px;
}

.panelzone > .panel-header > img {
    width: 100%;
    max-height: 250px !important;
}

.homeImage2 {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    margin-bottom: 10px;
}

.panelH {
    margin-bottom: 50px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 15px;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    max-width: 400px;
    min-height: 500px;
    margin: auto;
}

.PageElementsCls,
.PageElementsCls TD {
    padding: 5px !important;
}

.PageElementsCls {
    width: 100% !important;
}

    .PageElementsCls TD {
        font-family: "Open Sans", "Arial", "Helvetica", "sans-serif" !important;
        font-size: 13pt !important;
    }

TABLE.PageElementsCls {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

#Skin_body_EditXmlTextBox {
    width: 100% !important;
    font-size: 16px !important;
    font-family: "Open Sans", "Arial", "Helvetica", "sans-serif" !important
}

.scrolly {
    max-width: 100%;
    overflow: auto;
    border: 1px solid #3e3e3e;
    min-width: 100%;
}

TABLE.scrolly th {
    padding: 5px;
    background-color: #ECEFF5;
    border: 1px solid #dbdbdb
}

TABLE.scrolly td {
    padding: 5px !important;
    border: 1px solid #ECEFF5;
}

.scrollyPreview {
    margin-top: 15px !important;
    max-width: 800px;
    overflow: auto;
    border: 1px solid #3e3e3e;
}

TABLE.scrollyPreview th {
    padding: 5px;
    background-color: #ECEFF5;
}

TABLE.scrollyPreview td {
    padding: 5px;
    border: 1px solid #ECEFF5;
}

.tsPrevDiv {
    max-width: 800px;
    overflow: auto;
}

.qtip {
    max-width: none !important;
}

.OuterScrolly {
    width: 100%;
    overflow: auto;
    padding-bottom: 10px;
}

#Skin_body_PrintTsDiv .something-button {
    min-width: 200px;
}

.OrigEditedRow .OrigTDRow {
    background-Color: #f3fbf3 !important;
}

.PSFilter {
    padding-top: 10px;
    padding-bottom: 10px;
}

.RTG .evenrow {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e3e3e3 !important;
}

.fieldEdits {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

    .fieldEdits th {
        margin-bottom: 15px;
        margin-top: 15px;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        padding-left: 5px;
        border-left: 0.5px solid #eee !important;
        border-right: 0.5px solid #eee !important;
        border-bottom: 0.5px solid #eee !important;
        background-color: #ECEFF5;
    }

.fltrLabel {
    font-size: 1.1em;
    font-weight: bold;
    display: inline;
    width: auto;
    color: #000000;
}

.buttonrow {
    padding-top: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pndaction th {
    background-color: #ECEFF5 !important;
    color: #000 !important;
}

.mainFilterGroup {
    border-radius: 6px;
    border: 2px #f3f3f3 solid;
}

.fieldEdits td,
.fieldEdits th {
    border-left: 0.5px solid #eee !important;
    border-right: 0.5px solid #eee !important;
}

.btn-default:hover,
.btn-default:focus {
    color: #333333;
    background-color: #337AB7 !important;
    border-color: #adadad;
}

.panel-info {
    border-color: #ECEFF5 !important;
}

    .panel-info > .panel-heading {
        color: #000 !important;
        background-color: #ECEFF5 !important;
        border-color: #ECEFF5 !important;
    }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    overflow-wrap: anywhere;
}

table[data-class="CCLookupTable"] {
    width: 100% !important;
}

.spin-container {
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: unset !important;
}

TD[data-class="middleC"] {
    vertical-align: middle !important;
}

.linki {
}

    .linki:after {
        content: "";
        width: 11px;
        height: 11px;
        margin-left: 4px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
    }

.approved {
    display: inline-block;
    transform: rotate(45deg);
    height: 25px;
    width: 12px;
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
}

.approved-text {
    padding-left: 15px;
}

.successMsg {
    width: 400px;
    padding: 8px;
    margin: auto;
    border: 1px solid green;
    background-color: rgb(221, 255, 221);
    font-weight: bold;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#Skin_body_HelpPanel Label {
    font-weight: normal !important;
}

.mainCPContent {
    border: 1px solid #E5e5e5;
    border-radius: 6px;
}

h2.h2banner {
    padding-bottom: 20px;
}

#Skin_body_trPending {
    white-space: nowrap;
}

.navbar-nav > li > a,
.dropdown-menu > li > a[id$=pndlnkCancel] {
    color: #333333 !important;
    text-align: left;
}

.sitemap {
}

.primaryNav {
    clear: both;
    width: 100%;
    margin-top: 3em 0
}

    .primaryNav #home {
        position: absolute;
        margin-top: -3em;
        margin-bottom: 0;
        min-width: 14.5em;
        width: 100%
    }

        .primaryNav #home:before {
            display: none
        }

        .primaryNav #home.long-cell:before {
            display: block;
            position: absolute;
            border-width: 0;
            border-color: #ccc;
            border-style: solid;
            z-index: -1;
            border-left-width: 2px;
            border-top-width: 2px;
            top: 1.375em
        }

@media screen and (max-width:1111px) {
    .primaryNav #home.long-cell:before {
        left: -40px;
        box-shadow: -10px 0 0 0 #fff
    }
}

.primaryNav #home img {
    float: left;
    margin-right: 4px
}

.primaryNav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    padding-inline-start: 40px
}

.primaryNav li {
    flex: 1;
    flex-basis: 14.5em;
    padding-right: 1.25em;
    position: relative;
    min-width: 14.5em
}

    .primaryNav li ul li {
        min-width: 12.5em
    }

        .primaryNav li ul li ul li {
            min-width: 10.5em
        }

.primaryNav > ul > li {
    margin-top: 3em
}

.primaryNav li a {
    margin: 0;
    padding: .875em .9375em .9375em .9375em;
    display: block;
    font-size: .9375em;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 3px 3px #666;
    text-decoration: none
}

    .primaryNav li a:hover {
        box-shadow: 0 3px 3px 1px #666
    }

.primaryNav a:link:after,
.primaryNav a:visited:after,
.utilityNav a:link:after,
.utilityNav a:visited:after {
    display: block;
    font-weight: 600;
    font-size: .75em;
    margin-top: .25em;
    word-wrap: break-word;
    color: #666
}

.primaryNav ul ul {
    display: block
}

    .primaryNav ul ul li {
        padding-top: .9875em;
        padding-right: 0
    }

        .primaryNav ul ul li:first-child {
            padding-top: 2em
        }

    .primaryNav ul ul ul {
        margin-top: .6em;
        padding-top: .6em;
        padding-bottom: .625em
    }

        .primaryNav ul ul ul li {
            padding-top: .3125em;
            padding-bottom: .3125em
        }

            .primaryNav ul ul ul li a {
                font-size: .75em;
                padding: .75em;
                min-width: 90%;
                width: auto;
                margin-right: 0;
                margin-left: auto
            }

            .primaryNav ul ul ul li:first-child {
                padding-top: 1em
            }

            .primaryNav ul ul ul li a:link:after,
            .primaryNav ul ul ul li a:visited:after {
                font-size: .75em
            }

        .primaryNav ul ul ul ul {
            margin-top: 0;
            padding-top: .3125em;
            padding-bottom: .3125em
        }

            .primaryNav ul ul ul ul li a {
                padding: .75em;
                min-width: 80%;
                width: auto
            }

                .primaryNav ul ul ul ul li a:link:after,
                .primaryNav ul ul ul ul li a:visited:after {
                    display: none
                }

.primaryNav ul li:after,
.primaryNav ul li:before,
.primaryNav ul:after,
.primaryNav ul:before {
    display: block;
    content: '';
    position: absolute;
    border-width: 0;
    border-color: #ccc;
    border-style: solid;
    z-index: -2
}

.primaryNav > ul > li:before {
    height: 1.375em;
    top: -1.375em;
    right: calc(50% + .625em);
    width: calc(100% - 2px);
    border-top-width: 2px;
    border-right-width: 2px
}

.primaryNav > ul > li:first-child + li:before {
    border-top-width: 0;
    height: 5em;
    top: -5em
}

.primaryNav ul ul li:after {
    width: 50%;
    height: .9875em;
    top: 0;
    right: 1px;
    border-left-width: 2px
}

.primaryNav ul ul li:first-child:before {
    width: 50%;
    height: 1.3125em;
    top: .9875em;
    right: 1px;
    border-left-width: 2px
}

.primaryNav > ul > li:last-child:after {
    border-bottom-width: 0
}

.primaryNav ul ul ul li:before {
    width: calc(50% - 15px) !important;
    height: calc(100% - 2px);
    top: -50%;
    left: 0;
    border-left-width: 2px;
    border-bottom-width: 2px
}

.primaryNav ul ul ul li:first-child:before {
    height: 2.125em;
    top: -1px;
    border-top-width: 2px
}

.primaryNav ul ul ul:before {
    width: 50%;
    height: 1.25em;
    top: -10px;
    right: 1px;
    border-left-width: 2px
}

.primaryNav ul ul ul li:after {
    border-width: 0
}

.primaryNav ul ul ul ul li:before,
.primaryNav ul ul ul ul li:first-child:before {
    display: none
}

.primaryNav ul ul ul ul:before {
    width: 1px;
    height: calc(100% + 2.5em);
    top: -2.5em;
    left: 0;
    border-left-width: 2px
}

@media screen and (max-width:30em) {
    .primaryNav ul {
        display: block
    }

    .primaryNav li {
        width: 100%;
        padding-right: 0
    }

    .primaryNav #home {
        width: 100%;
        position: relative;
        margin-bottom: -1em;
        margin-top: 0
    }
}

@media screen and (min-width:30em) {
    .primaryNav > ul > li {
        max-width: 50%
    }
}

@media screen and (min-width:38.5em) {
    .primaryNav > ul > li {
        max-width: 33%
    }
}

@media screen and (min-width:50em) {
    .primaryNav > ul > li {
        max-width: 25%
    }
}

@media screen and (min-width:61em) {
    .primaryNav > ul > li {
        max-width: 20%
    }
}

@media screen and (min-width:73em) {
    .primaryNav > ul > li {
        max-width: 16.66%
    }
}

@media screen and (min-width:84.5em) {
    .primaryNav > ul > li {
        max-width: 14.285%
    }
}

@media screen and (min-width:96em) {
    .primaryNav > ul > li {
        max-width: 12.5%
    }
}

@media screen and (min-width:107.5em) {
    .primaryNav > ul > li {
        max-width: 11.11%
    }
}

@media screen and (min-width:119em) {
    .primaryNav > ul > li {
        max-width: 10%
    }
}

a[href$="#"] {
    cursor: default;
    color: #333
}

.collapsed_item {
    display: none !important;
    cursor: pointer !important
}

.expand_items a {
    color: #333 !important;
    text-align: center;
    cursor: pointer !important
}

.row {
    padding-top: .25em;
    padding-bottom: .25em;
}

.dropdown-toggle {
    margin-right: 6px !important;
}

.nav-link.dropdown-toggle {
    padding-right: 10px !important;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}

.text-warning,
.text-danger {
    color: #c00000;
}

#crmc_e_div.modal-body {
    width: 100%;
}

.form-control:focus {
    color: #000 !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pginstructions {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #FBFBFB;
    width: 100%;
}

.instructionText {
}

.w-500 {
    max-width: 500px;
}

.font-weight-bold {
    font-weight: bold;
}

.scaled {
    zoom: 75%;
}

.mailto-button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.visible-focus-outline:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
    border-radius: 3px;
}

.BigCheck {
    margin-left: -3px !important;
}

.BigCheck {
    transform: scale(1.1);
    width: 20px;
    height: 20px;
}

#Skin_body_EmpTypeSelectShell_EmpRFV, .attChanged {
    color: #d10000 !important;
}

.btn-close:focus {
    outline: 0;
    border: black 2px solid !important;
    opacity: 100;
}
.nav-link.dropdown-toggle.show  {
  background-color: #e7e7e7 !important; /* A nice blue color */

}


.navbar-nav .nav-link.active-parent {
  background-color: #e9ecef; /* A subtle light grey highlight */
  color: #000;
  border-radius: .25rem;
}

.btn-secondary
{
background-color: rgb(240, 240, 240) !important;
}



.table-to-list thead {
  background-color: #f2f2f2; }
.table-to-list tbody tr th {
  font-weight: normal; }
@media only screen and (max-width: 1200px) {
  .table-to-list .table-bordered > thead tr td, .table-to-list .table-bordered > thead tr th, .table-to-list tbody tr td, .table-to-list tbody tr th, .table-to-list tfoot tr td, .table-to-list tfoot tr th {
    border: 0px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .table-to-list .table-bordered > thead tr td:last-child, .table-to-list .table-bordered > thead tr th:last-child, .table-to-list tbody tr td:last-child, .table-to-list tbody tr th:last-child, .table-to-list tfoot tr td:last-child, .table-to-list tfoot tr th:last-child {
      border-bottom: 0px solid #ddd; }
  .table-to-list table {
    display: block; }
  .table-to-list thead {
    display: block; }
    .table-to-list thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
  .table-to-list tbody {
    display: block; }
  .table-to-list th {
    display: block; }
  .table-to-list td, .table-to-list th  {
    display: block;
    border: none;
    border-bottom: 1px solid #777777;
    position: relative;
    padding-left: 45% !important;
    white-space: normal;
    text-align: left; }
    .table-to-list td:before, .table-to-list th:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
      content: attr(data-title); }
  .table-to-list tr {
    display: block;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd; } 
    
    .stuInfoTable th[scope=row] {
    background-color: #fff !important;
    border-bottom: 1px solid #eee !important;
    border-top: 0px solid #666 !important;
    border-left: 0px solid #666 !important;
    border-right: 0px solid #666 !important;
padding: 6px 6px 6px 40% !important;  
}
}
/* This more specific selector will override Bootstrap's default */
.navbar-nav .dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
    color: #000 !important;
    background-color: #e7e7e7 !important;
    box-shadow: none;
}

/* Accessibility-friendly class to hide elements visually but keep them available to screen readers */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Class to hide elements completely from both visual and assistive technologies */
.visually-hidden {
    display: none !important;
}

/* Class to hide elements visually but keep them in the DOM and accessible to screen readers */
.hidden {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}



iframe {
    border: 1px black solid;
}
.navbar {
    background-color: #f8f8f8 !important;
    border-color: #e7e7e7;
    border: 1px #e7e7e7 solid;
    border-radius: 6px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: block;
    padding: 10px 15px;
}