body {
    margin: 0;
    font-family: "Arial";
    line-height: 1.5;
}

.mb-10 {
    margin-bottom: 10px;
}

.padding-10 {
    padding: 10px;
}

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

.padding-left-10 {
    padding-top: 10px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.no-padding {
    padding: 0 !important;
}

.btn-right {
    position: absolute;
    right: 25px;
}
/*@media (min-width: 992px) {
    .btn-right {
        position: absolute;
        right: 25px;
    }
}*/

.craig-default-font, p.craig-default-font {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
}


mobileToolbar
/*template*/
#wrapper .t-container-fluid {
    max-width: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink {
    font-size: 1em;
}

#wrapper .header {
    background-color: #f5f5f5;
    /*padding: 10px 0;
    margin-bottom: 20px;*/
}

.rnvRootGroupWrapper {
    border-color: transparent !important;
}

#wrapper .logo {
    padding: 5px;
    width: 100%;
    display: inline-block;
}

    #wrapper .logo img {
        max-width: 100%;
        vertical-align: -webkit-baseline-middle;
    }

#loginPageLogo img, .logo img {
    max-height: 43px;
}

#wrapper .jumbotron {
    padding: 1.875em;
    padding-top: 1em;
    background-color: #e9eaea;
}

    #wrapper .jumbotron .RadButton {
        float: right;
        margin-top: .667em;
        font-size: .5em;
    }

#wrapper .footer {
    width: 100%;
    padding: 30px 15px;
    line-height: 30px;
}

.footer #FooterText {
    display: inline-block;
    position: relative;
    top: -12px
}

.footer #img_logo {
    height: 33px;
    width: 190px;
    margin-bottom: 3px;
}

.RadLabel.title-label {
    padding: 6px;
}

/*Wizard content*/
.inputWrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    zoom: 1;
    padding-bottom: .93em;
}

    .inputWrapper.first {
        margin-right: 35px;
    }

    .inputWrapper label {
        /*display: block;*/
        margin: 5px 0 0;
    }

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.text-center {
    text-align: center;
}

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

.text-left {
    text-align: left;
}

.cancel-btn-hover a span {
    text-decoration: underline !important;
}

.cancel-btn-hover a {
    background: none;
    border: none;
}

.RadToolBar_Bootstrap .rtbWrap.cancel-btn {
    background: none;
    border: none;
}

.required:after {
    content: " * ";
    color: red;
    /*font-size: 12pt;*/
}

.ListMaintenanceCbo {
    width: 90%;
    height: 34px;
    border-radius: 4px;
}

.treeViewDrp {
    overflow: hidden !important;
}

.bottum_Margin_20 {
    margin-bottom: 20px;
}

legend {
    font-size: 16px;
    font-weight: bold;
    font-family: Helvatica Neue, Helvatica, Arial, SANS-SERIF;
    color: #333333;
}

fieldset {
    border-color: #f5f5f5;
    margin-bottom: 10px;
    margin-top: 10px;
    border-width: 2px;
    border-radius: 5px;
}

li.rddlItem {
    font-size: 16px !important;
}

li.rddlItemDisabled {
    opacity: 0.3;
}

.rddlFakeInput {
    font-size: 16px !important;
}

.rtsTxt {
    font-size: 16px !important;
}

.rpText {
    font-size: 16px !important;
}

.rbDecorated {
    font-size: 16px !important;
}

.rtbText {
    font-size: 16px !important;
}

td.rgCommandCell {
    padding: 5px;
}

th.rgHeader {
    font-weight: bold !important;
}

[id$=entityMasterRadPanelBar] .rpGroup li {
    padding-left: 10px !important;
}


.login-content {
    background-color: #fff;
    width: 360px;
    margin: 0 auto;
    /*margin-bottom: 0px;*/
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 5rem;
    border-color: transparent;
    box-shadow: 0 1px 1px rgba(255,255,255,.075) inset, 0 0 8px rgba(114,96,153,.6);
}

.login-actions {
    background-color: #fff;
    clear: both;
    border: 0px;
    border-bottom: 1px solid #eee;
    padding: 0px 20px 25px 20px;
    margin-left: -30px;
    margin-right: -30px;
}

