a {
    text-decoration: none;
}

strong {
    font-weight: 600;
}

#ControlPanelTab .cpTab {
    color: #000000;
    left: -35px !important;
}

header nav > label {
    color: #959595;
    display: none;
    text-transform: uppercase;
}

header .mobile > a {
    padding: 4px 0;
}

header nav .toggle {
    display: flex;
    padding: 0;
    position: relative;
    z-index: 1;
}

.mobile.toggle {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat 0 -135px;
    height: 16px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    z-index: 10;
}

    .mobile.toggle.open {
        background-position: -168px -2px;
    }

    .mobile.toggle > img {
        display: none;
    }

header nav.more {
    display: flex;
    margin: 40px 0 0;
}

header nav.mobile .more > a {
    font-weight: normal;
    padding: 0 20px 20px 0;
    text-transform: none;
}

h1 a {
	color: #008661;
}

header h1 a {
	color: #00BD87;
}

h2 .headerPlanYear {
    color: #767676;
    font-family: "Droid Serif",Georgia,"Times New Roman",Times,serif;
    font-size: 38px;
    font-weight: normal;
    left: -5px;
    letter-spacing: -2px;
    position: relative;
    top: 4px;
}

h5 span {
    color: #000000;
}

    h5 span.actions {
        max-width: initial;
    }

    h5 span.new:before {
        background: #e91c24;
        border-radius: 3px;
        color: #ffffff;
        content: "New !";
        font-weight: bold;
        padding: 6px 20px;
    }

    h5 span.status label {
        color: #000000;
        font-weight: bold;
    }

#globalActions a {
    background: #0071bc;
    border: 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 8px 24px;
}

    #globalActions a:hover {
        background: #205493;
        text-decoration: none;
    }

#globalActions input:last-of-type {
    margin: 0;
}

/* Status */

.status.approved {
}

.status.denied {
    color: #e91c24;
}

.status.pending {
}

.status.withdrawn {
}

.status.draft {
}

/* Link Icons / Button Icons */

/* Icons */
a.chat:before {
    background: url('/mspp/images/feedbackAlert.png') no-repeat;
    content: "";
    height: 16px;
    width: 18px;
}

a.link {
    font-weight: bold;
}

    a.link:before {
        background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
        background-position: -373px -1px;
        content: "";
        height: 16px;
        width: 18px;
    }

a.copy {
    font-weight: bold;
}

    a.copy:before {
        background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
        background-position: -373px -55px;
        content: "";
        height: 16px;
        width: 18px;
    }

a.add {
    font-weight: bold;
}

    a.add:before {
        content: "+";
        font-size: 20px;
        font-weight: bold;
        padding: 0 5px 0 0;
    }

.approvedStatus, .trueFlag, a.edit {
	color: #238623;
	font-weight: bold;
}

    a.edit:before {
        background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
        background-position: 0 -81px;
        content: "";
        height: 16px;
        width: 18px;
    }

a.bulkEdit {
    color: #cf9700;
    padding: 0 0 0 20px;
}

    a.bulkEdit::before {
        background: rgba(0, 0, 0, 0) url("/cdn/img/mspp/imspp-icons-all.png") no-repeat scroll 0 0;
        content: "";
        height: 16px;
        width: 18px;
    }

a.cancel {
    color: #767676;
    font-weight: bold;
    z-index: 1;
}

    a.cancel:before {
        background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -174px 0;
        content: "";
        height: 16px;
        width: 18px;
    }

a.files:before, a.download:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -149px 0;
    content: "";
    height: 16px;
    left: unset;
    position: relative;
    width: 18px;
}

a.excel:before, a.Excel:before,
a.pdf:before, a.PDF:before {
    left: unset;
    position: relative;
    top: 5px;
}

a.view:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat;
    background-position: -316px -81px;
    content: "";
    height: 16px;
    width: 18px;
}

a.closeView:before {
    background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
    background-position: -71px -81px;
    content: "";
    height: 16px;
    width: 18px;
}

.deniedStatus, .falseFlag, a.delete {
    color: #e91c24;
    font-weight: bold;
}

.returnedStatus, .reviewStatus, .scheduled, .warning, .restrictedUserMessage {
	color: #9F5E00;
	font-weight: bold;
}

a.delete:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll 0px -108px;
    content: "";
    height: 16px;
    width: 18px;
}

