body, .x-body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #464749;
    font-size: 16px;
    line-height: 22px;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #464749;
    font-size: 16px;
    line-height: 22px;
}

.mr10 {
    margin-right: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mt12 {
	margin-top: 12px;
}
.mt20 {
	margin-top: 20px;
}

/* HEADER BLOCK */
.atsHeaderLogoContainer {
    background-image: url(/Images/ford-logo.png);
    width: 134px;
    height: 50px;
    margin-top: 27px;
    background-size: 100%;
}

.atsHeaderStrapContainer {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #6b7278;
    float: left;
    margin: 46px 10px 0px;
}

    .atsHeaderStrapContainer span {
        color: #4d95ca;
    }

.masterHeaderWrapper {
    background-image: none;
    height: 100px;
}

.masterHeaderLinksWrapper {
    margin-top: 40px;
}

.masterHeaderUserInfo {
    margin-top: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

    .masterHeaderUserInfo a:link, .masterHeaderUserInfo a:visited, .masterHeaderUserInfo a:active {
        color: #265f98;
        text-decoration: none;
    }

    .masterHeaderUserInfo a:hover {
        color: #4d95ca;
        text-decoration: none;
    }

/* MENU STYLES */
#ATSMainMenuWrapper {
    background-color: #265f98;
    background-image: none;
    border: 0;
    height: auto;
    min-height: 39px;
}

.ddsmoothmenu {
    border: none;
}

    .ddsmoothmenu ul li ul {
        border-top: 1px solid #FFF;
    }

    .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
        color: #FFF;
    }

    .ddsmoothmenu ul li a {
        color: #FFF !important;
        text-transform: uppercase;
        font-weight: 200;
        border: none;
        padding: 12px 20px;
        font-family: 'Montserrat', sans-serif;
    }

    .ddsmoothmenu ul li ul li a {
        background-color: #265f98;
        padding: 10px 20px;
        border-left: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        font-family: 'Montserrat', sans-serif;
    }

/* BODY */
h2, h4, h5 {
    font-family: 'Montserrat', sans-serif;
}

