/* Minification failed. Returning unminified contents.
(2648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(2681,39): run-time error CSS1039: Token not allowed after unary operator: '-lightestStepper'
(2683,19): run-time error CSS1039: Token not allowed after unary operator: '-topSetting'
(2691,39): run-time error CSS1039: Token not allowed after unary operator: '-lightestStepper'
(2693,19): run-time error CSS1039: Token not allowed after unary operator: '-topSetting'
(2704,21): run-time error CSS1039: Token not allowed after unary operator: '-circleDiameter'
(2705,22): run-time error CSS1039: Token not allowed after unary operator: '-circleDiameter'
(2707,26): run-time error CSS1039: Token not allowed after unary operator: '-lightGrayStepper'
(2713,21): run-time error CSS1039: Token not allowed after unary operator: '-HeaderAndTextStepper'
(2717,32): run-time error CSS1039: Token not allowed after unary operator: '-darkerStepper'
(2720,28): run-time error CSS1039: Token not allowed after unary operator: '-darkerStepper'
(2721,29): run-time error CSS1039: Token not allowed after unary operator: '-HeaderAndTextStepper'
(2727,39): run-time error CSS1039: Token not allowed after unary operator: '-darkerStepper'
(2729,19): run-time error CSS1039: Token not allowed after unary operator: '-topSetting'
 */
/* DEFAULTS
----------------------------------------------------------*/

.navButtonPanel {
    clear: left;
    border: thin solid blue;
    color: Blue;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1em;
}