.withdrawnStatus, .disabled {
    color: #767676;
    font-weight: normal;
}

a.disable, .disable {
    color: #cf9700;
}

    a.disable:before {
        background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
        background-position: -216px -81px;
        content: "";
        height: 18px;
        width: 18px;
    }

a.enable, .enable {
    color: #5f9e45;
}

    a.enable:before {
        background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
        background-position: -292px -81px;
        content: "";
        height: 18px;
        width: 18px;
    }

a.review:before {
    background: url('/cdn/img/mspp/mspp-icons-all.png') no-repeat;
    background-position: 0 -81px;
    content: "";
    height: 16px;
    width: 18px;
}

a.save:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -398px -27px;
    content: "";
    height: 16px;
    width: 18px;
}

a.log {
    position: relative;
    z-index: 1000;
}

    a.log:before {
        background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -100px 0;
        content: "";
        display: inline-block;
        height: 16px;
        margin: 0 4px 0 0;
        width: 18px;
    }


a.logCollapse {
    position: relative;
    z-index: 1000;
}

    a.logCollapse:before {
        content: '-';
        margin-right: 8px;
        text-decoration: none;
    }

a.email:before, span.email:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -159px -81px;
    content: "";
    height: 16px;
    left: -20px;
    position: absolute;
    width: 16px;
}

a.altEmail:before, span.altEmail:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -159px -81px;
    content: "";
    height: 16px;
    left: -20px;
    position: absolute;
    width: 16px;
}

a.phone:before, span.phone:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -271px -26px;
    content: "";
    height: 16px;
    left: -20px;
    position: absolute;
    width: 16px;
}

a.altPhone:before, span.altPhone:before {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -271px 0;
    content: "";
    height: 16px;
    left: -20px;
    position: absolute;
    width: 16px;
}

a.important {
    position: relative;
}

    a.important:before {
        color: #e91c24;
        content: "*";
        font-size: 40px;
        left: -20px;
        top: 0;
        z-index: 1;
        position: absolute;
    }

a.backLink {
    color: #969595;
}

    a.backLink::before {
        content: "«";
        margin: 0 5px 0 0;
    }

.category {
    margin: 10px auto 0;
    height: 16px;
    width: 17px;
}

    .category.medical {
        background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -49px -170px;
    }

div.category.contractual {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -22px -170px;
}

div.category.medical_contractual {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -22px -170px;
    width: 44px;
}

.medal {
    background-size: cover;
    display: block;
    height: 23px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 23px;
}

    .medal.small {
        height: 16px;
        width: 16px;
    }

    .medal.small.bronze, .medal.small.Bronze {
        background: url("/cdn/img/mspp/MedalBronze_16x16.png") no-repeat scroll center center;
    }

    .medal.bronze, .medal.Bronze {
        background: url("/cdn/img/mspp/MedalBronze.png") no-repeat scroll center center;
    }

    .medal.small.expanded-bronze, .medal.small.Expanded-Bronze, .medal.small.ExpandedBronze {
    background: url("/cdn/img/mspp/MedalExpandedBronze_16x16.png") no-repeat scroll center center;
}

    .medal.expanded-bronze, .medal.Expanded-Bronze, .medal.ExpandedBronze {
        background: url("/cdn/img/mspp/MedalExpandedBronze.png") no-repeat scroll center center;
    }

    .medal.small.silver, .medal.small.Silver {
        background: url("/cdn/img/mspp/MedalSilver_16x16.png") no-repeat scroll center center;
    }

    .medal.silver, .medal.Silver {
        background: url("/cdn/img/mspp/MedalSilver.png") no-repeat scroll center center;
    }

    .medal.small.gold, .medal.small.Gold {
        background: url("/cdn/img/mspp/MedalGold_16x16.png") no-repeat scroll center center;
    }

    .medal.gold, .medal.Gold {
        background: url("/cdn/img/mspp/MedalGold.png") no-repeat scroll center center;
    }

    .medal.small.platinum, .medal.small.Platinum {
        background: url("/cdn/img/mspp/MedalPlatinum_16x16.png") no-repeat scroll center center;
    }

    .medal.platinum, .medal.Platinum {
        background: url("/cdn/img/mspp/MedalPlatinum.png") no-repeat scroll center center;
    }

    .medal.small.catastrophic, .medal.small.Catastrophic {
        background: url("/cdn/img/mspp/MedalCatastrophic_16x16.png") no-repeat scroll center center;
    }

    .medal.catastrophic, .medal.Catastrophic {
        background: url("/cdn/img/mspp/MedalCatastrophic.png") no-repeat scroll center center;
    }