@media (max-width: 480px) {
    .login .logo {
        margin-top: 10px;
    }

    .login .login-content {
        width: 280px;
    }

        .login .login-content h4 {
            font-size: 22px;
        }
}

.login-content h4, h5 {
    color: #555;
    margin-top: 10px;
    margin-bottom: 15px;
}

.login-content h4 {
    font-size: 17px;
}

.text-error, .inputWrapper span[style*="color: red"] {
    /*color: #b94a48 !important;*/
    color: red;
}

.inputWrapper input[type*="text"], input[type*="password"], input[type*="number"], input[type*="tel"], input[type*="email"] {
    margin-bottom: 5px !important;
}

.inputWrapper .rcCalPopup {
    margin-bottom: 5px !important;
}

.text-success {
    color: #468847 !important;
}

.top_margin_28 {
    margin-top: 28px;
}

.main-background {
    background-size: cover;
    padding: 15px;
}

    .main-background .inner-container {
        background-color: #FFF;
        padding-top: 10px;
        /*border-radius: 5px;*/
        min-height: 680px;
    }



@media only screen and (min-width: 1440px) {
    .t-container {
        max-width: 100% !important;
    }

    .leftsidesize {
        width: 70% !important;
    }
}

@media only screen and (min-width: 720px) and (max-width:1439px) {

    .leftsidesize {
        width: 70% !important;
    }
}

@media only screen and (min-width: 450px) and (max-width:719px) {

    .leftsidesize {
        width: 60% !important;
    }
}

.RadNavigation.RadNavigation_Bootstrap,
.RadMenu.RadMenu_Bootstrap {
    font-weight: bold;
}

    .RadMenu.RadMenu_Bootstrap .rmTemplate {
        padding-top: 5px;
    }
/* Increase font awesome icon by 1.5, not available by default */
.fa-1_5-x::before {
    display: inline-block;
    font-size: 1.5em !important;
}

.RadMenu.RadMenu_Bootstrap .fa.fa-user-circle::before {
    display: inline-block;
    font-size: 2em;
}

.RadMenu.RadMenu_Bootstrap .rmRootGroup .rmContent {
    padding: .25em .5em .35em;
}
/*.RadMenu.RadMenu_Bootstrap .rmGroup .rmLink {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 1em !important;
}*/

/* to display icons on the right  side */
.RadNavigation ul.rnvRootGroup {
    display: block;
}

.round-corner {
    border-radius: 5px;
}

/* Personal side bar round-corner */
.RadPanelBar.RadPanelBar_Bootstrap.round-corner > ul.rpRootGroup {
    border-radius: 5px;
}

/* Save | cancel bar */

.save-cancel-bar > .rtbOuter {
    background-color: #FFF !important;
    border: none !important;
    text-align: right;
}

.btn-primary {
    color: #FFF !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.btn-skipcomplete {
    color: #FFF !important;
    background-color: #4292cc !important;
    border-color: #2e6da4 !important;
}


.btn-success {
    color: #FFF !important;
    background-color: #65d074 !important;
    border-color: #247830 !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}





.btn-primary:hover {
    filter: brightness(90%);
}

/*css for custom button design as radbutton */
.btn-default {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    height: 34px;
    padding: 6px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    background-position: 0 0;
    border-radius: 4px;
}

    .btn-default:hover {
        color: #212529;
        background-color: #e6e6e6;
        border-color: #ccc
    }

    .btn-default:focus,
    .btn-default.focus {
        box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
    }

    .btn-default.disabled,
    .btn-default:disabled {
        color: #212529;
        background-color: #7cc;
        border-color: #5bc2c2
    }

    .btn-default:not(:disabled):not(.disabled):active,
    .btn-default:not(:disabled):not(.disabled).active,
    .show > .btn-default.dropdown-toggle {
        color: #212529;
        background-color: #9cdada;
        border-color: #2e7c7c
    }

        .btn-default:not(:disabled):not(.disabled):active:focus,
        .btn-default:not(:disabled):not(.disabled).active:focus,
        .show > .btn-default.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
        }