body {
    font-family: "Figtree", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    /*font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

a.btn-default {
    color: #333333;
}

.btn-default.dropdown-toggle:hover {
    background-color: #fff;
    cursor: default;
}

a.text-danger {
    color: #f6504d;
}

a.btn-link {
    color: #3498db;
}

    a.btn-link > i:hover {
        text-decoration: none;
    }

.panel-heading a:link, a:visited {
    color: #333333;
}

.panel-heading a:hover {
    color: #999;
}

.panel-md {
    width: 1000px;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

input {
    font-family: "Figtree", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 3em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
    font-weight: 600;
}

h4 {
    font-size: 1.1em;
    font-weight: 600;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    /*width: 960px;*/
    width: 99%;
    background-color: #fff;
    margin: 20px auto 0px auto;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    z-index: 99999;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #460F46;
        border: none;
        line-height: 2em;
        font-size: 2.5em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink /*this is the menubar placeholder div*/ {
    width: 99%;
    margin-left: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            /*background-color: #465c71;*/
            /*border: 1px #4e667d solid;*/
            /*border: 1px #751975 solid;*/
            color: black;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

.NewFeature {
    /*background-color: #465c71;*/
    background-color: #E5E5E5;
    /*border: 1px #4e667d solid;*/
    color: green;
    font-weight: bold;
    margin: 0px,0px,0px,0px;
    padding: 0px,0px,0px,0px;
    /*padding: 4px 20px;*/
}

div.menu ul li a:hover {
    /*background-color: #bfcbd6;*/
    background-color: #751975;
    /*color: #465c71;*/
    color: White;
    text-decoration: none;
}

div.menu ul li a:active {
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/*Added these to try and avoid menu flicker*/
#menu ul li ul {
    display: none;
}

#menu ul li {
    position: relative;
    float: left;
    list-style: none;
}
/*End menu flicker fix*/
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.logoarea {
    display: block;
    margin-bottom: .3em;
    margin-top: .7em;
    margin-left: .3em;
    float: left;
    text-align: left;
    width: 67px;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto; /*Mark has this at 80%, research impact?*/
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.failureNotification2 {
    font-size: 1.2em;
    color: Blue;
    margin-top: 15px;
    resize: none;
}

.failureNotification3 {
    font-size: 1.2em;
    color: Red;
    font-weight: bold;
}

.successNotification {
    font-size: 1.2em;
    color: Green;
    font-weight: bold;
}

.reportConfig {
    font-size: 13px;
    font-family: Arial;
    font-weight: 500;
}

    .reportConfig .rcbInner {
        height: 13px;
        margin-left: 1px;
    }

        .reportConfig .rcbInner .rcbEmptyMessage {
            vertical-align: top;
            margin-top: 0px;
            height: 13px;
            font-size: 13px;
            font-style: normal;
            color: black;
        }

        .reportConfig .rcbInner .rcbActionButton {
            height: 13px;
        }

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

.boldRed {
    color: Red;
    font-weight: bold;
}

.leftRightMargin {
    margin-left: 5px;
    margin-right: 5px;
}

.leftMargin {
    margin-left: 5px;
}

.formShortText {
    margin-left: 5px;
    width: 50px;
}

.leftMarginLarge {
    margin-left: 10px;
}

.leftMarginExtraLarge {
    margin-left: 20px;
}

.rightMargin {
    margin-right: 5px;
}

.topMargin {
    margin-top: 5px;
}

.topMarginZero {
    margin-top: 0px;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.submitButtonRight {
    text-align: right;
    padding-right: 10px;
    margin-right: 30px;
}

.logofflabel {
    display: inline-block;
    text-transform: uppercase;
    font-size: larger;
    margin-top: 30px;
    color: #460F46;
}

.logoffDiv {
    margin-top: 100px;
    text-align: center;
}

.buttonPanelMaster {
    float: left;
    width: 100%;
    /*border-style: solid;
	border-width: thin;
	border-color: #751975;*/
    /*outline: blue solid thick;*/
    margin-top: .8em;
    margin-bottom: 2em;
    text-align: center;
    vertical-align: middle;
}

.buttonPanel {
    float: left;
    border-style: solid;
    border-width: thin;
    border-color: #751975;
    text-align: center;
    vertical-align: middle;
}

.buttonPanelRight {
    float: right;
    border-style: solid;
    border-width: thin;
    border-color: #751975;
    text-align: center;
    vertical-align: middle;
}

.buttonGrid {
    text-align: left;
}

    .buttonGrid th {
        text-align: center;
        font-weight: bold;
        color: Black;
    }

.asmtButton {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cbOption {
    margin-right: 20px;
}

.clbOption {
    overflow: auto;
    max-height: 100px;
    width: 70%;
}

.clbOptionRight {
    overflow: auto;
    max-height: 100px;
    width: 70%;
    float: right;
}

.clbOptionWide {
    overflow: auto;
    max-height: 100px;
    width: 95%;
}

.cleanDiv {
    overflow: auto;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

/*START Grids!!*/
.deepscrollableGrid {
    overflow: auto;
    width: 100%;
    max-height: 745px;
}

    .deepscrollableGrid th {
        color: #460F46;
    }

        .deepscrollableGrid th a {
            color: #460F46;
            /*text-decoration: none;*/
        }

.shortscrollableGrid {
    overflow: auto;
    width: 100%;
    max-height: 345px;
}

    .shortscrollableGrid th {
        color: #460F46;
    }

        .shortscrollableGrid th a {
            color: #460F46;
            /*text-decoration: none;*/
        }

.veryShortscrollableGrid {
    overflow: auto;
    width: 100%;
    max-height: 150px;
}

    .veryShortscrollableGrid th {
        color: #460F46;
    }

        .veryShortscrollableGrid th a {
            color: #460F46;
            /*text-decoration: none;*/
        }

.gridRowEdit {
    font-style: oblique;
    font-weight: bold;
}

.scrollableGrid99 {
    overflow: auto;
    width: 99%;
    /*max-height: 300px;*/
    max-height: 500px;
    /*border: thin solid black;*/
}

    .scrollableGrid99 th {
        color: #460F46;
    }

        .scrollableGrid99 th a {
            color: #460F46;
            /*text-decoration: none;*/
        }

.scrollableGridTopSpace {
    overflow: auto;
    width: 100%;
    margin-top: 20px;
    max-height: 500px;
}

    .scrollableGridTopSpace th {
        color: #460F46;
    }

        .scrollableGridTopSpace th a {
            color: #460F46;
        }

.scrollableGrid {
    overflow: auto;
    width: 100%;
}

    .scrollableGrid th {
        color: #460F46;
    }

        .scrollableGrid th a {
            color: #460F46;
        }

.scrollableSubGrid {
    overflow: auto;
    width: 100%;
    max-height: 460px;
}

    .scrollableSubGrid th {
        color: Black;
    }

        .scrollableSubGrid th a {
            color: #460F46;
        }

.scrollableGridWithPaging {
    overflow: auto;
    width: 100%;
    max-height: 100%;
}

    .scrollableGridWithPaging th {
        color: #460F46;
    }

        .scrollableGridWithPaging th a {
            color: #460F46;
        }

.noscrollGrid {
    overflow: auto;
    width: 100%;
}

.SideBySideGrid4 {
    float: left;
    overflow: auto;
    width: 22%;
    max-height: 30em;
    margin: 0em .5em 0em .5em;
}

    .SideBySideGrid4 th {
        display: none;
    }

    .SideBySideGrid4 h3 {
        text-align: center;
        font-weight: bold;
    }

.SideBySideGrid {
    float: left;
    overflow: auto;
    width: 30%;
    max-height: 30em;
    margin: 0em .5em 0em .5em;
}

    .SideBySideGrid th {
        display: none;
    }

    .SideBySideGrid h3 {
        text-align: center;
        font-weight: bold;
    }

.SideBySideAssignGrid {
    float: left;
    overflow: auto;
    width: 40%;
    max-height: 30em;
    margin: 0em 0em 0em 0em;
}

    .SideBySideAssignGrid th {
        display: none;
    }

    .SideBySideAssignGrid h3 {
        text-align: center;
        font-weight: bold;
    }

.SideBySideAssignGridBtns {
    float: left;
    overflow: auto;
    width: 20%;
    max-height: 30em;
}

#panel {
    height: 30em;
}

.fixedGrid {
    margin: 1.5em 0em 2em 0em;
}

.fixedGridLeftMargin {
    margin-left: .2em;
    margin-top: 0px;
}
/*END Grids!!*/

.inputDiv {
    margin: 10px 0px 10px 0px;
}

.infoBox {
    margin: 10px 0px 10px 0px;
    width: 75%; /*4.0.0*/
}

.infoBoxNoBorder {
    margin: 10px 0px 10px 0px;
    width: 75%;
    border-style: none;
}

.DDinfoBox {
    background-color: #FFFACD;
    margin: 10px 0px 10px 0px;
    width: 600px;
    height: 40px;
    margin-left: 5%;
    border-style: none;
}

#searchBox {
    margin: 2em 0em 2em 1em;
}

div.content /*Main content div for all data screens*/ {
    margin: 2em 1em 2em 1em;
}

.PageNavButton /*Most Page navigation buttons*/ {
    display: inline;
    margin-top: 1em;
    margin-right: 8px;
    margin-left: 5px;
}

.PageNavButtonNext /*Next Page navigation button*/ {
    display: inline;
    margin-top: 1em;
    margin-right: 8px;
    margin-left: 33px;
}

.PageNavText {
    margin-left: 8px;
    margin-right: 8px;
    width: 50px;
    height: 22px;
}

.PageNavTextRO {
    margin-left: 8px;
    margin-right: 18px;
    width: 50px;
    height: 22px;
    background-color: Silver
}

.DashTextRO {
    border: none;
    text-align: center;
    font-style: italic;
}

.TextRO {
    background-color: Silver;
}

.TextROWide {
    background-color: Silver;
    width: 450px;
}

.TextErrorRO {
    background-color: Silver;
    color: Red;
}

.TextStd {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    height: 22px;
}

.TextExtraLong {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 700px;
    height: 22px;
    background-color: transparent;
}

.TextExtraLongRO {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 700px;
    height: 22px;
    background-color: Silver
}

.TextLong {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 1450px;
    height: 22px;
}

.TextMedium {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 250px;
    height: 22px;
}

.TextMediumRO {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 250px;
    height: 22px;
    background-color: Silver
}

.TextHalfMedium {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 125px;
    height: 22px;
}

.TextShort {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    width: 50px;
    height: 22px;
}

.TextStdRight {
    margin-left: 8px;
    margin-right: 20px;
    margin-top: 8px;
}

.TextInput {
    background-color: White;
}

.TextMultiLineInput {
    margin-left: 5px;
    width: 70%;
    height: 66px;
}

.ReturnButton /*All "Back to Assessment" buttons*/ {
    display: block;
    margin-top: 3em;
    clear: left;
}

.AsmtHomeButton /*All "Back to Assessment" buttons*/ {
    display: block;
    float: right;
    margin-top: 1em;
    margin-right: 1em;
}

.PCAToolHomeButton /*All "Back to Assessment" buttons*/ {
    display: block;
    float: right;
    margin-top: 1em;
    margin-right: 1em;
}

.PrintButton /*Many pages have a print button for the content, they all follow this style*/ {
    display: block;
    margin-top: 2em;
}

.ModalButton {
    display: block;
    margin-top: 2em;
    margin-bottom: 1em;
}

.sitesealdiv /*This is the SSL site seal div*/ {
    display: block;
    float: right;
    clear: both;
    text-align: right;
    margin-top: 0px;
    /*outline: blue solid thin;*/
}

.copyrightFooter {
    clear: both;
    margin: 1em 1em 1em 1em;
    text-align: center;
}

.copyrightPrintBox /*This is the div with copyright info on printable pages*/ {
    display: none;
    text-align: left;
    font-weight: bold;
    margin: 2.5em 0em 2.5em 0em;
    width: 100%;
}

.altRowStyle /*This controls the alt row color on all grids*/ {
    background-color: #EAE4F5;
}

.ErrorMessageBox {
    margin: 2em 1em 2em 1em;
}

div#SessionInfo {
    /*margin-top: 2em;*/
}

#SessionInfo li {
    margin-bottom: 1em;
    font-weight: bold;
}

#SessionInfo span {
    color: #460F46;
}