section.disabled:after {
    background: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

tr.important:after {
    color: #e91c24;
    content: "!";
    cursor: default;
    font-size: 40px;
    left: -30px;
    position: absolute;
    top: 16px;
}

tr.disabled td:not(:first-child) {
    color: #cccccc;
}

tr.disabled .actions a {
    position: relative;
    z-index: 1;
}

tr.unread {
    font-weight: bold;
}

section ul {
    list-style: outside none none;
}

section div.tools {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

    section div.tools nav.toggleAll {
        flex: 1 1 auto;
        margin-bottom: 0;
    }

    section div.tools nav.tabs {
        flex: 1 1 auto;
        font-weight: bold;
        margin: 0;
    }

        section div.tools nav.tabs a {
            background: transparent;
            border: transparent;
            margin: 0 0 0 20px;
            padding: 0;
        }

            section div.tools nav.tabs a:hover {
                border-bottom: 1px solid;
                text-decoration: none;
            }

			section div.tools nav.tabs a.current {
				background: initial;
				border-bottom: 1px solid;
				color: #008661;
			}

#QuestionPanel section ul li.question.wide > label > ul {
    list-style-type: disc;
    margin-left: 60px;
    margin-top: 8px;
}

section.listOptions {
    padding: 0;
}

    section.listOptions > div {
        margin: 0 0 40px;
    }

        section.listOptions > div:last-child {
            margin: 0;
        }

    section.listOptions h3 {
        color: #000000;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 30px;
        position: relative;
        text-transform: uppercase;
    }

        section.listOptions h3 span {
            color: #767676;
            font-style: italic;
            font-weight: normal;
        }

section .filters .search {
    display: block;
    margin: 0 0 40px;
}

    section .filters .search input[type=text] {
        padding: 11px;
        width: 70%;
    }

    section .filters .search input[type="button"] {
        border-radius: 0;
        margin: 0 0 0 -4px;
        padding: 12px 60px 11px;
        position: relative;
        top: -1px;
    }

    section .filters .search *.placeholder {
        font-style: italic;
    }

    section .filters .search *::-webkit-input-placeholder {
        font-style: italic;
    }

    section .filters .search *:-moz-placeholder { /* Firefox 18- */
        font-style: italic;
    }

    section .filters .search *::-moz-placeholder { /* Firefox 19+ */
        font-style: italic;
    }

    section .filters .search *:-ms-input-placeholder {
        font-style: italic;
    }

section .filters .actions {
    display: block;
    margin: 0;
}

    section .filters .actions input {
        display: unset;
        margin: 0 10px 0 0;
    }

section .filters h3 span.actions {
    display: flex;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 0;
}

    section .filters h3 span.actions a {
        margin: 0 0 0 30px;
    }

section .filters ul {
    display: block;
    margin: 0 0 35px;
    padding: 0;
}

    section .filters ul li {
        display: inline-block;
        margin: 0 10px 20px 0;
        vertical-align: top;
    }

section .filters label {
    color: #000000;
}

section.details {
    font-weight: bold;
}

    section.details ul li {
        flex: 0 1 auto;
        margin: 0 60px 35px 0;
    }

    section.details li label {
        display: block;
        font-weight: normal;
        letter-spacing: 1px;
        margin: 0 0 10px;
        max-width: initial;
        text-align: left;
        text-transform: uppercase;
        width: auto;
    }

    section.details li ul {
        flex-flow: column nowrap;
    }

        section.details li ul li label {
            color: #767676;
            display: inline;
            text-transform: none;
        }

        section.details li ul li {
            margin: 0 0 10px 0;
        }

    section.details a.pdf:before {
        left: unset;
        right: -20px;
    }

section.description {
    margin: 40px 0 0;
}

    section.description p {
        font-weight: bold;
        margin-top: 0;
    }

.readOnly input, .readOnly select, .readOnly textarea,
.readOnly .select2-container, .readOnly label span,
.readOnly li label span .readOnly .validationMessage {
    display: none;
}

.readOnlyText, .readOnlyList {
    display: none;
}

.readOnly .readOnlyText, .readOnly .readOnlyList,
.questionnaire.log .readOnlyText {
    display: block;
}

    .questionnaire.log .readOnlyText li {
        margin: 0;
    }

.editMode section.details li {
    flex: 0 0 auto;
}

section.details li label span {
    display: inline-block;
}

section.details li.locked, section.details li.rmi {
    background: #fcf8e3;
    border: 3px solid #e6a700;
    flex-grow: 1;
    margin-right: 0;
    padding: 20px;
}

    section.details li.locked.full, section.details li.rmi.full {
        width: 100%;
    }

    section.details li.locked:before {
        background: url("/mspp/Images/lockpageicon.png") no-repeat scroll 0 0;
        content: "";
        float: left;
        height: 100%;
        margin: 0 20px 0 0;
        width: 47px;
    }

    section.details li.rmi:before {
        background: url("/mspp/Images/RMI.png") no-repeat scroll 0 0;
        content: "";
        float: left;
        height: 100%;
        margin: 0 20px 0 0;
        width: 84px;
    }

.tooltip:not(.ui-tooltip) {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -490px 0px;
    content: "Tooltip Icon";
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}

a + span.tooltip {
    margin: 0 0 0 5px;
}

label .tooltip {
    position: relative;
    top: 1px;
}

#cboxTopCenter {
    background: #777777;
    height: 10px;
}