h2, h2 span.x-label-value {
    color: #6b7278;
    font-size: 24px;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

h4 {
    color: #4d95ca;
    font-size: 16px;
    margin: 10px 0 20px;
    font-weight: 600;
}
h5 {
	color: #464749;
	font-size: 16px;
	margin: 10px 0 10px;
	font-weight: 400;
}

.h4Spacer {
    margin-top: 30px;
}

.masterBodyWrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.masterContentWrapper {
    width: 1200px;
    margin: 30px auto 50px;
}

.masterBodyTitleLeft {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #6b7278;
    text-transform: uppercase;
    font-size: 22px;
}

/* SPONSORING ACTIVITY */
h3 {
	width: 100%;
	padding: 20px 0;
	font-family: 'Montserrat', sans-serif;
	color: #464749;
	font-size: 18px;
}
.sponsoringActivity h3 {
    width: 100%;
    padding: 10px 20px;
    background: #265f98;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-size: 18px;
}
.selectedTemplate h3 {
	text-transform: uppercase;
}

/* HERO IMAGE */

.heroImage {
    background-image: url(/Images/hero-placeholder.jpg);
    height: 360px;
    background-size: cover;
    width: 100%;
}

/* WIZARD STEPS */

.wizardStepsContainer {
	width: 100%;
	background: #ecedef;
	padding-bottom: 10px;
	position: relative;
}

.wizardStepsContainer .createTestHeader h3 {
    font-family: 'Montserrat', sans-serif;
    color: #6b7278;
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    padding: 30px 0 20px;
    text-transform: uppercase;
    margin: 0;
}

.surveyWizardContainer {
	width: 1200px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: space-between;
}

.surveyWizardContainer .surveyWizardSteps {
    width: 117px;
}


.stepsContainer {
	width: 1044px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.stepNumber {
	position: relative;
	background: #6b7278;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	margin: 0 auto 10px;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	line-height: 50px;
}

    .stepNumber.currentStep {
        background: #4d95ca;
    }

    .stepNumber.stepDisabled {
        background: #A0ABB4;
    }

a[id^=wizardSteps_wizardSteps_TestWizard] {
    text-decoration: none;
}

.stepNumber:before {
	content: '';
	position: absolute;
	height: 2px;
	background: #A0ABB4;
	top: 25px;
	left: -66px;
	width: 66px;
}

.surveyWizardContainer .surveyWizardSteps:first-child .stepNumber:before {
    display: none;
}

.stepNumber.previousStep:before {
    background: #265f98;
}

.stepNumber.currentStep:before {
    background: #4d95ca;
}

.stepNumber.previousStep {
    background: #265f98;
}

.stepLabel {
    font-family: 'Montserrat', sans-serif;
    color: #6b7278;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.stepLabel.currentStep {
    color: #4d95ca;
}

.stepLabel.stepDiabled {
    color: #A0ABB4;
}

.stepLabel.currentStep::after {
    width: 0;
    height: 0;
    display: block;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #FFF;
    margin: 0px auto 0px;
    position: relative;
    bottom: -20px;
}

/* ACCORDION STYLING */
.reportingListSection .ui-widget-content {
    background: none;
}

.ps5 > .btn {
    margin-right: 10px;
}

.ui-accordion .ui-accordion-header {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 48px;
    font-weight: 400;
    background: #265f98;
    color: #FFF;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

    .ui-accordion .ui-accordion-header.ui-accordion-header-active {
        background: #4d95ca;
    }

.ui-accordion .ui-accordion-icons {
    padding-left: 20px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: auto;
    top: 50%;
    margin-top: -8px;
    right: 1em;
    width: 26px;
}

.ui-accordion .ui-accordion-content {
    padding: 20px;
}

.accordionHeader {
    height: 48px;
}

.accordionHeaderText {
    display: inline-block;
}

.buttonEditContainer {
    margin-right: 70px;
    margin-top: 7px;
    float: right;
}

    .buttonEditContainer .btn {
        font-size: 14px !important;
    }

.ui-state-default .ui-icon {
    background-image: url(../Images/accordion-icon.png);
}

.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    background-position: 0 0;
}

.accordionHeader .ui-icon {
    width: 26px;
}
.accBodyText {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #464749;
}
.accBodyText .accText {
	padding: 10px 0;
}

.testObjectivesPage .x-panel-body-default {
	border-width: 0;
}

.ui-state-active .ui-icon {
	background-image: url(../Images/accordion-icon.png);
	transform: rotate(180deg);
}

.reportingListReportHeader {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #464749;
    font-weight: 600;
}

.reportingListReportBody {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin: 10px 0 0;
    color: #464749;
}

.reportingListReportBody .btn.btn-primary {
    max-width: 184px;
    font-size: 12px;
    margin: 20px 10px 30px 0;
    height: 34px;
    line-height: 34px;
    padding: 0;
    display: inline-block;
}

.reportingListReportBody span {
    display: block;
    width: 100%;
}

#reportingReturnContainer {
    display: inline-block;
    width: 100%;
}

.reportingInformationWrapper {
    background-color: #efefef;
    padding: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.studentRadioControls {
	background-color: #efefef;
	padding: 0 20px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.testStatusCheckBoxList {
	margin: 0 0 10px;
}
.studentSearchBox .form-group {
	width: 100%;
}

.rdoDecodeAsselect label, .requiredLanguages label, .selectTemplate label, .testStatusCheckBoxList label,
.studentRadioControls label, .objectiveRadioButtons label, .testAnswerRadioButtonList label, .testAnswerCheckBoxList label {
	width: initial;
	padding: 0 20px 0 5px;
}
.studentCheckboxes label, .stuCheck label {
	width: min-content;
	padding: 0 20px 0 5px;
}
.stuCheck label, .studentRadioControls label {
	margin-bottom: 0;
}
.selectTemplate label.templateTitle {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 16px;
}
.selectTemplate label.templateDescription {
	width: 100%;
	padding: 0 0 0 22px;
}
/* BUTTONS */
.btn {
	display: block;
	min-width: 160px;
	text-transform: capitalize !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}

.btn.btn-primary {
	background: #005f9e;
	color: #FFFFFF;
}

.btn.btn-primary:hover {
    background: #176ca4;
}

    .btn.btn-secondary {
        background: #B9D9EA;
        /* rgb(223, 239, 252);*/
        color: black;
        border: 1px solid #ccc;
    }
        .btn.btn-secondary:hover {
            background: rgb(46, 110, 158);
            color: white;
        }


.btn.btn-secondary.sr {
	margin-right: 20px;
}
.btn.btn-third {
	min-width: 130px;
	background: #005f9e;
	color: #FFFFFF;
	margin-right: 10px;
}
.btn.btn-four {
	font-size: 12px;
	text-transform: uppercase !important;
	min-width: 130px;
	background: #005f9e;
	color: #FFFFFF;
}
.btn.btn-four:hover, .btn.btn-third:hover {
	background: #176ca4;
}
.btn.btn-table {
	font-size: 12px;
	text-transform: uppercase !important;
	min-width: 130px;
	background: #eff0f1;
	color: #616b72;
	border: 1px solid #ccc;
}
.btn.btn-table:hover {
	background: #f2f2f2;
}
/* TABLES & FIELDS */
.tableHeaderRow {
	background: #265f98;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	padding: 15px 0;
}
.tableContentRow {
	background: #fefefe;
	padding: 20px 0;
}
.tableContentRow:nth-child(odd) {
	background: #f7f7f7;
}

.TestObjectivesContainer .x-panel.x-panel-default.x-border-box,
.TestObjectivesContainer .x-panel-body.x-panel-body-default.x-panel-body-default {
	border: none;
}
.objectiveTableHead th {
	background: #265f98;
	color: #FFF;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 0;
}

label {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #464749;
    font-size: 14px;
}


.testStatusCheckBoxList label {
    width: auto;
}

.selectedTemplate label {
	font-weight: 600;
	font-size: 16px;
}

input[type='text'], select {
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #666;
}

.form-control {
    color: #666;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -1px);
}

.form-group span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #265f98;
    font-size: 12px;
    padding: 5px 0 20px;
    float: left;
    width: 100%;
}
.form-group span.bgImageParameters, .form-group span.bgImageParameters span, span.lastUpdatedBy span {
	float: initial;
	font-size: 14px;
}
span.lastUpdatedBy {
	color: #464749;
	float: initial;
	font-size: 14px;
}
.srtp span {
	float: initial;
	font-size: 16px;
	width: initial;
	padding: 0 10px 0 0;
}

.srtp .form-control, .pbt .form-control {
	float: left;
	margin-right: 10px;
}
span.noSpan span {
	font-size: 16px;
}
.lastUpdated {
	margin: 30px 0;
}
.lastUpdated span {
	font-style: normal;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #265f98;
}

.form-group span + span {
	padding-bottom: 20px;
	margin-top: -20px;
}
span.aspNetDisabled {
	padding-bottom: 0px;
}

p.addHeadings {
	padding: 20px;
	background: #4d95ca;
	border-top: solid 1px #265f98;
	border-left: solid 1px #265f98;
	border-right: solid 1px #265f98;
	color: #FFF;
	font-size: 12px;
	margin-bottom: 0px;
}
#languageSurveyHeader {
	border-left: solid 1px #265f98;
	border-right: solid 1px #265f98;
	border-bottom: solid 1px #265f98;
}
.languageSurveyHr {
	background: #265f98;
	color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
}
.languageSurveyHr h4 {
	margin: 0;
}
.languageSurveyHr h4 span {
	color: #FFF;
}
.languageSurveyContainer {
	padding: 0 20px;
}
#quTable .x-panel-body.x-panel-body-default.x-panel-body-default {
	border: none !important;
	padding: 0 !important;
}
#quTable div[id*="innerCt"] {
	padding: 0 !important;
}