#SessionInfo select {
    font-weight: bold;
}

.liLOB {
    color: Red;
}

.dgvCenter {
    text-align: center;
}

.dgvCenter2 {
    text-align: center;
    margin: auto;
}

.errorText {
    color: Red;
}

.SmallTopMargin {
    margin-top: .5em;
}

.WarningBanner {
    display: block;
    clear: both;
    color: Red;
    width: auto;
    margin: 1em 1em 1em 1em;
    font-size: 1.5em;
    font-weight: bold;
    font-variant: small-caps;
}

.WarningBanner2 {
    display: block;
    clear: both;
    color: Red;
    width: auto;
    margin: 1em 1em 1em 1em;
    font-size: 1.1em;
    font-weight: normal;
}

.TrialReminder {
    display: block;
    clear: both;
    color: Red;
    width: auto;
    margin: 1em 1em 1em 1em;
    font-size: 1em;
    font-weight: bold;
}

.GoButton {
    display: inline;
    margin-left: 1em;
    width: 4em;
}

.ActionPanel {
    display: block;
    margin: 1.3em 0em 0em 1em;
}

div.ObjectInfo {
    float: left;
    table-layout: fixed;
}

.tblObjectInfo {
    border-collapse: collapse;
    height: 100%;
}

    .tblObjectInfo td, .tblObjectInfo th {
        padding: .2em .4em .2em .4em;
        font-weight: bold;
        text-align: center;
    }

    .tblObjectInfo th {
        background-color: #A7C942;
        color: #460F46;
    }