#cboxTopLeft, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    height: 0;
    width: 0;
}

#colorbox.error {
    color: #000000;
}

    #colorbox.delete #cboxTopCenter, #colorbox.error #cboxTopCenter {
        background: #ce1836;
    }

    #colorbox.delete h1, #colorbox.error h1, #colorbox.error #cboxTitle {
        color: #ce1836;
    }

.CoreControlContainer.UnexpectedErrorContainer {
    margin: 4em 0 0;
}

#colorbox.add #cboxTopCenter, #colorbox.confirm #cboxTopCenter {
    background: #0071bc;
}

#colorbox.add h1 {
    color: #0071bc;
}

#colorbox.add h2, #colorbox.confirm h2 {
    color: #0071bc;
}

#colorbox.save #cboxTopCenter {
    background: #777777;
}

#colorbox.edit #cboxTopCenter {
    background: #00884a;
}

#colorbox.edit h1 {
    color: #00884a;
}

#colorbox.edit h2, #colorbox.confirm h2 {
    color: #00884a;
}

#colorbox.error #cboxTopCenter {
    background: #ce1836;
}


#colorbox.warning #cboxTopCenter {
    background: #cf9700;
}

#colorbox.warning h1 {
    color: #cf9700;
}

#colorbox.warning h2 {
    color: #cf9700;
}

#cboxTitle {
    bottom: auto;
    color: #757575;
    font-family: "Droid Serif",Georgia,"Times New Roman",Times,serif;
    position: absolute !important;
    top: 10px;
}

.CoreControlContainer.UnexpectedErrorContainer {
    margin: 4em 0 0;
}

#cboxLoadedContent {
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    padding: 40px 50px;
    width: 100% !important;
}

    #cboxLoadedContent header {
        background: #ffffff;
        flex-flow: row wrap;
        margin: 0 0 2em;
        padding: 0;
        position: relative;
        text-align: center;
        top: unset;
        width: 100%;
    }

		#cboxLoadedContent header h1, #cboxTitle {
			color: #757575;
			display: block;
			font-size: 30px;
			padding: 0 0 25px;
			position: relative;
			text-align: center;
			text-transform: capitalize;
		}

            #cboxLoadedContent header h1::before {
                border-bottom: 1px solid #c2c2c2;
                bottom: 0;
                content: "";
                height: 1px;
                left: 45%;
                position: absolute;
                width: 10%;
            }

    #cboxLoadedContent content h2 {
        color: #000000;
        font-size: 20px;
        padding-right: 0;
    }

    #cboxLoadedContent content h4 {
        font-size: 16px;
        padding: 11px 20px;
    }

        #cboxLoadedContent content h4.accordion::after {
            right: 15px;
            top: 15px;
        }

        #cboxLoadedContent content h4 + div {
            padding: 20px;
        }

    #cboxLoadedContent content section.details {
        color: initial;
        margin: 0;
    }

    #cboxLoadedContent content label {
        color: initial;
    }

    #cboxLoadedContent content .questionnaire .answer ul > li {
        flex: 0 1 30%;
        margin: 0 20px 20px 0;
    }

        #cboxLoadedContent content .questionnaire .answer ul > li.full {
            flex: 0 1 100%;
            margin: 0 0 20px 0;
        }

    #cboxLoadedContent content .delete::before {
        margin: 0 10px 0 0;
    }

    #cboxLoadedContent content .delete {
        display: inline-flex;
    }

    #cboxLoadedContent footer {
        background: #ffffff;
        margin: 10px auto 50px;
        padding: 0;
        text-align: center;
        width: auto;
    }

        #cboxLoadedContent footer input {
            margin: auto;
        }

		#cboxLoadedContent footer a.cancel {
			color: #757575;
			font-weight: normal;
			margin: 10px 0;
		}