.btn-primary > .rbDecorated {
    color: inherit !important;
}

.table_nav_tree {
    vertical-align: top;
}

/*ClassRosters grid top border issue*/
.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    border-collapse: collapse;
    border-color: #e6e6e6;
}
/* *Employment Application alert text */


.activetab {
    color: #333 !important;
    background-color: #e4e4e4 !important;
    box-shadow: 0 3px 5px rgba(0,0,0,0.13) inset !important;
}

.footer-bottom-fixed {
    position: fixed !important;
    bottom: 0;
}

#OtherDate_wrapper, #ScheduleCombo {
    width: unset !important;
}

#ctl00_ctl00_MainBody_ctl00_ctl00_MainBody_DetailTabStripPanel {
    width: 100%;
}

.hiringPath_dashboard_user {
    font-family: sans-serif;
    font-size: 15px;
}

.d-none {
    display: none;
}

#go-top {
    display: none;
    font-size: 30px;
    position: fixed;
    bottom: 200px;
    right: 50px;
    border: 2px solid #333;
    border-radius: 5px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

/*Hiring Path CSS*/

.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
    color: #ffc000 !important;
    background-color: #bbb !important;
}


.progress-indicator > li.skipped .bubble, .progress-indicator > li.skipped .bubble:after, .progress-indicator > li.skipped .bubble:before {
    background-color: #de0f0f;
    border-color: #247830;
}

.progress-indicator > li.readyforreview .bubble, .progress-indicator > li.readyforreview .bubble:after, .progress-indicator > li.readyforreview .bubble:before {
    background-color: #03a9f4;
    border-color: #247830;
}

.progress-indicator > li.inprogress .bubble, .progress-indicator > li.inprogress .bubble:after, .progress-indicator > li.inprogress .bubble:before {
    color: #ffc000 !important;
    background-color: #ffc000 !important;
}
.progress-indicator > li.completedWE .bubble, .progress-indicator > li.completedWE .bubble:after, .progress-indicator > li.completedWE .bubble:before {
    color: #03a9f4 !important;
    background-color: #d3ff00 !important;
}

/*.readyforreview > .message, .inprogress > .message {
    font-family: Arial;
    font-size: 7pt;
    display: block;
    min-width: 97px;
}

.completed > .message {
    color: red;
    font-family: Arial;
    font-size: 7pt;
    display:block;
}

.active > .message {
    font-family: Arial;
    font-size: 7pt;
    display:block;
}*/

.message {    
    min-width:97px;
    font-family: Arial;
    font-size: 7.5pt;
    display: block;
    color: #333;
}

.progress-indicator > li.active, .progress-indicator > li.active .bubble {
    color: #ffc000 !important;
}

.lnkChangeStep {
    font-size: 7.5pt;
    color: rgb(0,0,238) !important;
    cursor:pointer;
    text-decoration:underline;
}

.btn-hiring-path {
    font-size: 11pt;
    font-family: 'Arial';
    /*width:90px;*/
}

.d-inline-block {
    display: inline-block;
}
/*.hp-text {
    color: #65d074;
}*/

.hp-label {
    color: #534f4e;
    font-weight: bold;
    font-size: 14pt;
}

.hp-heading {
    font-size: 16px;
    font-weight: bold;
}

.HiringProcess {
    width: auto !important;
}

    .HiringProcess li label {
        text-transform: capitalize;
    }

.rwControlButtons {
    width: auto !important;
}

.no-wrap {
    white-space: nowrap;
}

.btn-emily {
    min-height: initial !important;
    padding: 4px 10px !important;
}

.inProgressRowStatus {
    background-color: #65d074 !important;
    height: 40px;
}

    .inProgressRowStatus .editLink {
        display: none;
    }

.print-search-icon {
    background: url('../images/print-search.png');
    display: inline-block;
    height: 20px;
    width: 20px;
}

/*End of Hiring Path*/

.message-count {
    position: absolute;
    top: -1px;
    right: -10px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 4px 6px;
    font-size: 10px;
}