.tblQuality {
    border-collapse: collapse;
    height: 100%;
    table-layout: fixed;
}

    .tblQuality td, .tblQuality th {
        border: thin solid #751975;
        padding: .2em .2em .2em .2em;
        font-weight: bold;
        text-align: center;
    }

    .tblQuality th {
        background-color: #A7C942;
        color: #460F46;
    }

.tblQualityColA {
    width: 18%;
}

.tblQualityColB {
    width: 13%;
}

.ddlWithIndent {
    margin-left: .5em;
    margin-top: .5em;
}

.divDash {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 100%;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    text-indent: .5em;
}

.lblDash {
    font-size: large;
    margin-bottom: .2em;
    font-weight: bold;
    text-align: center;
}

.lblForm {
    font-size: medium;
    margin-bottom: .2em;
    font-weight: bold;
    text-align: center;
}

.lblFormGrid {
    font-weight: bold;
    text-align: center;
}

.rwzFinish {
    display: none !important;
}

.lblError {
    font-weight: bold;
    color: red;
}

.lblWithBothSpace {
    margin-right: 1em;
    margin-left: 1em;
}

/*One column panel*/
.pnlOneColumn {
    margin-left: .5em;
    margin-right: .25em;
    margin-top: 1em;
    width: 100%;
    float: left;
    border: 1px solid;
}
/*Two column panel*/
.pnlTwoColumn {
    margin-left: .5em;
    margin-right: .25em;
    margin-top: 1em;
    width: 49%;
    float: left;
    border: 1px solid;
}
/*Two column Full panel*/
.pnlTwoColumnFull {
    margin-top: 1em;
    width: 49%;
    float: left;
    margin-right: .25em;
    border: 1px solid;
}

/* listbox div*/
.divLB {
    height: 150px;
    overflow: auto;
    width: 40%;
    margin-left: 5px;
    float: left;
}

/*Two column div*/
.divMultiColumn {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 45%;
    float: left;
}

.pnlDashMultiColumn1 {
    margin-bottom: .5em;
    margin-right: .5em;
    width: 50%;
    float: left;
}

.pnlDashMultiColumn2 {
    margin-right: 1.5em;
    margin-bottom: .5em;
    width: 40%;
    float: left;
}

.pnlDashMultiColumn3 {
    margin-bottom: .5em;
    margin-right: .5em;
    width: 60%;
    float: left;
}

.pnlDashMultiColumn4 {
    margin-right: 1.5em;
    margin-bottom: .5em;
    width: 30%;
    float: left;
}

.pnlDashSep {
    width: 5%;
    float: left;
}

.div32Percent {
    overflow: auto;
    width: 32%;
    float: left;
    margin-right: 1em;
}

.div60PercentColumn {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .5em;
    width: 60%;
    float: left;
}

.div65PercentNoLeft {
    margin-right: 1em;
    margin-bottom: .5em;
    width: 65%;
    float: left;
}
/*One column div full*/
.divOneColumnFull {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 100%;
    float: left;
}
/*Two column div*/
.divTwoColumn {
    margin-right: 2em;
    margin-bottom: 1em;
    width: 40%;
    float: left;
}

/*Two column div full*/
.divTwoColumnFull {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 50%;
    float: left;
}

.divTwoColumnFullThinLeft {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: .3em;
    width: 50%;
    float: left;
}

/*Three column div*/
.divThreeColumn {
    margin-right: 2em;
    margin-bottom: 1em;
    width: 35%;
    float: left;
}
/*Three column div with a small margin*/
.divThreeColumnSmallMargin {
    overflow: auto;
    margin-top: .5em;
    margin-right: .5em;
    margin-bottom: .5em;
    width: 42%;
    float: left;
}

/*Four column div*/
.divFourColumn {
    margin-right: 1em;
    margin-bottom: 1em;
    width: 23%;
    float: left;
}
/*Four column full*/
.divFourColumnFull {
    margin-bottom: .25em;
    width: 25%;
    float: left;
}

.div70Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 70%;
    float: left;
}

/*Quality and Custom Reporting Pages*/
.divMultiPageLeftMargin {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 90%;
    float: left;
    border: solid;
    border-color: lightgray;
    margin-left: .5em;
}

.divMultiPage {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 90%;
    float: left;
    border: solid;
    border-color: lightgray;
}

.divTwoColumnMultiPage {
    margin-top: .5em;
    margin-bottom: .5em;
    width: 43%;
    float: left;
}

.divTwoColumnMultiPageLeftMargin {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: .5em;
    width: 48%;
    float: left;
}

.divTwoColumnMultiPageThinLeft {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: .3em;
    width: 43%;
    float: left;
}
/*End Quality Page*/

/*Three column div*/
.divThreeColumn {
    margin-right: 2em;
    margin-bottom: 1em;
    width: 35%;
    float: left;
}

.divTeleRik {
    overflow: auto;
    margin-bottom: .5em;
    width: 100%;
    float: left;
}

.divTeleRik40 {
    overflow: auto;
    margin-bottom: .5em;
    width: 42%;
    float: left;
}

.divTeleRik60 {
    margin-bottom: .5em;
    width: 58%;
    float: left;
}