#cboxClose {
    background: url("/cdn/img/mspp/mspp-icons-all.png") no-repeat -419px 0;
    height: 16px;
    right: 30px;
    top: 14px;
    width: 16px;
}

    #cboxClose:hover {
        background-position: -418px -27px;
    }

.drop-content {
    margin-top: 0 !important;
    max-width: 80vw;
    max-height: 80vh;
}

    .drop-content:before {
        display: none !important;
    }

.drop-element {
    opacity: 0;
    z-index: 10000;
}

    .drop-element.drop-open-transitionend {
        display: block;
    }

    .drop-element.drop-after-open {
        transition: opacity .5s;
        opacity: 1;
    }

    .drop-element.save {
        border-top: 5px solid #777777;
    }

    .drop-element.edit {
        border-top: 5px solid #00a782;
    }

    .drop-element.add, .drop-element.confirm {
        border-top: 5px solid #0071bc;
    }

    .drop-element.delete {
        border-top: 5px solid #ce1836;
    }

        .drop-element.delete input.confirm {
            background-color: #ce1836;
            color: #ffffff;
        }

    .drop-element.list ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

        .drop-element.list ul li {
            display: block;
            margin: 10px 0 10px 10px;
        }

            .drop-element.list ul li:first-of-type {
                margin-left: 0;
            }

    .drop-element footer.buttons {
        align-items: center;
        background: initial;
        flex-flow: row wrap;
        justify-content: space-around;
        padding: 0;
        width: auto;
    }

        .drop-element footer.buttons a.cancel {
            font-weight: normal;
        }

            .drop-element footer.buttons a.cancel:before {
                content: none;
            }

.address {
    box-sizing: border-box;
}

    .address > ul {
        display: flex;
        flex-flow: column nowrap;
    }

    .address input.address {
        min-width: 250px;
        width: 100%;
    }

.email input {
    min-width: 250px;
}

.questionnaire > section {
    display: flex;
    flex-flow: row nowrap;
}

    .questionnaire > section > ul {
        width: 100%;
    }

    .questionnaire > section.subSection {
        flex-flow: column wrap;
    }

    .questionnaire > section:only-child {
        padding-bottom: 0;
    }

.questionnaire section.details li {
    margin-top: 35px;
}

.questionnaire h5 span.actions {
    max-width: initial;
}

.questionnaire > ul {
    margin: 0;
    padding: 0;
}

.questionnaire .questionWrapper {
    margin-bottom: 30px;
}

    .questionnaire .questionWrapper > section {
        border-bottom: 1px dashed #cccccc;
    }

.questionnaire .tagWrapper {
    color: #767676;
    position: relative;
    top: -30px;
}

.questionnaire .question {
    color: #000000;
    flex: 0 1 30%;
    font-weight: bold;
    max-width: 250px;
    min-width: 250px;
    padding-right: 20px;
    width: 100%;
}

    .questionnaire .question.short {
        max-width: 30%;
    }

    .questionnaire .question.wide {
        flex: 0 1 50%;
        max-width: 50%;
    }

    .questionnaire .question.full {
        max-width: 100%;
    }

    .questionnaire .question .note {
        font-weight: normal;
    }

    .questionnaire .question label {
        color: #000000;
        margin: 0;
        position: relative;
    }

        .questionnaire .question label p {
            line-height: inherit;
            margin: 0 0 20px;
        }

            .questionnaire .question label p:only-of-type, .questionnaire .question .increment {
                line-height: 1.4em;
            }

    .questionnaire .question .tooltip {
        display: inline-block;
        left: -20px;
        margin: 0px 0 0;
        position: absolute;
        top: 0;
    }

    .questionnaire .question .increment {
        float: left;
        height: 100%;
        margin: 0 10px 0 0;
        min-width: 30px;
    }