.surveyHeaderContainer .tableTestHeader td {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #464749;
	font-size: 14px;
	padding: 0px 10px 5px 0px;
}
.tableTestHeader label, .surveyHeaderContainer label {
	font-weight: 600;
	font-size: 16px;
}

.form-check label {
	width: initial;
}

.form-control-lg label {
    font-size: 16px;
}

.dateField {
    background-image: url(calendar-icon.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

/* PANELS */

.panelStyled div[id*="Panel"] {
    border: none !important;
}

.questionTypesKey {
	background: #4d95ca;
	color: #FFF;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 10px 0;
	border: 1px solid #265f98;
}
.questionObjectivesContainer .x-column-header-inner.x-column-header-over {
	background: #4d95ca;
	color: #FFF;
}
.questionObjectivesContainer .x-panel-default, .questionObjectivesContainer .x-toolbar-default {
	border: 1px solid #265f98;
}
/* WRITERS */
#divNewMessage {
	text-align: right;
}

.panelStyled div[id*="Panel"] label[id*="lblNoWriters"] {
	min-height: 46px;
	padding: 10px 10px;
	border: 1px solid #464749;
}

.panelStyled div[id*="Panel"] span.x-label-value {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #464749;
    font-size: 14px;
}


.cmdButton {
    margin-top: 5px !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    bottom: inherit !important;
    right: inherit !important;
}

/*-----EXT.NET greed-----*/

/* Stack Button Column Vertically instead of Horizontally */
.GreedButtonsVertical .x-grid-cell .x-grid-cell-inner .x-toolbar .x-box-inner, .x-grid-cell .x-grid-cell-inner .x-toolbar .x-box-inner .x-box-target {
    height: inherit !important;
}

    .GreedButtonsVertical .x-grid-cell .x-grid-cell-inner .x-toolbar .x-box-inner .x-box-target, .x-grid-cell .x-grid-cell-inner .x-toolbar .x-box-inner .x-box-target div a {
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        bottom: inherit !important;
        right: inherit !important;
    }


.fontMain {
    font-size: 14px;
}



.form-group1 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #265f98;
    font-size: 12px;        
}

.QuestionEditingSpace {
    border: solid;
    border-width: 1px;
    border-color: lightgray;
}

table.rdoListHorizontal {
    width: 100%
}

.rdoListHorizontal label {
    width: auto;
    margin-left: 10px;
}

.aspNetDisabled label {
    width:auto;
    margin-left:5px;
}