div.AddBorders .rgHeader,
div.AddBorders th.rgResizeCol,
div.AddBorders .rgFilterRow td,
div.AddBorders .rgRow td,
div.AddBorders .rgAltRow td,
div.AddBorders .rgEditRow td,
div.AddBorders .rgFooter td {
    border-style: solid;
    border-color: #aaa;
    border-width: 0 0 1px 1px; /*top right bottom left*/
}

    div.AddBorders .rgHeader:first-child,
    div.AddBorders th.rgResizeCol:first-child,
    div.AddBorders .rgFilterRow td:first-child,
    div.AddBorders .rgRow td:first-child,
    div.AddBorders .rgAltRow td:first-child,
    div.AddBorders .rgEditRow td:first-child,
    div.AddBorders .rgFooter td:first-child {
        border-left-width: 0;
    }



.div45Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 45%;
    float: left;
}

.div49Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 49%;
    float: left;
}

.div40Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 40%;
    float: left;
}

.div75Percent {
    margin-left: .2em;
    margin-right: .2em;
    margin-bottom: .5em;
    width: 75%;
    float: left;
}

.div30Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 30%;
    float: left;
}

.div30PercentIndent {
    overflow: auto;
    margin-left: 5em;
    margin-right: 1em;
    margin-bottom: .5em;
    width: 30%;
    float: left;
}

.div30PercentLeftIndent {
    overflow: auto;
    margin-left: 1em;
    margin-bottom: .5em;
    width: 30%;
    float: left;
}

.div20PercentLeftIndent {
    overflow: auto;
    margin-left: 1em;
    margin-bottom: .5em;
    width: 20%;
    float: left;
}

.div25Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 25%;
    float: left;
}

.div35Percent {
    overflow: auto;
    margin-bottom: .5em;
    width: 35%;
    float: left;
}

.div32Percent {
    overflow: auto;
    width: 31%;
    float: left;
}

/*Four column div with a small margin*/
.divThreeColumnMicroMargin {
    margin-right: .25em;
    margin-bottom: .25em;
    width: 30%;
    float: left;
}

.div4PercentColumn {
    margin-right: 2em;
    margin-top: 3em;
    width: 4%;
    float: left;
}

.div4PercentColumnSmallMargin {
    margin-top: 3.8em;
    margin-right: .2em;
    width: 10%;
    float: left;
}

.cpHeader {
    color: white;
    background-color: #719DDB;
    font: bold 14px auto "Trebuchet MS", Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    height: 21px;
    padding-top: .5em;
    margin-top: .5em;
}

.cpBody {
    border: 1px gray;
    width: 100%;
    padding-top: 7px;
}

.divLeftRightButtons {
    margin-top: 3.8em;
    width: 5%;
    float: left;
}

.lbAavilSel {
    width: 90%;
    height: 95%;
}

.lbAavilSelWide {
    width: 99%;
    height: 99%;
}

.radListboxdueling {
    width: 40%;
    max-height: 900px;
}

    .radListboxdueling .rlbHeader {
        background-color: #FEE4EB;
        font-weight: bold;
        font-size: medium;
        font-style: italic;
    }

    .radListboxdueling .rlbFooter {
        background-color: #FEE4EB;
        font-weight: bold;
        font-size: medium;
        font-style: italic;
    }

.divwithTopSpace {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    width: 100%;
    float: left;
}

.divwithNoTopSpace {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 1em;
    width: 100%;
    float: left;
}

.divwithNoMargin {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    width: 100%;
    float: left;
}

.divwithSmallBottomMargin {
    margin-top: 0em;
    margin-bottom: .5em;
    width: 100%;
    float: left;
}

.divFullWidth {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    float: left;
}

.divFullWidthWithIndent {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: .5em;
    width: 100%;
    float: left;
}


.divFullWidthThin {
    margin-top: .1em;
    margin-bottom: .1em;
    width: 100%;
    float: left;
}

.divWithIndent {
    margin-top: .25em;
    margin-bottom: .25em;
    margin-left: 1em;
    width: 95%;
    float: left;
}

.divTabFullWidth {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    width: 100%;
    float: left;
}

.divTabFullWidthThinLeft {
    margin-left: .3em;
    width: 95%;
    float: left;
}

.tabDashDiv {
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: .25em;
    float: left;
    width: 97%;
}

.tabDashDivHalf {
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: .25em;
    float: left;
    width: 48%;
}

.tabDiv {
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: 1em;
    float: left;
}

.tabCtl .ajax__tab_header {
    font-family: "helvetica, Arial, Sans-Serif";
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .tabCtl .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        margin-top: 2em;
        border: solid 2px #d7d7d7;
    }

    .tabCtl .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.tabCtl .ajax__tab_hover .ajax__tab_outer {
    background-color: #9c3;
}

.tabCtl .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.tabCtl .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.tabCtl .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.tabCtl .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.tabCtl .ajax__tab_body {
    font-family: helvetica,tahoma,verdana;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 2px #d7d7d7;
    border-top-color: #d7d7d7;
}


/*.ajax__tab_default .ajax__tab_header:after {
	clear: both;
}*/

.tabCtl .ajax__tab_header:after {
    clear: both;
    margin-bottom: 2.7em;
}

.tabCtl .ajax__tab_header:before {
    content: "";
    display: table;
}

.tabCtl .ajax__tab_header:after {
    content: "";
    display: table;
}