.questionnaire .actions {
    margin: 0;
    max-width: 20%;
    order: 2;
    text-align: right;
    z-index: 1;
}

    .questionnaire .actions a {
        margin-left: 10px;
    }

.questionnaire .answer {
    flex: 1 1 70%;
    margin-top: 0;
}

    .questionnaire .answer:last-child:not(:only-child) {
        margin-right: 0;
        padding-left: 20px;
    }

    .questionnaire .answer ul {
        box-sizing: border-box;
        flex: 1 1 auto;
        flex-flow: row wrap;
        margin: 0;
        padding: 0;
    }

        .questionnaire .answer ul > li {
            flex: 0 1 auto;
            margin: 0 20px 20px 0;
        }

    .questionnaire .answer li.full {
        margin-right: 0;
        width: 100%;
    }

        .questionnaire .answer li.full:not(.readOnly) .select2-container {
            display: block;
        }

        .questionnaire .answer li.full .select2-choice {
            width: auto;
        }

    .questionnaire .answer li.wide {
        flex-grow: 1;
    }

    .questionnaire .answer input[type="text"] {
        width: 100%;
    }

    .questionnaire .answer:not(.readOnly) label {
        display: block;
        width: auto;
    }

    .questionnaire .answer input[type="checkbox"] + label, .questionnaire .answer input[type="radio"] + label {
        display: inline;
        margin-left: 0;
    }

    .questionnaire .answer textarea {
        padding-bottom: 20px;
        width: 100%;
    }

        .questionnaire .answer textarea.tall {
            height: 200px;
        }

    .questionnaire .answer .full > label {
        width: auto;
    }

    .questionnaire .answer .note {
        margin-bottom: 10px;
    }

    .questionnaire .answer.full {
        flex: 1 1 100%;
    }

#mainContent #sideNavigation nav.sections:not(.actions) a {
    font-weight: normal;
    margin: 0 0 0 35px;
}

nav.sections span {
    color: #000000;
    left: -35px;
    position: absolute;
}

nav.sections select {
    margin: 0 0 20px;
}

nav.toggleAll {
    margin-bottom: 20px;
    position: relative;
    text-align: right;
}

    nav.toggleAll a:first-of-type:after {
        color: #000000;
        content: "";
        display: inline-block;
        margin: 0 8px;
    }

nav.tabs {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 40px;
}

    nav.tabs a {
        background: #f1f1f1;
        border: 1px solid #cccccc;
        color: #0071bc;
        cursor: pointer;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        margin: 0 4px 4px 0;
        padding: 6px 11px;
    }

        nav.tabs a.current {
            background: #0071bc;
            color: #ffffff;
        }

nav:not(.actions) > a span.count {
    color: #767676;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
}

a.collapse:before {
    content: '-';
    display: inline-block;
    margin-right: 8px;
    text-decoration: none;
}

a.expand:before {
    content: '+';
    display: inline-block;
    margin-right: 8px;
    text-decoration: none;
}

a.filterToggle.collapsed::before {
    content: "+";
    display: inline-block;
    margin-right: 8px;
}

a.filterToggle.expanded::before {
    content: "-";
    display: inline-block;
    margin-right: 8px;
}

a.filterAdvancedToggle.collapsed::before {
    content: "+";
    display: inline-block;
    margin-right: 8px;
}

a.filterAdvancedToggle.expanded::before {
    content: "-";
    display: inline-block;
    margin-right: 8px;
}

.buildVersion {
    color: #ffffff;
    text-align: center;
}

    .buildVersion > strong {
        margin: 0 10px 0 0;
    }

#AppSelectionListOptions {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #AppSelectionListOptions li {
        margin: 0 40px 0 0;
    }

        #AppSelectionListOptions li:last-child {
            margin: 0;
        }

    #AppSelectionListOptions label {
        display: block;
        font-weight: bold;
        margin: 0 20px 10px 0;
    }

    #AppSelectionListOptions span {
        display: flex;
        flex-flow: column wrap;
        margin: 0 0 10px;
    }

        #AppSelectionListOptions span a:not(:only-of-type) {
            border-bottom: 1px solid #cccccc;
            padding: 10px 0;
        }