/*.tabCtl .ajax__tab_header {*/
/*display: inline-block;*/
/*}*/

.btnWithSpace {
    margin-top: 1.2em;
}

.btnWithRightSpace {
    margin-top: 1.2em;
    margin-right: .5em
}
/*New set of AsmtInfo classes based on number of rows of info, replacing InfoHeaderPlaceholder in many instances*/
div.MemberAsmtInfoPlaceholder1Row {
    height: 50px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.MemberAsmtInfoPlaceholder2Rows {
    height: 100px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.MemberAsmtInfoPlaceholder3Rows {
    height: 150px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}
/*New Placeholder classes based on height*/
div.InfoHeaderPlaceholder {
    height: 100px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholderShort {
    height: 50px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholderTall {
    height: 180px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder1 {
    height: 60px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder2 {
    height: 100px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder3 {
    height: 140px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder4 {
    height: 180px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder5 {
    height: 220px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder6 {
    height: 260px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder7 {
    height: 300px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder8 {
    height: 340px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder9 {
    height: 380px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

div.InfoHeaderPlaceholder10 {
    height: 420px;
    margin-left: 1em;
    margin-top: .8em;
    margin-bottom: 1em;
}

.nextRowButton {
    display: block;
    clear: left;
    margin-top: 1em;
}


#txtFileDesc {
    height: 3em;
}

.ResetButton {
    background-color: Red;
}

.CompQueueButton {
    font-weight: bold;
}

.ResetText {
    color: Red;
    font-weight: bold;
}

.CompUploadText {
    color: Black;
    font-weight: bold;
}

.BoldText {
    font-size: large;
    font-weight: bold;
}

#divMyAssessmentsGrid div {
    margin-top: 2em;
}

.CompUploadStatusMsg {
    color: Blue;
}

.CompUplFeatures {
    display: inline;
}

.FullWidthControl {
    max-width: 100%;
}

/*  Modal Popup definitions
  -------------------------------------  */
.modalPopup {
    background-color: #FFFACD;
    width: 800px;
    height: auto;
    border: 3px solid Black;
    cursor: move;
}

    .modalPopup .header {
        background-color: Black;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        padding: 5px
    }

    .modalPopup .footer {
        padding: 3px;
    }

    .modalPopup .button {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        background-color: Black;
        border: 1px solid Black;
    }

    .modalPopup td {
        text-align: left;
    }

.modalSmallPopup {
    background-color: #FFFACD;
    width: 400px;
    height: auto;
    border: 3px solid Black;
    cursor: move;
}

    .modalSmallPopup .header {
        background-color: Black;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalSmallPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        padding: 5px
    }

    .modalSmallPopup .footer {
        padding: 3px;
    }

    .modalSmallPopup .button {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        background-color: Black;
        border: 1px solid Black;
    }

    .modalSmallPopup td {
        text-align: left;
    }

.AnnounceTextBox {
    width: 871px;
    overflow: auto;
    font-size: 1.5em;
    margin-top: 1em;
    border: thin solid red;
}

div.AnnounceArea {
    margin-top: 2.3em;
    margin-bottom: .1em;
}

.btnDesc {
    margin-top: 1.2em;
    margin-bottom: .5em;
    font-weight: 500;
}

.btnLargeSpace {
    text-align: right;
    margin-right: 6em;
    margin-top: .5em;
}

.AnnounceArea h2 {
    color: Red;
    font-weight: bold;
}

.AnnouncementTextInput {
    width: 871px;
    overflow: auto;
}

.tableDivider {
    /*background-color: red;*/
    border-left-width: 3em;
}

.hidden {
    display: none;
}

.ctlSuggestionVariance {
    /*border: thin solid black;*/
    margin: 1em 1em 1em 1em;
    padding: .5em 1em .5em 1em;
    background-color: white;
    /*box-shadow:gray 10px 10px inset;*/
    /*width: 900px;*/
    border-radius: 10px;
}

.btnVarianceCommentUpdate {
    margin-top: 2em;
}

.txtVarianceComments {
    height: 60px;
    width: 630px;
    margin-top: .5em;
}

.txtBold {
    font-weight: bold;
}

.flexBoxWrapper {
    margin-top: auto;
    margin-right: 5%;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.flexItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    background-color: #f7f7f7;
    margin: 0em 2em 0em 2em;
    border-radius: 10px;
}

.redBorder {
    border: thin solid red;
}

.inlineGreenCheck {
    font-size: 1.6em;
    color: limegreen;
    margin-left: 0.3em;
    font-weight: bold;
}

.inlineRedX {
    font-size: 1.5em;
    margin-left: 0.3em;
    color: red;
    font-weight: bold;
}

.close-button {
    border: none;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: right;
    float: right;
    font-weight: bold;
    cursor: pointer;
    padding: 0 0 0 0;
}

    .close-button:hover {
        color: red;
    }


.divDCFullWidth {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: .5em;
    width: 100%;
    float: left;
}

.divDC49Percent {
    overflow: auto;
    margin-bottom: .5em;
    margin-left: .5em;
    width: 49%;
    float: left;
}



.hBottomMargin {
    margin-bottom: 1em;
}

.DCFirstPageData {
    width: 100%;
    float: left;
    resize: none;
}

.CBOSingleLineTxt {
    height: 22px;
}


.divMemberDtl {
    margin-top: 0em;
    margin-bottom: .5em;
    width: 100%;
    float: left;
}

.MemberDtlLabel {
    width: 200px;
    float: left;
    font-weight: bold;
}

.MemberDtlFields {
    width: 250px;
    float: left;
    resize: none;
    height: 22px;
}

/*Mike's Suspected Diagnoses work*/
.sdxTextMultiLineInputDisabled {
    margin-left: 5px;
    width: 70%;
    height: 66px;
    /*resize: none;*/
}

.sdxDtl {
    width: 100%;
    float: left;
    resize: none;
}

.sdxSingleLineTxt {
    height: 22px;
}

.sdxFirstPageLabel {
    width: 200px;
    float: left;
}

.sdxLabelText {
    font-weight: bold;
}

.sdxTaller {
    min-height: 200px;
    max-height: 800px;
    overflow: scroll;
}

.sdxMedium {
    min-height: 100px;
    max-height: 400px;
    overflow: scroll;
}

.divSdxHalfWidth {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: .5em;
    width: 55%;
    float: left;
}


.pubSingleLineTxt {
    height: 22px;
}

.pubFirstPageData {
    width: 100%;
    float: left;
    resize: none;
}

.pubFirstPageLabel {
    width: 200px;
    float: left;
}

.memberInfoFormHeader {
    width: 100%;
}

.DCRequireLabel {
    color: red;
    margin-left: .3em;
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.formFieldInput {
    width: 175px !important; /* width conflicts with CalendarLite.css .RadPicker: 12em */
    margin-bottom: 10px;
    min-height: 26px; /* match text input height, increase drop downs, allow calendar picker to be larger */
    text-indent: 0em;
}

span.icon-button, a.icon-button {
    width: 30px;
    border: none;
    background: none;
    display: inline-block;
    color: #696969;
    text-align: center;
}

    a.icon-button:hover {
        color: #797979;
        cursor: pointer;
    }

a.collapsed .icon-collapse {
    display: none;
}

a:not(.collapsed) .icon-collapsed {
    display: none;
}

i.help-icon {
    color: #D9D9D9;
}

a.text-danger:hover {
    color: #d2322d;
}

input.btn-panel-search {
    width: 80px;
}

.SingleSelectCheckBox label {
    margin-left: 1em;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
}

/* These are all the same color as btn-primary and a.unread background */
.qcss-product-icon-ANALYZER {
    color: #656AD9;
}

.qcss-product-icon-ASMTEDIT {
    color: #E7715D;
}

.qcss-product-icon-CBOREF {
    color: #FFCA99;
}

.qcss-product-icon-ICDTRAN {
    color: #FFCA99;
}

.qcss-product-icon-SDOH {
    color: #A9EAE7;
}

.qcss-product-icon-TIMETASKDC {
    color: #6CA6CB;
}

.qcss-product-icon-TTV {
    color: #6CA6CB;
}

.no-overflow {
    overflow-x: auto;
}

.qcss-table-actions {
    min-width: 30px;
    max-width: 30px;
    width: 30px !important;
}

    .qcss-table-actions a {
        text-decoration: none;
    }

.word-overflow-normal {
    white-space: normal !important;
}

.no-word-overflow {
    white-space: break-spaces !important;
}

.minimum-width-100 {
    min-width: 100px;
}

.fw-normal {
    font-weight: normal;
}

.context-menu {
    position: absolute;
    overflow: visible;
}

    .context-menu a {
        text-decoration: none;
    }

#ProductSelectorMenu a.list-group-item.active,
#ProductSelectorMenu a.list-group-item.active:hover,
#ProductSelectorMenu a.list-group-item.active:focus {
    z-index: 2;
    color: #555555;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
}

.productSelectorTextInfo {
    margin-left: 40px;
}

a.productSelectorInactive div,
a.productSelectorInactive icon {
    color: lightgray;
}

.panel-search {
    background-color: #fafafa;
    border: 1px solid #999;
    border-bottom: 1px solid #888;
}

    .panel-search label {
        font-weight: normal;
    }

.panel-sub-search > .panel-heading {
    border-bottom: 1px solid #999;
    font-weight: bold;
}

.panel-gray {
    /*background-color: #f5f5f5 !important;*/
    border-color: #696969 !important;
}

    .panel-gray .btn-primary {
        background-color: #696969;
        color: #ffffff !important;
    }

        .panel-gray .btn-primary:hover {
            background-color: #999;
        }

.panel-ASMTEDIT {
    /*background-color: #FDD0CA !important;*/
    border-color: #E7715D !important;
}

    .panel-ASMTEDIT .btn-primary {
        background-color: #E7715D;
        color: #ffffff !important;
    }

        .panel-ASMTEDIT .btn-primary:hover {
            background-color: #EBA89F;
        }

.panel-ANALYZER {
    /*background-color: #C9CBF2 !important;*/
    border-color: #656AD9 !important;
}

    .panel-ANALYZER .btn-primary {
        background-color: #656AD9;
        color: #ffffff !important;
    }

        .panel-ANALYZER .btn-primary:hover {
            background-color: #ABB4F2;
        }

.panel-TIMETASKDC {
    /*background-color: #BADFFD !important;*/
    border-color: #83B0CB !important;
}

    .panel-TIMETASKDC .btn-primary {
        background-color: #6CA6CB;
        color: #ffffff !important;
    }

        .panel-TIMETASKDC .btn-primary:hover {
            background-color: #83B0CB;
        }

.panel-SDOH {
    /*background-color: #A9EAE7 !important;*/
    border-color: #72CCC2 !important;
}

    .panel-SDOH .btn-primary {
        background-color: #5ACDC0;
        color: #ffffff !important;
    }

        .panel-SDOH .btn-primary:hover {
            background-color: #A9EAE7;
        }

.panel-completed {
    /*background-color: #EFEFEF !important;*/
    border-color: #DDD !important;
}

.panel-list {
    border: 1px solid #ccc !important;
}

    .panel-list div.panel-heading {
        color: #333333;
    }

.multiselect-actions {
    padding: 3px 5px 3px 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    background-color: #dadada;
}

.qcss-grid-view th {
    padding: 2px 5px 2px 5px;
    color: #460F46;
}
    .qcss-grid-view th a {
        color: #460F46;
    }

.qcss-grid-view td {
    padding: 2px 5px 2px 5px;
}

.qcss-actions-toolbar {
    background-color: #dadada;
}

.rounded {
    border-radius: 3px !important;
}

.form-control.danger {
    border-color: #f6504d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.mr-icon {
    margin-right: 45px;
}

.vh-qcss-100 {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    overflow: hidden;
}


.text-danger {
    color: Red;
    font-weight: bold;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}
.text-safe {
    color: Green;
    font-weight: bold;
}
.text-success {
    color: Blue;
    font-weight: bold;
}
.MTLoginBox {
    display: block;
    border: 2px solid gray;
    height: 240px;
    width: 280px;
    /*margin: 100px 550px 100px 550px;*/
    /*text-align: center;*/
    padding: 20px 20px 20px 20px;
    margin-top: 6%;
    border-radius: 6px;
    position: relative;
}
.MTCenterDiv{
    text-align: center;
    margin-left: 41.5%;
}

.MTInputDiv{
    display: block;
    /*border: thin dashed orange;*/
    margin-bottom: 10px;
}
.MTSubmitDiv {
    display: block;
    /*border: thin solid blue;*/
    margin-bottom: 10px;
    /*text-align: left;*/
}
.MTInput {
    height: 34px;
    display: inline;
}

.MTLabel {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    font-weight: 700;
}

.MTSignInBtn{
    display: inline;
}

.MTForgotPasswd{
    display:block;
    /*margin-top:20px;*/
    /*border: 2px solid yellow;*/
    position:absolute;
    bottom:1em;
    right: 1em;
}

.MTinner-box {
    /*border: thin solid green;*/
    text-align: right;
    /*width: 50%;*/
    /*margin-left:150px;*/
    position:relative;
}

.MTLoginMsg {
    text-align: center;
    list-style-type: none !important;
    padding-left: 0px !important;
    padding-inline-start: 0px !important;
}
.MTLoginMsg ul li{
    text-align: center;
    list-style-type: none !important;
    padding-left: 0px !important;
    padding-inline-start: 0px !important;
}
.MTLoginMsg ul {
    text-align: center;
    list-style-type: none !important;
    padding-left: 0px !important;
    padding-inline-start: 0px !important;
}

.MTform-control {
    /*display: block;*/
    /*width: 100%;*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    -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, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
}

@media (min-width: 992px) {

    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }
}

.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


:root {
    --circleDiameter: 30px;
    --topSetting: 15px;
    --lightestStepper: #EAE4F5;
    --mediumStepper: #D5CAE8;
    --darkerStepper: #CABCE6;
    --bordersStepper: #751975;
    --HeaderAndTextStepper: #460F46;
    --lightGrayStepper: #EFEFEF;
}
    .stepper-wrapper {
    margin-top: auto;
    margin-right: 15%;
    margin-left: 15%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

    .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 2px solid var(--lightestStepper);
        width: 100%;
        top: var(--topSetting);
        left: -50%;
        z-index: 2;
    }

    .stepper-item::after {
        position: absolute;
        content: "";
        border-bottom: 2px solid var(--lightestStepper);
        width: 100%;
        top: var(--topSetting);
        left: 50%;
        z-index: 2;
    }

    .stepper-item .step-counter {
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--circleDiameter);
        height: var(--circleDiameter);
        border-radius: 50%;
        background: var(--lightGrayStepper);
        margin-bottom: 6px;
    }

    .stepper-item.active {
        font-weight: bold;
        color: var(--HeaderAndTextStepper);
    }

    .stepper-item.completed .step-counter {
        background-color: var(--darkerStepper);
    }
.step-counter:hover {
    background-color: var(--darkerStepper); /*var(--darkerStepper);*/
    border: thin solid var(--HeaderAndTextStepper);
}

    .stepper-item.completed::after {
        position: absolute;
        content: "";
        border-bottom: 2px solid var(--darkerStepper);
        width: 100%;
        top: var(--topSetting);
        left: 50%;
        z-index: 3;
    }

    .stepper-item:first-child::before {
        content: none;
    }

    .stepper-item:last-child::after {
        content: none;
    }