.tier2 {
    border-left: 10px solid #767676;
    margin-bottom: 30px;
    padding-left: 30px;
}

.tier3 {
    border-left: 10px solid #767676;
    margin-bottom: 30px;
    padding-left: 60px;
}

.tier4 {
    border-left: 10px solid #767676;
    margin-bottom: 90px;
    padding-left: 90px;
}

.workspace {
    background: #ffffff;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    padding: 20px;
    position: absolute;
    width: 33vw;
    z-index: 1;
}

    .workspace.stuck {
        border-top: 0 none;
        height: 100vh;
    }

    .workspace.full {
        height: auto;
        position: relative;
        width: 100%;
    }

    .workspace h3 {
        font-size: initial;
        font-weight: bold;
        line-height: 1.4em;
        margin: 0 0 20px;
    }

        .workspace h3 span.description {
            color: #969696;
            display: block;
            font-size: 12px;
            font-weight: normal;
            position: relative;
        }

    .workspace h4 {
        background: none;
        border: none;
        color: #008661;
        padding: 20px 0;
    }

        .workspace h4 + div {
            border: none;
            margin: 35px 0;
            padding: 0;
        }

    .workspace nav.workspaceButtons {
        margin-bottom: 20px;
    }

        .workspace nav.workspaceButtons a {
            margin-right: 10px;
        }

            .workspace nav.workspaceButtons a:last-child {
                border-right: none;
            }

nav.workspaceButtons a.popout {
    background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -222px 0;
    content: "";
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

nav.workspaceButtons a.dock {
    background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -196px 0;
    content: "";
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

nav.workspaceButtons a.undock {
    background: #ffffff url("/cdn/img/mspp/mspp-icons-all.png") no-repeat scroll -246px 0;
    content: "";
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

.workspace section.details {
    margin-bottom: 20px;
    padding-top: 20px;
}

    .workspace section.details li {
        flex: 1 1 auto;
        margin: 0 30px 20px 0;
    }

.workspace section.tabPanel {
    border-bottom: 0;
    margin: 0 0 20px;
    padding: 0;
}

    .workspace section.tabPanel #CommentsPanel {
        border: 0 none;
        padding: 0;
    }

    .workspace section.tabPanel .tier1, .workspace section.tabPanel .tier2, .workspace section.tabPanel .tier3 {
        margin-bottom: 0;
        padding: 10px 0 10px 10px;
    }

    .workspace section.tabPanel .tier1 {
        padding: 10px 0;
    }

    .workspace section.tabPanel #CommentsPanel .questionnaire .question {
        flex: 1 1 auto;
        max-width: inherit;
        min-width: inherit;
        width: auto;
    }

        .workspace section.tabPanel #CommentsPanel .questionnaire .question li:not(:first-child) {
            margin: 10px 0 20px;
        }

    .workspace section.tabPanel #CommentsPanel .questionnaire .actions {
        flex: 1 1 auto;
        max-width: inherit;
        order: 1;
        text-align: right;
    }

    .workspace section.tabPanel #CommentsPanel .questionnaire .answer {
        flex: 1 1 100%;
        order: 2;
    }

.workspace footer {
    background: none;
    margin: 35px 0;
    padding: 0;
    width: auto;
}

/* Page Banner Popups */
#ResponseBanner {
    background: #0874b7;
    color: #ffffff !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    left: 0;
    padding: 17px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3500;
}

#ResponseBanner.modal {
    position: relative;
}

    #ResponseBanner #pageBannerTitle {
        display: inline-block;
        font-weight: bold;
        margin: 0 20px 0 0;
        text-transform: uppercase;
    }

        #ResponseBanner #pageBannerTitle.errorTitle, #ResponseBanner #pageBannerTitle.noteTitle, #ResponseBanner #pageBannerTitle.warningTitle {
            color: #ffffff !important;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 14px;
            text-align: center;
        }

    #ResponseBanner.bannerNote {
        background-color: #0874b7;
    }

    #ResponseBanner.bannerWarning {
        background-color: #cf9700;
    }

    #ResponseBanner.bannerError {
        background-color: #e72220;
    }

    #ResponseBanner span, #ResponseBanner ul {
        text-align: center;
    }

    #ResponseBanner ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #ResponseBanner ul li {
            font-size: 12px;
        }

    #ResponseBanner .closeNotify {
        white-space: nowrap;
        position: absolute;
        color: #959595;
        text-decoration: none;
        border: 0;
        display: inline-block;
        top: 14px;
        right: 14px;
    }

    #ResponseBanner .closeNotifyIcon {
        height: 16px;
        width: 16px;
        background-image: url('../img/global/bannerClose.png');
        background-repeat: no-repeat;
        margin: 0 0 0 4px;
        float: right;
    }

    #ResponseBanner .closeNotify a {
        display: block;
        overflow: hidden;
        text-decoration: none;
        /*text-indent: 100%;*/
        color: #cdcdcd;
        white-space: nowrap;
    }

/* End Page Banner Popups */

.ui-tooltip.ui-widget {
    background: #363636;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    color: #ffffff;
    display: table;
    font-size: 1em;
    line-height: 1.7em;
    max-width: 450px;
    opacity: 0.95;
    position: absolute;
    z-index: 1;
}

.ui-tooltip-content {
    clear: both;
    padding: 10px;
    white-space: pre-line;
}

    .ui-tooltip-content a {
        color: #70BFFF;
    }

    .ui-tooltip-content .title {
        font-size: 16px;
        padding: 0 10px 0 0;
    }

    .ui-tooltip-content .close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .ui-tooltip-content .close:after {
            content: url("../img/global/close.png");
            padding: 0 4px;
            position: relative;
            top: 4px;
        }

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

    h2 .headerPlanYear {
        font-size: 34px;
    }

    .questionnaire .question {
        max-width: 160px;
        min-width: 160px;
    }

    .workspace {
        font-size: inherit;
    }

    #cboxClose {
        right: 20px;
    }

    a.add::before {
        font-size: 14px;
    }
}

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

    h2 {
        padding: 0 180px 0 0;
    }

    .mobile {
        display: inherit;
    }

    header nav {
        align-items: flex-start;
        background: #111111 none repeat scroll 0 0;
        box-shadow: 0 0 8px 0;
        box-sizing: border-box;
        display: none;
        flex-flow: column nowrap;
        height: 100%;
        justify-content: flex-start;
        max-width: 30vw;
        overflow-y: scroll;
        padding: 50px 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 10;
    }

        header nav label {
            color: #959595;
            display: block;
            font-weight: normal;
            margin: 0 30px 10px;
        }

        header nav a {
            box-sizing: border-box;
            display: block;
            padding: 4px 30px;
            position: relative;
        }

            header nav a:hover {
                background: #2e2e2e;
                text-decoration: none;
            }

            header nav a.hover + nav {
                background: #000000;
                border-color: #909090;
                border-style: solid none;
                border-width: 0 0 1px;
                box-shadow: 4px 0 3px 0;
                color: #767676;
                display: flex;
                flex-flow: column nowrap;
                height: auto;
                left: 0 !important;
                margin: 0;
                padding: 0;
                position: relative;
                top: 0 !important;
            }

    header > nav a + nav a {
        margin: 0;
        padding: 4px 30px;
        text-transform: none;
        width: 100%;
    }

    .questionnaire .question {
        max-width: 130px;
        min-width: 130px;
    }

    .workspace.stuck {
        margin-top: 8vh;
        height: 92vh;
    }

    nav.sections a {
        margin: 0 0 0 30px;
    }

    nav.sections span {
        left: -30px;
    }
}

@media (max-width: 1024px) {
    body {
        font-size: 11px;
    }

    header h1 span {
        font-size: 14px;
    }

    header h1 a {
        font-size: 14px;
    }

        header h1 a span {
            display: inline-block;
            font-size: 13px;
            margin: 0 0 0 10px;
        }


    h2 .headerPlanYear {
        font-size: 30px;
    }

    section.details {
        border-top: 1px solid #cccccc;
        display: flex;
        flex-flow: column nowrap;
        margin: 0 0 50px;
        padding: 25px 0 0;
    }

        section.details ul li {
            margin: 0 40px 25px 0;
        }

    label .tooltip {
        margin: 0;
    }

    section .select2-container-multi .select2-choices {
        padding: 0 6px;
    }

    .workspace.stuck {
        margin-top: 10vh;
    }
}
.number{
    display:inline-block;
}