@import url('./color-schema.css');
@import url('./typography.css');

::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    background-color: rgba(0, 0, 0, .3) !important;
    -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%) !important;
}

::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 7px !important;
    height: 7px !important;
}

* {
    outline: 0;
}

html {
    height: 100%;
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
    /*background: url(/images/backgrounds/bg-texture.jpg) center;*/

    font-family: DM Sans !important;
    color: #545454 !important;
    font-size: 13px;
    min-height: 100vh;
}

.grey {
    color: #666;
}

.blue {
    color: #2a485b;
}

.white {
    color: #fff;
}

.f-small {
    font-size: 11px;
}

.f-regular {
    font-size: 12px;
}

.bold {
    font-weight: 700;
}

.normal {
    font-weight: 400;
}

.padding {
    padding: 15px;
}

.padding-right {
    padding-right: 15px;
}

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

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

.padding-bottom {
    padding-bottom: 15px;
}

.margin {
    margin: 15px;
}

.margin-right {
    margin-right: 15px;
}

.margin-left {
    margin-left: 15px;
}

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.open-sans {
    font-family: "Open Sans", sans-serif;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

#divClientProgressReport table tbody tr th {
    padding: 5px;
}

.chooseHeaderH2,
.graphDisplayOpt {
    margin-top: 15px;
}

.right {
    text-align: right;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.phaseBTN {
    border-radius: 10px;
    background-color: #ccc;
    color: #fff;
    padding: 3px 6px;
    font-weight: 700;
    font-size: 12px;
    border: 0;
    line-height: normal;
}

.phaseBTNcreate {
    border-radius: 10px;
    background-color: #7cb7e4;
    color: #fff;
    padding: 3px 6px;
    font-weight: 700;
    font-size: 12px;
    border: 0;
    line-height: normal;
}

    .phaseBTN:hover,
    .phaseBTNcreate:hover {
        cursor: pointer;
    }

.ui-front {
    z-index: 200;
}

a {
    text-decoration: none;
}

.a {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
}

.ReallyLightDarkGray {
    background: #f1f1f1;
}

.presentItFixedAboveAllControls {
    z-index: 10001 !important;
    position: fixed;
}

.targetHistoryListh2overwrite {
    font-size: 18px !important;
}

.userInitials {
    height: 38px;
    width: 38px;
    background-color: var(--Blue-96);
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    color: var(--prim-act);
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
}

.publicHeader {
    border-color: #000;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.96);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    z-index: 1000;
}

    .publicHeader a {
        text-decoration: none;
    }

.publicHeaderSpacer {
    width: 100%;
    height: 178px;
}

    .publicHeaderSpacer.shrink {
        height: 141px !important;
    }

.publicHeader .Top {
    height: 115px;
    width: 100%;
    color: #5a87a4;
}

.publicHeader.shrink img[alt="Rethink Healthcare logo"] {
    height: 40px !important;
}

.publicHeader.shrink .headerUserInfo {
}

    .publicHeader.shrink .headerUserInfo #welcomeBackTx,
    .publicHeader.shrink .headerUserInfo span {
        font-size: 12px !important;
    }

.publicHeader.shrink .NavTransition {
    margin-top: -8px;
}

.publicHeader.shrink .imgTheraweIcon {
    width: 40px !important;
}

.publicHeader.shrink .headerTopRight {
    min-height: 0 !important;
}

.scheduleTopBar.shrink {
    top: 98px;
}

#menu-actions.dataEntryActions {
    top: 333px;
    left: 947px;
    z-index: 1500;
    position: absolute;
}

.publicHeader .Top .LogoDiv img {
    border: none;
}

.publicHeader .Top .Text {
    color: #f67d0a;
    float: left;
    font-style: italic;
    padding: 25px 0 0 15px;
    text-decoration: none;
}

.publicHeader .Top .Menu {
    width: 500px;
    top: 0;
    float: right;
}

.publicHeader .Top .MenuItem {
    padding-top: 45px;
    width: 100px;
    color: #5a87a4;
    float: right;
    cursor: pointer;
}

    .publicHeader .Top .MenuItem:hover {
        color: #656363;
    }

.publicHeader .Bottom {
    height: 50px;
    background-color: #f59331;
    width: 100%;
    color: #fff;
}

    .publicHeader .Bottom .MenuItem {
        cursor: pointer;
        width: 166px;
        padding-top: 15px;
        float: left;
        height: 35px;
    }

    .publicHeader .Bottom .MenuItem {
        color: #fff;
        text-decoration: none;
    }

        .publicHeader .Bottom .MenuItem:hover {
            background-color: #f6a748;
        }

.publicHeader .NavTransition {
    height: 12px !important;
    width: 100%;
    background: url(/Images/HealthCare/Common/HeaderToNavTransition.png);
}

@media only screen and (max-width:767.98px) {
    .publicHeader {
        display: none;
    }
}

#clientPickerWrapper {
    border-left: 1px solid var(--Blue-96);
}

.clientHeaderWrapper #clientPickerWrapper {
    border-left: none;
}

.NavBar {
    height: calc(100vh - 80px);
    width: 70px;
    background: var(--act-state);
    color: #757575;
    font-size: 12px;
    text-align: left;
    position: fixed;
    padding-top: 20px;
    overflow-y: auto;
}

    .NavBar .ItemSelected {
        font-weight: 400;
    }

.menu .NavBar {
    width: 70px;
}

.menu .area-name {
    margin: 0 2px 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: normal;
    text-align: center;
}

.menu .area:hover,
.menu .area.active {
    background-color: var(--Blue-96) !important;
}

    .menu .area:hover .area-name,
    .menu .area.active .area-name {
        color: var(--prim-act) !important;
    }

.SubNav {
    overflow: hidden;
}

.clientStaffDisplay .SubNav {
    display: flex;
}

.fullMenu .SubNav {
    display: flex;
}

.clinicalMenu .SubNav .Item.showClinicalMenu {
    display: none !important;
}

.SubNav .Item {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    background: #979b9d;
    padding: 5px 14px !important;
    float: left;
    margin-right: 2px;
    cursor: pointer;
}

    .SubNav .Item:hover,
    .SubNav .SelectedItem,
    .notification_wrapper .tab.active {
        background: #f59331;
    }

    .SubNav .Item:last-child {
        padding: 5px 15.2px !important;
        margin-right: 0 !important;
    }

.ChildPicker {
    overflow: hidden;
    position: relative;
}

    .ChildPicker select {
        width: 200px;
        box-shadow: none;
        font-weight: normal !important;
        -webkit-appearance: none;
        font-size: 14px !important;
        border: 1px solid var(--Black-88) !important;
        border-radius: 20px;
        float: left;
        z-index: 2;
        background: url(/Images/Healthcare/Misc/ChildPickerDropdown_NewUI.png) no-repeat;
        height: 40px !important;
        font-family: DM Sans, serif;
        text-align: left;
        padding: 0 30px 0 15px !important;
        margin: auto 0;
        background-color: var(--White-220);
    }

.ChildPickerAge {
    color: #999;
    margin: auto 10px auto;
}

.ContentWrapper {
    margin: auto;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .ContentWrapper:has(#divAssessmentView) {
        overflow-y: auto;
    }

#old-side-bar,
.publicHeader .clearfix {
    background-color: #fff !important;
}

.topMenuLink {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--inac-state);
}

    .topMenuLink:hover,
    .active .topMenuLink {
        cursor: pointer;
        color: #000;
        background: var(--act-state);
    }

.menu .area:hover .topMenuLink,
.menu .area.active .topMenuLink {
    background: var(--prim-act);
}

.topMenuLink-wrap {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    margin: 5px auto 0;
}

    .topMenuLink-wrap:hover,
    .active .topMenuLink-wrap {
        background-color: var(--prim-act);
    }

.menu .topMenuLink-wrap:hover,
.menu .active .topMenuLink-wrap {
    background-color: unset;
}

.Anchor {
    position: relative;
    top: -200px;
}

.publicFooter {
    font-family: open-sans, sans-serif;
    height: 250px;
    width: 100%;
    min-width: 1000px;
    background: #386DBD;
}

    .publicFooter a {
        text-decoration: none;
    }

    .publicFooter .Top {
        background: #386DBD;
        color: #9bccbf;
        width: 100%;
        height: 200px;
        padding-bottom: 5em;
    }

        .publicFooter .Top .Logo {
            height: 91px;
            width: 203px;
            margin: 50px 170px 50px 10px;
            float: left;
        }

        .publicFooter .Top .LinkDiv {
            margin-top: 50px;
            margin-left: 20px;
            width: 150px;
            float: left;
        }

        .publicFooter .Top .Link {
            margin-bottom: 10px;
            text-align: left;
        }

            .publicFooter .Top .Link a {
                color: #fff;
                text-decoration: none;
                font-size: 12px;
                line-height: 14px;
                font-weight: 300;
            }

        .publicFooter .Top .SocialMediaLinks {
            overflow: hidden;
            width: 280px;
        }

        .publicFooter .Top .SocialMediaLink {
            float: left;
            margin-left: 15px;
        }

            .publicFooter .Top .SocialMediaLink img {
                border: none;
            }

.SocialMediaLink svg {
    color: #fff;
}

.publicFooter .Top .Link a:hover {
    text-decoration: underline;
}

.publicFooter .Bottom {
    text-align: center;
    height: 50px;
    padding-top: 15px;
    background-color: #386DBD;
    width: 100%;
    color: #fff;
    line-height: 20px;
    font-weight: 300;
    font-size: 12px;
}

    .publicFooter .Bottom a {
        color: #fff;
        font-weight: 400;
    }

.edit-contact-form .ngdialog-content {
    max-height: 84vh;
    overflow-y: scroll;
}

textarea.billingCodeDescTx {
    font-size: 12px;
    color: #999;
}

.GenericView {
    color: #9e9e9e;
}

    .GenericView .SectionNavHeader {
        font-size: 14px;
        margin: 10px 0;
    }

    .GenericView .Section {
        overflow: hidden;
        margin-top: 20px;
        font-size: 12px;
    }

    .GenericView .SectionHeader {
        color: #1d6ea1;
        font-size: 18px;
        margin-bottom: 5px;
        padding-bottom: 3px;
    }

    .GenericView .NameValuePair {
        margin-bottom: 3px;
        overflow: hidden;
    }

    .GenericView .Label {
        font-weight: 600;
        float: left;
        margin-right: 2px;
    }

    .GenericView .Value {
        float: left;
    }

    .GenericView .Column {
        float: left;
        width: 400px;
    }

    .GenericView .ColumnHeader {
        font-size: 13px;
        font-weight: 600;
        color: #8e8e8e;
        margin-bottom: 3px;
    }

    .GenericView .SectionNameSpan {
        cursor: pointer;
    }

        .GenericView .SectionNameSpan:hover {
            font-weight: 600;
        }

.HealthcareSpacer {
    width: 100%;
    height: 1px;
    margin: 10px 0;
    background: #d8d8d8;
}

.FloatContainer {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cancelPlanBTN {
    border-radius: 5px;
    background-color: #fefeff;
    color: #2a485b;
    font-weight: 700;
    padding: 3px 6px;
    font-size: 12px;
    border: solid 1px #a1a3a5;
    text-align: center;
}

.createPlanBTN {
    border-radius: 5px;
    background-color: #506e7d;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 3px 6px;
    font-size: 12px;
    border: none;
}

.notification_wrapper .cancelPlanBTN {
    border-radius: 20px;
}

#theAddTargetBTN_edu,
.viewDetailsBtn_edu {
    display: none !important;
}

.dropdown .dataEntry_select {
    position: absolute;
    top: 119px;
    left: 416px;
    margin-bottom: 15px;
    z-index: 15;
    background-image: none;
    background-color: #fff;
    font-size: 13px;
}

.behaviorFilter {
    width: 95%;
    margin-bottom: 1em;
    margin-left: 4%;
}

div.sidebarInfo h5 {
    margin-left: 5px;
}

.stepheader {
    font-size: 13px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-top: 10px;
}

.programList {
    position: relative;
}

#sidebarList .programItemBox [src="/images/curriculum/ico4_catg_a.png"] {
    display: none;
}

#category_curriculum_footer {
    display: none !important;
}

#addTargetBtn {
    margin-left: 530px;
    margin-top: 20px;
    margin-bottom: 15px;
}

#bs_plusImg {
    position: relative;
    left: 145px;
    top: -28px;
}

.chosen-container-multi .chosen-results {
    width: 250px;
}

.chosen-container.chosen-with-drop .chosen-drop {
    width: 252px;
    border-top: 1px solid #999;
}

.groupCalendarAppList-container .chosen-container.chosen-with-drop .chosen-drop {
    max-height: fit-content;
    z-index: 900;
}

.ProgramArea div#activeTreatmentGoal_floatContainer {
    padding: 1px 0 !important;
}

.authorizedUnitsInput {
    margin-left: 25px !important;
}

div#BillingCodeName select {
    margin-left: -40px;
    width: 310px;
    position: relative;
    left: 20px;
}

span select.unitTypeSelect {
    width: 140px;
    margin-left: 0;
}

.row.serviceNameRow {
    width: 305px;
    float: left;
}

.col-md-12.unitTypeWrapper {
    width: 305px;
}

span.Label.col-md-3.serviceNameTx {
    width: 110px;
}

#BillingCodeName {
    width: 190px !important;
}

.horizonalDivider {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.clientBTN {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff;
    border-radius: 20px !important;
    padding: 3px 8px 3px 8px !important;
}

div#printCopyBtns {
    float: right;
    margin-top: 10px;
}

.unitTypeDiv {
    margin-left: 110px;
}

.editSectionHeader {
    margin: 10px 0;
    display: inline-block;
}

span.infor4ServicesTx {
    color: #fff !important;
    font-weight: 700;
}

span.discTx {
    font-size: 10px !important;
    display: block !important;
    margin-top: -8px;
    min-width: 150px;
}

#templateWrapper div.form-group label.control-label {
    width: 100%;
    max-width: 500px;
    text-align: center;
}

#templateWrapper div.col-sm-8 {
    padding-left: 18px !important;
}

div.col-sm-8 input.staffsignature {
    position: relative;
    left: 20px;
}

.apointmentLabel {
    display: block;
}

div.form-group label.control-label {
    font-size: 13px;
    font-weight: 400;
}

div.appointmentFields div.form-group label.control-label {
    margin-right: 50%;
}

div.form-group input[type='text'],
div.form-group select {
    color: #000 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-width: 20px;
    height: 28px;
}

div.popover-content input.form-control {
    margin-left: 0;
}

div.eventDetailsContainer.col-lg-8 legend {
    margin-bottom: 0;
}

div.eventTypeField.col-lg-2 {
    width: 250px;
}

.eventTypeField input,
.eventTypeField select {
    width: 61%;
}

div.eventTypeField input.eventStartDateInput {
    width: 90px;
}

.eventTypeField label.type {
    margin-right: 29px;
}

.eventTypeField label.date {
    margin-right: -8px;
}

.eventTypeField {
    width: 470px;
}

div#selectTypeInput {
    width: 50%;
    float: left;
}

legend {
    border: none !important;
}

.newui-headerContentSpacer {
    margin-top: 80px;
}

.PC.NavBar {
    padding-top: 0px !important;
    margin-top: 2px !important;
}

@media only screen and (max-width: 767.98px) {
    .legend {
        display: none !important;
    }

    .publicHeader {
        display: none !important;
    }

    .headerUserInfo {
        display: none !important;
    }

    .PC.NavBar {
        display: none !important;
    }

    .ContentWrapper-container {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100%) !important;
        height: auto !important;
    }

        .ContentWrapper-container:has(.template-list-container) {
            height: 100% !important;
        }
}

@media only screen and (max-width: 800px) {
    .content-container:has(app-staff-assignments) {
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .headerContentSpacer,
    .ContentWrapper-container {
        margin-top: 80px;
    }

        .headerContentSpacer + .ContentWrapper-container {
            margin-top: 0px;
        }

    .publicHeader {
        position: fixed !important
    }
}

@media only screen and (max-width: 1023.98px) {
    .publicHeader {
        position: initial !important
    }

    .newui-headerContentSpacer {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1750px) {
    .funderReportFormTemplate {
        width: 65% !important
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1749.98px) {
    .funderReportFormTemplate {
        width: 85% !important
    }
}

@media only screen and (max-width: 1099.98px) {
    .funderReportFormTemplate {
        width: 100% !important
    }
}

#locationRow.row {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 12px !important;
}

div span.rowSpan {
    font-size: 13px;
}

.col-lg-3.eventDurationTx {
    margin-left: 16px;
    margin-top: -8px;
}

.col-lg-6.eventTypeField {
    width: 40%;
}

div#eventEndTime {
    padding: 0;
    width: 18%;
}

#repeatRow {
    margin-left: 0;
    width: 481px;
    font-size: 12px;
}

    #repeatRow input {
        height: 16px;
        width: 16px;
        position: relative;
        top: -6px;
        left: 7px;
    }

span#appointmentTx {
    font-size: 13px;
}

input#optionsInput {
    width: 13px;
    height: 16px;
}

div#staffMemRow.row {
    margin-bottom: 10px;
    margin-top: 10px;
}

div#staffMemRow label#payCodeTx {
    width: 100px !important;
}

div#tabEventDetails label#serviceTx {
    width: 14% !important;
}

.googleMapTx {
    margin-left: -11px;
}

form[name="appointmentForm"] {
    padding-top: 20px;
}

div.startTimeWrapper {
    padding-right: 0;
}

span.repeatTx {
    margin-top: -31px;
    display: block;
    margin-left: 20px;
    position: relative;
    top: 10px;
}

span.noneTx {
    display: block;
    margin-left: 72px;
    margin-top: -8px;
}

span.repeatDetailsTx {
    position: relative;
    top: -8px;
    left: 70px;
    width: 85%;
    display: block;
}

div.optionsWrapper div.col-lg-12 {
    font-size: 13px;
}

    div.optionsWrapper div.col-lg-12 input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

table#eventDetailsTable {
    width: 65%;
    margin-bottom: 50px;
}

table#optTable {
    margin-top: 30px;
    padding-left: 30px;
    margin-bottom: 50px;
}

    table#optTable tr {
        padding-left: 30px;
    }

table#eventDetailsTable .clientServiceDropdown {
    width: 495px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 12px !important;
    overflow: auto;
}

table#eventDetailsTable tr td {
    vertical-align: top;
    padding: 0 0 4px 0;
}

.eventDetailsContainer label {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    padding-top: 0 !important;
    display: block;
    float: left;
    margin-right: 5px;
}

.eventDetailsContainer select.selectType {
    width: 150px;
    height: inherit !important;
    float: left;
}

.eventDetailsContainer input.eventStartDateInput {
    width: 150px;
    height: inherit;
    float: left;
}

.eventDetailsContainer input.sneTimeField {
    width: 80px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
}

label#serviceTx {
    text-align: left;
    float: left;
}

select.addPayCodeInput {
    width: 240px;
    height: inherit;
    float: left;
}

.eventDetailsContainer .form-control {
    margin-right: 0 !important;
}

#eventDetailsTable input,
#eventDetailsTable select {
    height: 33px !important;
    padding: 5px !important;
}

#eventDetailsTable .indArrow {
    width: 21px;
}

    #eventDetailsTable .indArrow.staffMemInput {
        width: 74%;
    }

.statusTx {
    margin-left: 2em !important;
}

table#eventDetailsTable td[colspan="2"] {
    width: 28%;
}

table#eventDetailsTable select.listItemInput {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    table#eventDetailsTable select.listItemInput.addTag1 {
        width: 200px;
        margin-left: 3px;
    }

input.clientNameTx {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

input.staffMemInput {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

table#eventDetailsTable input.repeatInput {
    margin: 0 !important;
}

.apointmentInput.dropdown {
    width: 15px !important;
}

table#eventDetailsTable a.editBTN {
    font-size: 13px;
}

table#eventDetailsTable select.addTag2 {
    width: 200px;
}

table#eventDetailsTable input.mileage {
    border: 1px solid #ccc;
    border-radius: 4px;
}

table#optTable .optTableTx {
    font-size: 13px;
}

input#enterLocationTx {
    height: inherit;
    padding: 5px !important;
    margin-top: 5px;
}

input#enterLocationTo.listItemInput {
    padding: 5px !important;
    height: inherit;
    margin-top: 5px;
}

input#enterLocationFrom {
    padding: 5px !important;
    height: inherit;
    margin-top: 5px;
}

div.custDivider {
    width: 90%;
    height: 1px;
    background-color: #d0d0d0;
    margin: 10px 0 10px 0;
}

.scheduleTopBar {
    background: #e4e2e3 !important;
}

input.form-control.appointmentTimeInput {
    width: 79% !important;
}

input#enterLocationTo.form-control {
    width: 280px;
}

div.FloatContainer div.divbutton {
    width: 716px;
    float: right;
    margin-bottom: 30px;
}

div#tabSessionNote .help-block.sigHelpBlock {
    width: 716px;
    float: none;
    margin-bottom: 30px !important;
}

.sigHelpBlock {
    width: 716px;
    float: right;
    margin-bottom: 30px !important;
}

.wordWrap {
    word-wrap: break-word;
}

.h2 {
    font-size: 13px !important;
}

.headerBorder {
    height: 10px;
    width: 100%;
    background: #386DBD;
}

@media only screen and (min-device-width: 1366px) {
    div.eventDetailsContainer {
        width: 105% !important;
    }

    div.optionsWrapper {
        width: 22% !important;
        position: relative;
        left: -60px;
    }

    .col-lg-3.eventDurationTx {
        margin-left: -67px !important;
    }

    input.appointmentTimeInput {
        width: 41% !important;
        float: left;
    }

    table#eventDetailsTable {
        width: 75%;
        margin-bottom: 50px;
    }
}

@media only screen and (min-device-width: 1920px) {
    .col-lg-3.eventDurationTx {
        margin-left: 120px !important;
    }
}

@media only screen and (min-device-width: 1680px) {
    .col-lg-4.col-lg-offset-2.statusTx {
        margin-left: 54em !important;
    }
}

.PageWithSections .SideNav {
    float: left;
    /*width: 220px;*/
    font-weight: 600;
    font-size: 11px;
    min-height: 500px;
    margin: 5px;
}

.PageWithSections .SideNavTitle {
    float: left;
    background: #9a9a9a;
    color: #fefefe;
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-bottom: none;
    letter-spacing: 1px;
}

.PageWithSections .SideNavButton {
    color: #9a9a9a;
    padding: 5px 20px;
    border: 1px solid #ccc;
    cursor: pointer;
    letter-spacing: 1px;
    border-right: none;
    text-transform: uppercase;
}

    .PageWithSections .Selected,
    .PageWithSections .SideNavButton:hover {
        background: #ccc;
        color: #666;
    }

.PageWithSections .Content {
    float: left;
    font-size: 12px;
}

.PageWithSections .ContentTitle {
    float: left;
    color: #fefefe;
    padding: 5px 20px;
    border: 1px solid #2a485b;
    font-weight: 600;
    background: #2a485b;
    letter-spacing: 1px;
    font-size: 12px;
}

    .PageWithSections .ContentTitle.content-title-tab-active {
        border-radius: 5px 5px 0 0;
        cursor: default;
        pointer-events: none;
    }

    .PageWithSections .ContentTitle.content-title-tab-inactive {
        background: white;
        color: #414A52;
        cursor: pointer;
    }

.PageWithSections .ContentContent {
    border: 1px solid #ccc;
    padding: 20px;
    padding-top: 35px;
    min-height: calc(100vh - 270px);
    max-height: calc(100vh - 270px);
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.6);
}

    .PageWithSections .ContentContent.FloatContainer {
        margin-bottom: 60px;
    }

.recommended-top {
    font-size: 12px;
    padding-bottom: 5px;
}

.EditorTable {
    font-size: 12px;
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
}

    .EditorTable th {
        padding: 5px 10px !important;
        background: #d1d2d4;
        color: #000;
        font-weight: 700;
        border-top: none;
        width: 65px;
    }

    .EditorTable tr {
        border: 1px solid #ccc;
        border-top: none;
    }

        .EditorTable tr:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .EditorTable td {
        padding: 5px 10px !important;
        max-height: unset !important;
    }

        .EditorTable td.recommended:after,
        .recommended-top:before {
            content: " \2605";
            color: green;
            font-size: 13px;
            vertical-align: baseline;
        }

    .EditorTable th a {
        cursor: pointer;
        text-decoration: underline;
        color: #000;
        white-space: nowrap;
    }

.PageWithSections .SubSectionContainerLeft {
    float: left;
    width: 360px;
}

.PageWithSections .SubSectionContainerRight {
    float: right;
    width: 360px;
}

.PageWithSections .SubSectionTitleContainer {
    background: #2a485b;
    padding: 5px 0 5px 10px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.PageWithSections .Button {
    text-decoration: underline;
    padding: 0 5px;
    cursor: pointer;
}

    .PageWithSections .Button:hover {
        background: rgba(255, 255, 255, 0.25);
    }

input,
select {
    padding: 1px !important;
    font-size: 12px !important;
    font-weight: 200 !important;
    padding-top: 2px !important;
}

.HealthcareForm .Line {
    overflow: hidden;
    margin-bottom: 4px;
    min-height: 27px;
}

.HealthcareForm .Label {
    float: left;
    font-size: 12px;
    font-weight: 200;
    padding-top: 3px;
    min-height: 10px;
}

.HealthcareForm .Width100 {
    width: 100px;
}

.HealthcareForm .Width150 {
    width: 150px;
}

.HealthcareForm .Width200 {
    width: 200px;
}

.HealthcareForm .Input {
    float: left;
    margin-left: 10px;
    font-size: 12px;
}

.HealthcareForm.MemberSearchPopup input,
.HealthcareForm.MemberSearchPopup select {
    width: 200px !important;
}

.HealthcareForm.MemberSearchPopup .chosen-container {
    width: 204px !important;
}

.DemographicsEditView .ui-datepicker-trigger {
    position: absolute;
    right: 21px;
    top: 8px;
}

.DemographicsEditView .chosen-container,
.DemographicsEditView .form-control,
.HealthcareForm .form-control {
    margin-bottom: 15px;
}

.HealthcareForm .fButton {
    text-align: center;
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    float: right;
    width: 150px;
}

.Left {
    float: left;
}

.FieldError {
    border: 1px solid red !important;
}

.TrainingCenter {
    padding: 0 0 30px 0;
}

.Home .Tile {
    float: left;
    cursor: pointer;
    padding: 6%;
    border-radius: 10px;
    background: #ffffff;
    max-height: 217px;
}

.Home .TileOdd {
    /*background: #f8f8f8;*/
}

.Home .TileEven {
    /*background: #f2f2f2;*/
}

.Home .Tile .Title {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 128%;
    color: var(--Black-20);
}

.Home .Tile .Description {
    font-family: DM Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: var(--Black-48);
}

.Home .Tile .Icon {
}

    .Home .Tile .Icon img {
        width: 60px;
    }

.TrainingCenter .Tile {
    padding: 60px 0 60px 0;
    border-radius: 20px;
    border: 1px solid #ccc;
    text-align: center;
    background: rgba(0, 0, 0, 0.02);
}

.TrainingCenter .Resources .Tile .Name {
    line-height: 67px;
}

.TrainingCenter .Tile .Name {
    font-size: 24px;
    margin-bottom: 22px;
    font-weight: 400;
}

.TrainingCenter .Tile .Description {
    min-height: 60px;
    background: #b6d2e6;
    padding: 13px 10px;
    font-size: 13px;
}

.TrainingCenter .Tile .ButtonContinue {
    margin-top: 20px;
    background-color: #7cb8e5 !important;
    border: none;
    font-size: 14px;
    width: 99px;
    padding: 0 5px;
}

.TrainingCenter .TrainingTitle {
    color: #2b475c;
    font-size: 26px;
}

.TrainingCenter a.training-back {
    padding-top: 15px;
    height: 32px;
    display: block;
    float: right;
    color: #4b4b4b;
    text-decoration: none;
    font-weight: 700;
}

    .TrainingCenter a.training-back .fa {
        color: #f39230;
    }

.TrainingCenter .print-btn {
    margin: 10px 0 0 15px;
    height: 23px;
    width: 136px;
    display: block;
    background-position: center;
    float: left;
    padding-top: 1px;
}

    .TrainingCenter .print-btn:hover {
        background-color: #2a485b;
        color: #fff;
    }

.TrainingCenter .TitleContainer .Title {
    width: 100%;
}

.TrainingCenter .TitleContainer {
    padding-bottom: 25px;
}

.TrainingCenter .table th {
    border-bottom: 3px solid #57a9e3 !important;
    color: #57a9e3;
}

.TrainingCenter .TrainingListContainer .TrainingItem td {
    vertical-align: middle;
}

.TrainingCenter .TrainingItem .TCButton {
    display: block;
    height: 32px;
    font-size: 11px;
    font-weight: 700;
}

    .TrainingCenter .TrainingItem .TCButton:hover {
        cursor: pointer;
    }

.TrainingCenter .PrintNotes {
    width: 108px;
}

.TrainingCenter .WatchTraining {
    width: 128px;
}

.TrainingCenter .TakeTest {
    width: 104px;
}

.TrainingCenter .rbt .WatchTraining {
    width: 132px;
    height: 23px;
    padding-top: 3px !important;
}

    .TrainingCenter .rbt .WatchTraining:hover {
        background-color: #2a485b;
        color: #fff;
    }

.TrainingCenter .rbt .TakeTest {
    width: 101px;
    height: 23px;
    padding-top: 3px !important;
}

    .TrainingCenter .rbt .TakeTest.disabled,
    .TrainingCenter .rbt .TakeTest:hover {
        background-color: #2a485b;
        color: #fff;
    }

.TrainingCenter .PrintPracticeActivity {
    width: 169px;
}

.TrainingCenter .TrainingListContainer .TrainingItem .PrintCertificate {
    height: 23px;
    width: 136px;
    padding-top: 2px !important;
}

    .TrainingCenter .TrainingListContainer .TrainingItem .PrintCertificate:hover {
        background-color: #2a485b;
        color: #fff;
    }

.TrainingCenter .TrainingItem .Name {
    display: inline-block;
    width: 288px;
    vertical-align: top;
    margin-top: 14px;
}

.TrainingCenter .TrainingItem .ScoreContainer {
    display: inline-block;
    width: 100px;
    height: 40px;
    vertical-align: top;
    padding-top: 6px;
    margin-left: 7px;
}

.TrainingCenter .TrainingItem .spaceFiller {
    display: block;
    width: 100px;
    height: 7px;
}

.TrainingCenter .TrainingItem .score {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

    .TrainingCenter .TrainingItem .score span {
        font-weight: 400;
    }

        .TrainingCenter .TrainingItem .score span.pass {
            color: #006400;
            font-weight: 700;
        }

        .TrainingCenter .TrainingItem .score span.not-pass {
            color: red;
        }

.TrainingCenter .TrainingItem .viewResults {
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    padding: 0;
    margin: 0;
    line-height: 11px;
    height: 11px;
    vertical-align: top;
    color: #57a9e3;
}

.TrainingCenter .TrainingListContainer .TrainingItem .viewResults:hover {
    cursor: pointer;
    color: #f59331;
}

.TrainingCenter .TrainingListContainer .TrainingItem .ra-btn-primary {
    margin-right: 18px;
    vertical-align: middle;
}

.ra-btn-square {
    font-weight: 600;
    color: #8fa8ac;
    cursor: pointer;
    border-style: groove;
    height: 35px;
    width: 100px;
    border-radius: 8px;
    padding: 2px;
    text-align: center;
}

.ra-btn-square-disabled {
    font-weight: 600;
    color: #8fa8ac;
    border-style: groove;
    height: 35px;
    width: 100px;
    border-radius: 8px;
    padding: 2px;
    text-align: center;
}

.ngdialog-content {
    position: relative;
    width: 1000px;
    z-index: 10;
}

.ngdialog-overlay {
    position: absolute;
    width: 100%;
    height: 500%;
    z-index: 0;
}

.ngdialog-content textarea {
    width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    font-family: "Open Sans", sans-serif !important;
}

.ModalClose {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 888px;
    width: 25px;
    height: 25px;
    background: transparent url(../../../images/pop_colse.png) 50% 50% no-repeat;
}

.viewResultsModal .ModalClose {
    left: 705px;
}

.BrightcoveModal,
.takeTestModal,
.viewResultsModal {
    width: 100%;
}

    .BrightcoveModal .ngdialog-content {
        width: 962px !important;
    }

.brightcoveNg .video-js {
    float: left;
}

.brightcoveNg .vjs-playlist {
    float: left;
    width: 357px;
    overflow-y: scroll;
    height: 338px;
}

.brightcoveNg .block {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}

.brightcoveNg .vjs-playlist-item-block {
    position: relative;
}

.takeTestModal .ngdialog-content {
    width: 770px;
    padding: 15px;
    position: relative;
    margin: 100px auto 0;
}

    .takeTestModal .ngdialog-content .outOfTimeMessage {
        padding-top: 50px;
        text-align: center;
        font-size: 24px;
    }

        .takeTestModal .ngdialog-content .outOfTimeMessage .ra-btn-primary {
            margin: 20px 435px;
            width: 180px;
            font-size: 14px;
        }

    .takeTestModal .ngdialog-content .testIntro {
        padding-top: 25px;
        text-align: center;
    }

        .takeTestModal .ngdialog-content .testIntro h2 {
            color: #7bb8e5;
        }

        .takeTestModal .ngdialog-content .testIntro p {
            margin: 50px 200px 50px 24px;
            text-align: left;
            width: 700px;
        }

        .takeTestModal .ngdialog-content .testIntro .ra-btn-primary:first-of-type {
            margin-left: 40px;
            margin-right: 40px;
        }

        .takeTestModal .ngdialog-content .testIntro .ra-btn-primary {
            margin-top: 0;
            width: 80px;
        }

    .takeTestModal .ngdialog-content .testHeader {
        font-size: 18px;
        color: #7bb8e5;
        border-bottom: dotted 1px #9a9a9a;
        margin-bottom: 15px;
    }

.takeTestModal .countdown {
    font-size: 16px;
    color: #fff;
    float: right;
    margin-right: 10px;
}

.takeTestModal .ngdialog-content .testQuestionIndicator {
    display: inline-block;
    width: 100%;
    border-bottom: dotted 1px #9a9a9a;
    margin-bottom: 15px;
}

    .takeTestModal .ngdialog-content .testQuestionIndicator .label {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        color: #9a9a9a;
        float: left;
    }

    .takeTestModal .ngdialog-content .testQuestionIndicator .dots {
        display: inline-block;
        float: right;
    }

.takeTestModal .ngdialog-content .testQuestion {
    padding-bottom: 10px;
    max-height: 380px;
    overflow: auto;
}

.RbtQuestion {
    max-height: 380px;
    overflow: auto;
}

    .RbtQuestion img,
    .takeTestModal .ngdialog-content .testQuestion img {
        max-width: 100%;
    }

.takeTestModal .ngdialog-content .testQuestion .reviewQuestionsMessage {
    color: red;
    margin-bottom: 15px;
}

.takeTestModal .ngdialog-content .testQuestion .question {
    display: inline-block;
    font-size: 14px;
    color: #7bb8e5;
    width: 100%;
}

.takeTestModal .ngdialog-content .testQuestion .answers .answer {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    float: left;
}

    .takeTestModal .ngdialog-content .testQuestion .answers .answer .input {
        display: inline-block;
        position: relative;
        height: 100%;
        float: left;
        margin-right: 10px;
    }

    .takeTestModal .ngdialog-content .testQuestion .answers .answer .text {
        display: inline-block;
        height: 100%;
        width: 93%;
        float: left;
    }

.takeTestModal .ngdialog-content .testQuestion .testQuestionVideo {
    width: 480px;
    height: 270px;
    margin: 0 auto;
}

.takeTestModal .ngdialog-content .testActions .left {
    float: left;
}

.takeTestModal .ngdialog-content .testActions .right {
    float: right;
    margin-left: 20px;
}

.viewResultsModal .modal-dialog,
.viewResultsModal .ngdialog-content {
    width: 900px;
    height: 400px;
    padding: 15px 30px 0 15px;
    position: relative;
    margin: 100px auto 0;
}

    .viewResultsModal .ngdialog-content .Left {
        display: inline-block;
        float: left;
        width: 60%;
        height: 370px;
        margin-left: 30px;
        border-right: 1px dotted #9a9a9a;
    }

        .viewResultsModal .ngdialog-content .Left .TestName {
            width: 100%;
            display: inline-block;
            font-size: 18px;
            color: #2588bb;
            margin: 15px 0;
        }

        .viewResultsModal .ngdialog-content .Left .MemberName {
            width: 100%;
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            color: #9a9a9a;
            margin: 0 0 18px 0;
        }

        .viewResultsModal .ngdialog-content .Left .Message {
            width: 100%;
            display: inline-block;
            font-size: 14px;
            color: #9a9a9a;
            margin: 0 0 50px 0;
        }

        .viewResultsModal .ngdialog-content .Left .Steps .Title {
            width: 100%;
            display: inline-block;
            font-size: 16px;
            color: red;
            margin: 10px 0;
            border-bottom: 1px dotted #9a9a9a;
            border-top: 1px dotted #9a9a9a;
        }

        .viewResultsModal .ngdialog-content .Left .Steps .Step {
            width: 100%;
            display: inline-block;
            font-size: 14px;
            color: #9a9a9a;
            margin: 3px 0;
        }

            .viewResultsModal .ngdialog-content .Left .Steps .Step:hover {
                cursor: pointer;
            }

    .viewResultsModal .ngdialog-content .Right {
        display: inline-block;
        float: right;
        width: 35%;
        height: 95%;
        text-align: center;
    }

        .viewResultsModal .ngdialog-content .Right .PrintLink {
            display: inline-block;
            width: 100%;
            margin-top: 80px;
            text-align: center;
        }

            .viewResultsModal .ngdialog-content .Right .PrintLink:hover {
                cursor: pointer;
                text-decoration: none;
            }

        .viewResultsModal .ngdialog-content .Right .btn-default {
            cursor: pointer;
            text-decoration: none;
        }

        .viewResultsModal .ngdialog-content .Right .Score {
            display: inline-block;
            width: 80%;
            margin: 20px;
            padding: 30px 0;
            background-color: #f5f5f5;
            text-align: center;
        }

            .viewResultsModal .ngdialog-content .Right .Score span {
                display: inline-block;
                width: 80%;
                margin: 10px 0;
                font-size: 20px;
                background-color: #f5f5f5;
                text-align: center;
            }

        .viewResultsModal .ngdialog-content .Right .ra-btn-primary {
            display: inline-block;
            text-align: center;
            text-decoration: none;
        }

.FloatContainer div.Tile div div.FloatContainer {
    height: 106px;
    overflow: hidden;
}

svg text tspan {
    font-size: 0.9em !important;
}

.ViewContentMenuItem {
    max-width: 200px;
    font-weight: 700;
    margin-top: 10px;
}

    .ViewContentMenuItem:hover {
        border-bottom: 0 solid #23527c;
    }

    .ViewContentMenuItem.Selected {
        color: green;
        border-bottom: 0 solid green;
    }

        .ViewContentMenuItem.Selected a {
            color: green;
        }

    .ViewContentMenuItem a:hover {
        color: #23527c;
        text-decoration: none;
    }

.PageTitle {
    margin: 15px 0;
    font-size: 24px;
    font-weight: 400;
    color: #7bb8e5;
}

.SearchParameters {
    width: 100%;
    display: inline-block;
}

    .SearchParameters .Input {
        float: left;
        margin-right: 23px;
    }

        .SearchParameters .Input:last-of-type {
            margin-right: 0;
        }

        .SearchParameters .Input .SearchTerm {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 200px;
        }

        .SearchParameters .Input select {
            width: 240px;
        }

            .SearchParameters .Input select:disabled {
                background: #ddd;
            }

        .SearchParameters .Input .ra-btn,
        .SearchParameters .Input input,
        .SearchParameters .Input select {
            padding: 5px;
            border: 1px solid gray;
            border-radius: 5px;
            height: 30px;
        }

.ActivityList {
    width: 100%;
}

    .ActivityList tr {
        line-height: 2.2;
    }

        .ActivityList tr.Header {
            width: 100%;
            background-color: #fff;
            color: #9a9a9a;
            font-size: 11px;
            border-bottom: 1px solid #7bb8e5;
        }

        .ActivityList tr.BreadCrumb {
            width: 100%;
            background-color: #fff;
            color: #9a9a9a;
            font-size: 12px;
            font-weight: 600;
            border-top: 1px double #7bb8e5;
        }

            .ActivityList tr.BreadCrumb:first-of-type {
                border-top: 0;
            }

        .ActivityList tr.Activity {
            color: #000;
            font-size: 12px;
        }

    .ActivityList th {
        width: 7%;
        line-height: 1.3;
        text-align: center;
        padding-bottom: 5px;
    }

        .ActivityList th.main {
            width: 72%;
            padding-left: 20px;
            text-align: left;
        }

    .ActivityList td {
        text-align: center;
    }

        .ActivityList td.LeftBorder {
            border-left: 1px solid #7bb8e5;
        }

        .ActivityList td.main {
            padding-left: 20px;
            text-align: left;
        }

    .ActivityList tr.Activity:hover {
        color: green;
        cursor: pointer;
        font-weight: 800;
        background-color: #eeebeb;
    }

.ActivityDetailModal {
    width: 100%;
    text-align: center;
    overflow-y: visible;
}

    .ActivityDetailModal .ngdialog-content {
        width: 800px;
        height: auto;
        display: inline-block;
        margin: 100px auto 0;
    }

.ActivityDetailsWrapper {
    width: 780px;
    height: auto;
    display: inline-block;
    margin: 10px auto 0;
    float: left;
}

    .ActivityDetailsWrapper .ActivityDetails {
        width: 100%;
        padding: 10px 20px;
        text-align: left;
    }

        .ActivityDetailsWrapper .ActivityDetails .ModalTitle {
            width: 100%;
            display: inline-block;
            font-size: 16px;
            float: left;
            color: #7bb8e5;
            margin-bottom: 10px;
        }

        .ActivityDetailsWrapper .ActivityDetails .Name {
            width: 100%;
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            float: left;
            margin-bottom: 10px;
        }

        .ActivityDetailsWrapper .ActivityDetails .Actions {
            width: 100%;
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            float: left;
            margin-bottom: 10px;
        }

            .ActivityDetailsWrapper .ActivityDetails .Actions .ra-btn {
                width: 100px;
                display: inline-block;
                float: left;
                margin-right: 10px;
            }

        .ActivityDetailsWrapper .ActivityDetails .Image {
            display: inline-block;
            width: 740px;
            height: 531px;
            float: left;
        }

        .ActivityDetailsWrapper .ActivityDetails .Message {
            display: inline-block;
            width: 100%;
            float: left;
            font-size: 14px;
            color: #000;
            margin: 20px 0;
        }

        .ActivityDetailsWrapper .ActivityDetails .ActivityTargets {
            display: inline-block;
            width: 100%;
        }

            .ActivityDetailsWrapper .ActivityDetails .ActivityTargets span {
                display: inline-block;
                width: 100%;
                font-size: 14px;
                font-weight: 800;
                color: #7bb8e5;
            }

            .ActivityDetailsWrapper .ActivityDetails .ActivityTargets .Target {
                display: inline-block;
                width: 22%;
                font-size: 14px;
                font-weight: 400;
                float: left;
                margin-right: 2%;
            }

.ActivityDemoModal {
    width: 100%;
    text-align: center;
    height: auto;
    overflow-y: visible;
}

    .ActivityDemoModal .ngdialog-content {
        width: 1000px;
        height: auto;
        display: inline-block;
        margin: 100px auto 0;
        padding: 0;
    }

.ActivityDemoWrapper {
    width: 1000px;
    height: auto;
    display: inline-block;
    margin: 10px auto 0;
    float: left;
}

    .ActivityDemoWrapper .Title {
        display: inline-block;
        width: 100%;
        height: 50px;
        text-align: left;
        padding-left: 40px;
        background-color: #69b0e6;
    }

        .ActivityDemoWrapper .Title .Name {
            display: inline-block;
            width: 100%;
            line-height: 24px;
            font-size: 24px;
            padding-top: 13px;
            color: #fff;
        }

    .ActivityDemoWrapper .Stars {
        display: inline-block;
        width: 100%;
        height: 50px;
        text-align: left;
        background-color: #8cc63f;
        padding: 11px 0 0 40px;
    }

        .ActivityDemoWrapper .Stars span {
            display: inline-block;
            float: left;
            line-height: 28px;
            font-size: 28px;
            color: #fff;
        }

        .ActivityDemoWrapper .Stars .Star {
            display: block;
            width: 32px;
            height: 32px;
            float: left;
            margin-right: 2px;
            opacity: 0.4;
        }

            .ActivityDemoWrapper .Stars .Star.Correct {
                opacity: 1;
            }

    .ActivityDemoWrapper .Main {
        width: 100%;
        height: 430px;
        background-color: #fff;
        padding: 30px 0 0 40px;
        text-align: left;
    }

        .ActivityDemoWrapper .Main .Question {
            display: inline-block;
            width: 100%;
            height: 81px;
        }

            .ActivityDemoWrapper .Main .Question .Play {
                display: inline-block;
                width: 46px;
                height: 46px;
                margin-top: 17px;
                float: left;
            }

                .ActivityDemoWrapper .Main .Question .Play:hover {
                    cursor: pointer;
                }

            .ActivityDemoWrapper .Main .Question audio {
                display: none;
            }

            .ActivityDemoWrapper .Main .Question .Text {
                display: inline-block;
                font-size: 30px;
                margin: 20px 0 0 15px;
                color: #000;
            }

            .ActivityDemoWrapper .Main .Question .Image {
                display: inline-block;
                margin: 0 0 0 40px;
                width: 71px;
                height: 81px;
                vertical-align: top;
            }

        .ActivityDemoWrapper .Main .Answers {
            display: inline-block;
            width: 100%;
            margin-top: 15px;
        }

            .ActivityDemoWrapper .Main .Answers .Answer {
                display: inline-block;
                width: 201px;
                height: 231px;
                float: left;
                padding: 2px 0 0 2px;
                margin-right: 5px;
                position: relative;
            }

                .ActivityDemoWrapper .Main .Answers .Answer:hover {
                    cursor: pointer;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

                .ActivityDemoWrapper .Main .Answers .Answer.Selected {
                    border: 2px solid #ed217c;
                    border-radius: 10px;
                }

                .ActivityDemoWrapper .Main .Answers .Answer .Image {
                    display: inline-block;
                    width: 193px;
                    height: 223px;
                }

                    .ActivityDemoWrapper .Main .Answers .Answer .Image.Wrong {
                        opacity: 0;
                    }

            .ActivityDemoWrapper .Main .Answers .Error {
                display: inline-block;
                padding: 10px 0 0 240px;
                line-height: 60px;
            }

                .ActivityDemoWrapper .Main .Answers .Error span {
                    display: inline-block;
                    float: left;
                    color: #76cfe4;
                    margin-right: 20px;
                }

                .ActivityDemoWrapper .Main .Answers .Error .Oops {
                    font-size: 44px;
                }

                .ActivityDemoWrapper .Main .Answers .Error .Message {
                    font-size: 30px;
                }

            .ActivityDemoWrapper .Main .Answers .Success {
                position: absolute;
                top: 180px;
                left: 230px;
            }

            .ActivityDemoWrapper .Main .Answers .Complete {
                position: absolute;
                top: 100px;
                left: 10px;
                width: 980px;
                height: 430px;
                display: inline-block;
                background-color: #8cc63f;
                color: #fff;
                opacity: 1;
            }

                .ActivityDemoWrapper .Main .Answers .Complete .Avatar {
                    display: inline-block;
                    width: 490px;
                    float: left;
                }

                    .ActivityDemoWrapper .Main .Answers .Complete .Avatar img {
                        display: inline-block;
                    }

                .ActivityDemoWrapper .Main .Answers .Complete .Message {
                    display: inline-block;
                    width: 490px;
                    height: 380px;
                    font-family: questrial, sans-serif;
                    text-align: center;
                    float: left;
                    margin-top: 20px;
                }

                    .ActivityDemoWrapper .Main .Answers .Complete .Message.NoAvatar {
                        margin: 0 245px;
                    }

                    .ActivityDemoWrapper .Main .Answers .Complete .Message .Feedback {
                        display: inline-block;
                        width: 445px;
                        font-size: 60px;
                        font-weight: 400;
                    }

                    .ActivityDemoWrapper .Main .Answers .Complete .Message .Score {
                        display: inline-block;
                        width: 445px;
                        font-size: 24px;
                        font-weight: 400;
                    }

                    .ActivityDemoWrapper .Main .Answers .Complete .Message .Stars {
                        display: inline-block;
                        max-width: 400px;
                        height: auto;
                        margin-bottom: 10px;
                    }

                        .ActivityDemoWrapper .Main .Answers .Complete .Message .Stars .Star {
                            display: inline-block;
                            width: 59px;
                            height: 54px;
                            margin-left: 4px;
                            float: left;
                            opacity: 1;
                        }

                    .ActivityDemoWrapper .Main .Answers .Complete .Message .Tip {
                        display: inline-block;
                        width: 445px;
                        height: auto;
                    }

                        .ActivityDemoWrapper .Main .Answers .Complete .Message .Tip .Text {
                            display: inline-block;
                            width: 220px;
                            font-size: 18px;
                            vertical-align: middle;
                            text-align: left;
                        }

                            .ActivityDemoWrapper .Main .Answers .Complete .Message .Tip .Text.Perfect {
                                text-align: right;
                            }

                        .ActivityDemoWrapper .Main .Answers .Complete .Message .Tip .BonusRewards {
                            display: inline-block;
                            width: 133px;
                            height: 145px;
                        }

                .ActivityDemoWrapper .Main .Answers .Complete .Action {
                    width: 180px;
                    height: 40px;
                    display: inline-block;
                    background-color: #d4145a;
                    vertical-align: middle;
                    margin: 0 400px 10px 400px;
                }

                    .ActivityDemoWrapper .Main .Answers .Complete .Action:hover {
                        cursor: pointer;
                    }

                    .ActivityDemoWrapper .Main .Answers .Complete .Action img {
                        width: 21px;
                        height: 21px;
                        float: left;
                        margin: 9px 20px 0 20px;
                    }

                    .ActivityDemoWrapper .Main .Answers .Complete .Action span {
                        font-size: 19px;
                        line-height: 19px;
                        float: left;
                        vertical-align: middle;
                        margin-top: 10px;
                    }

    .ActivityDemoWrapper .Footer {
        display: inline-block;
        width: 100%;
        height: 40px;
        background-color: #69b0e6;
    }

        .ActivityDemoWrapper .Footer .Action {
            display: inline-block;
            width: 28px;
            height: 28px;
            margin: 6px 20px 0 15px;
            float: left;
        }

        .ActivityDemoWrapper .Footer .Question {
            display: block;
            width: 21px;
            height: 21px;
            background-color: #7f7f7f;
            color: #fff;
            text-align: center;
            float: left;
            margin: 10px 0 0 20px;
        }

            .ActivityDemoWrapper .Footer .Question.CurrentOrDone {
                background-color: #ec7945;
            }

.ActivityAddToStudent {
    width: 100%;
    text-align: center;
    overflow-y: visible;
}

    .ActivityAddToStudent .ngdialog-content {
        position: absolute;
        top: 330px;
        left: 1000px;
        width: 300px;
        z-index: 10;
        padding: 10px;
        text-align: left;
        border-radius: 10px;
    }

    .ActivityAddToStudent .Title {
        font-size: 12px;
        color: #76cfe4;
        width: 100%;
        margin-bottom: 10px;
    }

    .ActivityAddToStudent .Input {
        margin-bottom: 10px;
    }

    .ActivityAddToStudent .Section {
        width: 100%;
    }

        .ActivityAddToStudent .Section .SectionLabel {
            font-size: 12px;
            margin: 25px 0 10px 0;
            color: #76cfe4;
        }

    .ActivityAddToStudent .Student {
        display: inline-block;
        width: 90%;
        height: 18px;
        margin-bottom: 2px;
    }

        .ActivityAddToStudent .Student:hover {
            color: green;
            font-weight: 800;
            background-color: #eeebeb;
        }

        .ActivityAddToStudent .Student .Name {
            float: left;
            font-size: 13px;
            line-height: 18px;
        }

        .ActivityAddToStudent .Student .Action {
            float: right;
            width: 14px;
            height: 15px;
        }

            .ActivityAddToStudent .Student .Action:hover {
                cursor: pointer;
            }

.TitleContainer {
    padding-top: 20px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.6);
}

    .TitleContainer .Title {
        font-size: 40px;
        font-weight: 200;
        color: #8F37ff;
        float: left;
    }

    .TitleContainer .SubTitle {
        font-size: 15px;
        font-weight: 600;
        color: #2a485b;
    }

.hcBold {
    font-size: 14px;
    font-weight: 600;
}

.hcEditButton {
    background: #ccc;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    padding: 2px 15px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    margin-top: 0 !important;
}

.download-button-container {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin: 10px 0;
    justify-content: center;
}

.download-button {
    width: 145px;
    height: 40px;
    background-color: #1D6EB8;
    border: 3px solid #1D6EB8;
    color: white;
    padding: 7px 21px;
    border-radius: 40px;
    transition-duration: 0.3s;
    cursor: pointer;
    letter-spacing: 0.7px;
    line-height: 18px !important;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

    .download-button:hover {
        opacity: 0.8;
    }

    .download-button:disabled {
        background-color: transparent;
        color: #858785;
        border: 3px solid #858785;
        pointer-events: none;
        cursor: default;
    }

.ra-btn {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    min-width: 100px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
}

.ra-btn-small {
    padding: 4px 6px 5px 6px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.ra-btn-default {
    background: #ccc;
}

.ra-btn-primary {
    background: #2a485b;
}

.ra-btn-remove {
    background: #692729;
}

.ra-btn-badge {
    border-radius: 10px;
    padding: 2px 10px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}

.ra-btn-smaller {
    padding: 0 6px 0 6px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
}

.round-btn {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.gray-btn {
    background-color: #cbcbcb;
}

    .gray-btn:hover {
        color: #fff;
        background-color: #969a9d;
    }

.lt-blue-btn,
.ra-btn-lightblue {
    background-color: #7bb8e5;
    color: #fff;
}

    .lt-blue-btn:hover {
        color: #fff;
        background-color: #29485c;
    }

.ViewSectionHeader {
    color: #f59331;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 0;
}

.ViewContainer {
    width: 325px;
    float: left;
}

.ViewLine {
    padding-bottom: 10px;
}

    .ViewLine label {
        font-size: 14px;
        font-weight: 400;
    }

    .ViewLine span {
        font-weight: 600;
        vertical-align: top;
    }

.GoalLibrary .Title {
    font-size: 20px;
    font-weight: 200;
    margin: 20px 0;
}

.GoalLibrary .Sidebar {
    padding: 20px;
    border: 1px solid #ccc;
    width: 213px;
    float: left;
    border-left: none;
    border-top: none;
}

    .GoalLibrary .Sidebar .LessonType {
        font-size: 18px;
        font-weight: 400;
        cursor: pointer;
    }

        .GoalLibrary .Sidebar .LessonType:hover {
            font-weight: 600;
        }

    .GoalLibrary .Sidebar .SubType {
        margin-left: 10px;
        font-size: 16px;
        font-weight: 200;
        cursor: pointer;
    }

        .GoalLibrary .Sidebar .SubType:hover {
            font-weight: 400;
        }

.GoalLibrary .Category {
    float: left;
    width: 241px;
}

.GoalLibrary .LessonContainer {
    color: #2a485b;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, 0.02);
}

.columnIconDetails {
    cursor: pointer;
    display: inline-block;
    background: transparent url(/Images/HealthCare/Icons/cta3-b-details.png) no-repeat;
    width: 28px;
    height: 28px;
}

    .columnIconDetails:hover {
        background: transparent url(/Images/HealthCare/Icons/cta3-b-details_on.png) no-repeat;
    }

.columnIconVideo {
    cursor: pointer;
    display: inline-block;
    background: transparent url(/Images/HealthCare/Icons/cta3-b-play.png) no-repeat;
    width: 28px;
    height: 28px;
}

    .columnIconVideo:hover {
        background: transparent url(/Images/HealthCare/Icons/cta3-b-play_on.png) no-repeat;
    }

.columnIconAdd {
    cursor: pointer;
    display: inline-block;
    background: transparent url(/Images/HealthCare/Icons/cta3-b-add.png) no-repeat;
    width: 28px;
    height: 28px;
}

    .columnIconAdd:hover {
        background: transparent url(/Images/HealthCare/Icons/cta3-b-add_on.png) no-repeat;
    }

.columnIconDelete {
    cursor: pointer;
    display: inline-block;
    background: transparent url(/Images/HealthCare/Icons/cta3-b-delete.png) no-repeat;
    width: 28px;
    height: 28px;
}

    .columnIconDelete:hover {
        background: transparent url(/Images/HealthCare/Icons/cta3-b-delete_on.png) no-repeat;
    }

.lesson-details-popup .ngdialog-content {
    width: 750px !important;
}

    .lesson-details-popup .ngdialog-content .SubNav .Item {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

.ngDialogTitle {
    color: #fff;
    background: #ccc;
    padding: 5px;
    text-transform: uppercase;
}

.ra-btn-gradient {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -o-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    border: 1px solid #ccc;
    color: #999;
}

.DarkGrayBackground {
    background: #999;
}

.ActiveTreatmentGoals {
    background: #fff;
}

    .ActiveTreatmentGoals:hover,
    .ActiveTreatmentGoalsSelected {
        background-color: #2a485c !important;
        color: #fff;
    }

.ActiveTreatmentGoalDefault {
    padding-left: 5px;
    min-height: 40px;
    font: bold 14px Open Sans;
    cursor: pointer;
    font-size: 12px;
    padding-top: 0.7em;
    background: #fff;
}

.programItemBox.pending .ActiveTreatmentGoalDefault {
    background: url(/Images/HealthCare/Home/Icons/ico4_flag.png) no-repeat 215px center #fff;
}

#sidebarList2 .ActiveTreatmentGoalsSelected.ActiveTreatmentGoalDefault {
    background-color: #2a485c !important;
    color: #fff;
}

    #sidebarList2 .ActiveTreatmentGoalsSelected.ActiveTreatmentGoalDefault span {
        color: #fff;
    }

.containerDiv {
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.behaviorBackground {
    background-color: #f59331;
}

.activityBackground {
    background-color: #92d676;
}

.lessonBackground {
    background-color: #2a485b;
}

.customLessonBackground {
    background-color: #f59331;
}

.programItemBox {
    overflow: hidden;
    padding-left: 5px;
}

.programList {
    float: left;
    width: 220px;
    padding: 10px 0 15px 15px;
    background-color: #ebe0d6;
    border-bottom-left-radius: 20px;
    min-height: 1000px;
    height: auto;
    width: 210px;
    position: relative;
}

#sidebarList {
    overflow-x: hidden;
}

.programSectionHeaders {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: bold 14px/21px Open Sans;
    text-transform: uppercase;
    text-decoration: none;
    color: #2a485b;
    letter-spacing: 0.01em;
}

#sidebarList .programSectionHeaders {
    margin-left: -10px;
    display: none;
}

.AssessmentSubNav {
    overflow: hidden;
}

    .AssessmentSubNav .Item {
        font-size: 14px;
        font-weight: 400;
        border: 1px solid #ccc;
        padding: 2px 14px;
        float: left;
        margin-right: 5px;
        cursor: pointer;
        text-transform: uppercase;
        border-bottom: 0;
    }

        .AssessmentSubNav .Item:hover,
        .AssessmentSubNav .SelectedItem {
            background: #ccc;
        }

.AssessmentTable th {
    text-align: center;
}

.AssessmentTable .QuestionRow td {
    padding: 3px;
}

.AssessmentTable .QuestionRow:hover {
    background: #f9f9f9;
    background: rgba(0, 0, 0, 0.05);
}

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

.DeepBlueText {
    color: #2a485b;
}

.ShortcutItem {
    font-weight: 700;
    cursor: pointer;
    padding: 5px;
}

    .ShortcutItem:hover {
        background: #f1f1f1;
    }

accordion-group {
    background: #aaa;
    float: none;
    display: block;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    width: 200px;
    border-bottom: 1px solid #ccc;
}

.fb-component {
    background: #ccc;
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-bottom: 1px solid #fff;
}

body:has(.vbmapp-assessment) div:has(.loader) {
    z-index: 10001 !important;
}

@media only screen and (max-width: 1200px) {
    .vbmapp-assessment .tooltip.bottom {
        z-index: 9999 !important;
    }
}

#loaderDiv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #fff;
    opacity: 0.6;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    display: block;
}

.h2 {
    padding-top: 1px;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 700;
}

.h3 {
    padding-top: 1px;
    color: #2b485b;
    font-size: 13px;
    font-weight: 700;
}

.AccordianPanel {
    border: 1px solid #ccc;
}

    .AccordianPanel .TitleContainer {
        cursor: pointer;
        background: #f1f1f1;
        padding: 10px;
    }

        .AccordianPanel .TitleContainer .Title {
            font-size: 15px;
            float: left;
            font-weight: 600;
            color: #2a485b;
        }

.separator-row {
    border-bottom: none !important;
}

#dataEntry_topBorder {
    background: #ebe0d6;
    padding: 1px 0;
    width: 780px;
}

div.dropdown button#dLabel {
    display: none;
}

div.dropdown button#dLabel {
    display: none;
}

.RbtQuestion button[ng-click="watchVideoModal.close()"],
.skipQuizBTN,
button[ng-click="ContinueRbtQuiz()"] {
    float: right;
}

p.help-text {
    height: 80px;
}

.panel.panel-blue.radius-10 {
    padding-bottom: 20px;
}

#funderDeactivate {
    float: right;
    margin-right: 70px;
    text-align: center;
}

#funderActivate {
    float: right;
    margin-top: 18px;
    margin-right: 70px;
    text-align: center;
}

#watchVideo_edu,
.edu_btn {
    display: none;
}

#dateTx {
    top: 39px;
}

h1.stepheader img[src="/Images/HealthCare/Home/Icons/bs_step-arrow.png"] {
    display: none;
}

#bs_sidebarTitle {
    margin-left: 5px !important;
}

.addObjectiveBTN {
    margin-left: 607px !important;
    border: 1px solid #ccc;
}

textarea[ng-class="{FieldError: ShowError && ActiveTreatmentGoalEdit.IepGoal.$invalid}"] {
    width: 100%;
}

.dataCollectionInput {
    padding: 6px !important;
}

.dataCollectionError {
    color: red;
    font-size: 12px;
}

.Text {
    font-size: 10pt;
}

.BehaviorManagement .BehaviorView {
    font-size: 10pt;
}

.BlueLineDashed {
    width: 100%;
    height: 0;
    border-top: 1px dashed #90d8f7;
    margin: 10px 0;
    clear: both;
}

#theAddTargetBTN {
    position: absolute;
    left: 650px;
    width: 126px;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
    padding: 4px 12px 4px 12px;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 10px;
    top: 37px;
    cursor: pointer;
}

#contentContainer {
    float: left;
    background-color: #fff;
    margin-top: 0;
    padding: 0 30px 10px 30px;
    overflow-y: auto;
    margin-bottom: 20px;
    position: relative;
    overflow-x: hidden !important;
    border: 3px solid #ebe0d6;
}

.ProgramArea #contentContainer {
    width: 66% !important;
    padding-bottom: 70px !important;
    min-height: 2043px;
}

#goalsList #sidebarList div[ng-repeat="lesson in CurrentLessons"],
.programList #goalsList #sidebarList [ng-repeat="behavior in Behaviors"] {
    padding-bottom: 5px !important;
}

#contentContainerDataEntry {
    border-top: 3px solid #ebe0d6;
    border-right: 3px solid #ebe0d6;
}

#theCombImg {
    position: absolute;
    margin-left: 105px;
    margin-top: -29px;
    z-index: 100;
}

#promptsInput input.customInput {
    padding: 5px !important;
}

#btnLinks {
    padding: 0;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
}

    #btnLinks img {
        display: inline-block;
        margin-right: 10px;
    }

        #btnLinks img:hover {
            cursor: pointer;
        }

.theObjectives {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .theObjectives p {
        font-weight: 700;
        color: #999;
    }

#targetsTable {
    width: 99.6%;
    border-color: #d1d2d4;
    margin-top: 1.5em;
}

    #targetsTable th {
        padding: 5px;
        background-color: #d1d2d4;
        color: #666;
    }

    #targetsTable td {
        padding: 5px;
    }

#addTargetBtn {
    margin-left: 530px;
    margin-top: 20px;
    margin-bottom: 15px;
}

img#addTargetBtn[alt="Add Target"] {
    margin-left: 610px !important;
}

[ng-repeat="lesson in Lessons"] .stepheader span.caret {
    display: none;
}

#removeProgBtn {
    margin-left: 495px;
}

    #addTargetBtn:hover,
    #removeProgBtn:hover,
    img.editBtn:hover {
        cursor: pointer;
    }

button.editBtn {
    border-radius: 5px !important;
    border: 1px solid #ccc;
    padding: 3px 8px;
    background-color: #fff;
}

#collectionType {
    float: left;
    width: 100%;
}

#masteryCriteria {
    float: left;
    width: 100%;
}

    #masteryCriteria span {
        width: initial !important;
    }

#maintenanceTrigger {
    float: left;
    width: 100%;
}

#maintenanceSchedule {
    float: left;
    width: 100%;
}

#automastery {
    float: left;
    width: 100%;
}

.objHeaders {
    padding: 3px 3px 3px 8px;
    margin-right: 5px;
    background-color: #d6d6d8;
    width: 100%;
    color: #000;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    height: 30px;
}

.bottomTxFields {
    display: block;
    width: 100%;
}

b {
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: capitalize;
}

table#targetsTable tr {
    border-bottom: solid 1px #d6d6d8;
    font-size: 11px;
}

table#targetsTable th {
    padding: 3px 0 3px 5px;
}

table#targetsTable td {
    padding: 3px;
    background-color: #f8f8f8;
}

.greyBG {
    background-color: #e7e7e9;
    font-size: 12px;
}

.cellWidth98 {
    width: 200px;
    padding: 5px 8px !important;
}

.restrictWidth {
    max-width: 280px !important;
    min-width: 280px;
}

div.ui-wrapper {
    max-width: 285px !important;
    min-width: 285px !important;
}

#targetsWrapper {
    width: 100%;
    margin-top: 15px;
}

    #targetsWrapper h1 {
        background-color: #ccc;
        color: #fff;
        padding: 5px;
        margin: 0 15px 0 0;
        font-size: 14px;
        font-weight: 700;
        display: block;
        width: 100% !important;
        padding-top: 6px;
    }

.objectiveTxAreaInside {
    margin-top: 20px;
    margin-right: 10px;
}

.objectiveTxArea textarea {
    width: 100%;
    padding: 8px;
}

.objectiveXBTN {
    float: right;
    margin-top: 4px;
    margin-right: 10px;
}

#targetWrapper #headerWrapper {
    background-color: #c2c2c2;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
}

.defaultGreyBTN {
    background-color: #afafaf;
    border-radius: 10px;
    padding: 1px 6px 2px 6px;
    color: #fff;
    float: right;
    border: none;
    outline: 0;
    font-size: 11px;
    font-weight: 700;
    margin-right: 10px;
    height: 20px;
}

.defaultGreyBTN2 {
    background-color: #afafaf;
    border-radius: 10px;
    padding: 5px 6px;
    color: #fff;
    border: none;
    outline: 0;
    font-size: 11px;
    font-weight: 700;
    margin-right: 10px;
    height: 20px;
}

#dataCollectionInfo {
    width: 595px;
    margin: 10px auto 12px auto;
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
}

h1 {
    font-size: 16px;
    display: inline;
    font-weight: 700;
    margin-left: 13px;
}

#addNewTargetHeader {
    padding-left: 10px;
    background-color: #e7e7e7;
    margin-top: 15px;
    padding: 3px;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 700;
}

#addNewTargetIcon {
    margin-left: 10px;
    margin-right: 5px;
}

    #addNewTargetIcon:hover,
    #addObjectiveBTN:hover,
    #resetDefaultBTN:hover,
    .removeTargetBTN:hover,
    .saveBTNtop:hover {
        cursor: pointer;
    }

.saveBTN {
    background-color: #7cb7e4;
    color: #fff;
    margin-top: 31px;
    padding-top: 4px;
    height: 22px;
    text-align: center;
}

.saveBTNtop {
    background-color: #7cb7e4;
    color: #fff;
    padding-top: 4px;
    height: 22px;
    text-align: center;
}

.cancelBTNtop {
    padding-top: 4px;
    height: 22px;
    text-align: center;
}

#addObjectiveBTN {
    display: block;
    position: relative;
    left: 524px;
    top: 6px;
}

.FloatContainer {
    color: #2a485c;
}

    .FloatContainer img:hover {
        cursor: pointer;
    }

.introHeadTx {
    color: #2a485c;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: -20px;
}

.introHeadTxHome {
    color: #2a485c;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 40px;
}

#trackProgressSec {
    font-weight: 700;
    font-size: 14px;
    margin: 0 10px 0 0;
}

#editDetails {
    margin-top: 10px;
}

    #editDetails h1 {
        font-weight: 700;
        font-size: 13px;
        color: #666;
        background-color: #fff;
    }

input[type="checkbox"],
input[type="radio"] {
    margin-left: 5px;
    margin-right: 1px;
}

#editDetails .collectionTypeTx {
    margin-left: 5px !important;
    width: 60% !important;
}

.collectTypeRadioIns {
    margin-left: 5px;
}

#oppBasedSettings {
    margin-left: 5px;
    margin-top: 5px;
}

    #oppBasedSettings img.plusMinus {
        margin-right: 6px;
    }

#promptsDiv {
    margin-bottom: 10px;
    margin-left: -5px;
}

#promptsInput {
    margin-bottom: 12px;
    padding-bottom: 7px;
}

#oppBasedSettings .settingsTx {
    margin-top: 12px !important;
    padding-top: 12px;
    border-top: solid 1px #ccc;
}

#masterCriteriaDiv {
    margin-left: 5px;
}

#targetsWrapper #teachingSteph1 {
    background-color: #e7e7e9 !important;
    font-size: 11px !important;
    display: block;
    margin-left: 0 !important;
    margin-top: -10px !important;
    margin-top: 0 !important;
}

    #targetsWrapper #teachingSteph1 img {
        margin-right: 5px;
    }

        #targetsWrapper #teachingSteph1 img:hover {
            cursor: pointer;
        }

#editDetails .margintopbot {
    margin-top: 15px !important;
    margin-left: 5px !important;
    border-top: solid 1px #d7d7d7;
    width: 98% !important;
    padding-top: 10px;
}

.arrowBTN:hover {
    cursor: pointer;
}

#deletebtnIcon:hover {
    cursor: pointer;
}

h1.h1custom {
    font-weight: 700 !important;
    font-size: 14px;
    margin: 10px 0 0 0 !important;
    border-top: solid 1px #d7d7d7;
    width: 99% !important;
}

#editDetails h1.h1custom {
    width: 99% !important;
}

#intervalForm h1.h1custom,
#settingsInputOptions h1.h1custom {
    padding-bottom: 10px;
    padding-top: 10px !important;
}

#settingsInputOptions input {
    margin-right: -2px;
}

#settingsInputOptions div.inputMarginRight {
    margin-right: 6px;
    display: inline;
}

#promptsSection {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: solid 1px #ccc;
    width: 99%;
}

#promptTable {
    width: 620px;
    background-color: #f8f8f8;
    margin-left: -5px;
    margin-top: 10px;
    border-collapse: collapse;
    padding: 5px;
}

    #promptTable th {
        padding: 5px 0 5px 11px !important;
    }

    #promptTable tr {
        border-bottom: solid 1px #ccc;
    }

    #promptTable td {
        padding: 10px 0 10px 10px;
        width: 160px;
    }

input.promptField {
    padding: 6px !important;
    width: 165px;
}

#promptTable img:hover {
    cursor: pointer;
}

#targetsWrapper #teachingSteph1.promptAdjustment {
    background-color: #e7e7e9;
    margin-left: -5px !important;
}

.msSelector {
    margin-left: 5px;
}

#addTargetSaveBTN {
    background-color: #7cb7e4;
    color: #fff;
    padding-top: 2px;
    height: 22px;
    margin-left: 550px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    width: 60px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}

#addTargetPlusBTN {
    margin-right: 5px;
}

    #addTargetPlusBTN:hover,
    #addTargetSaveBTN:hover {
        cursor: pointer;
    }

#loadDefaultTargetsBTN {
    background-color: #afafaf;
    color: #fff;
    padding-top: 2px;
    height: 22px;
    margin-left: 435px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    border: none;
    margin-top: -21px;
    display: block;
}

#editDetails h1#targetTx {
    border-top: solid 1px #ccc;
    margin-top: 10px;
    margin-left: 5px;
    padding-top: 18px;
    width: 98% !important;
}

select.customSelect {
    padding: 6px !important;
    margin-right: 4px !important;
}

#criteriaTable {
    margin-left: 5px;
}

#masCriteriaSec {
    margin-bottom: 10px;
}

.workArea h2 {
    color: #f47900 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: 16px !important;
}

#reviewDate {
    text-align: center;
    font-size: 18px;
    color: #8a8e91 !important;
    margin-left: -25px;
}

#reviewDateDiv {
    border-top: solid 1px #ccc;
    padding-top: 20px;
    text-align: center;
}

#noneSelectedLeft {
    position: relative;
    left: -244px;
    top: 20px;
}

#noneSelectedRight {
    position: relative;
    left: 236px;
    top: -23px;
}

#personsRespRight {
    position: relative;
    left: 400px;
    top: -42px;
}

.TeamMemberandNotes {
    margin-bottom: -20px;
    position: relative;
    line-height: 19px;
}

.chosen-container .chosen-drop {
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-y: initial;
}

div[ng-controller="BillingExportController"] div.chosen-container {
    position: absolute !important;
}

img[ng-click="showSchedulingBillingIssues();"] {
    cursor: pointer;
    position: relative;
}

div.clientStaffDisplay span[style="color:orange; font-size:small; font-weight:900;"] {
    display: none;
}

#actionsIcon {
    display: none;
}

.dataEnry_contentWrapper .dataEntry_select.dropdown {
    position: absolute;
    top: 173px;
    left: 20px;
    background-color: #fff;
    z-index: 1500;
    overflow: auto;
}

.dataEntry_select.dataEntry_subBoxes[ng-change="limitToOnlyBaseline(item.Model.Records,item.Model.CurrentPlan, item )"] {
    top: 87px;
}

#addTargetPopUp {
    padding: 10px;
    height: auto !important;
    color: #666;
    font-weight: 700;
    font-size: 13px;
}

#addTargetHeader {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin-bottom: 10px;
    color: #666;
    font-weight: 700;
    padding: 3px 0 3px 10px;
    margin-bottom: 10px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    font-size: 12px;
}

#targetFormSaveBTN {
    padding: 3px 15px;
    background-color: #9da9b2 !important;
    border-radius: 5px;
    border: none;
    float: right;
    margin-top: 8px;
}

#viewDetailsBTN,
.recordDataTitle {
    display: none;
}

.dataEntrySideBar {
    max-height: 870px !important;
    overflow: auto;
    overflow-x: hidden;
}

#masteryTable button {
    margin-top: 5px;
    margin-bottom: 5px;
}

#masteryTable tr {
    border-bottom: 1px solid #ccc;
}

#contentContainerDataEntry {
    float: left;
    width: 75% !important;
    background-color: #fff;
    padding: 0 20px 10px 0;
    min-height: 890px;
    margin-bottom: 20px;
    position: relative;
    overflow-x: hidden;
    border-bottom: 3px solid #ebe0d6;
    /*min-height: 2043px;*/
}

#saveCancelWrapper {
    margin-left: 606px;
}

.dataEnry_contentWrapper {
    background-color: #f6f6f6;
    border-radius: 15px;
    padding: 20px;
    border: solid 1px #c5c5c5;
    margin-top: 24px;
    margin-bottom: 0;
    margin-left: 23px;
    position: relative;
}

    .dataEnry_contentWrapper button.Top {
        border-radius: 20px;
        background-color: #2a475b;
        color: #fff;
        font-weight: 700;
        border: none;
        padding: 4px 12px 4px 12px;
        font-size: 11px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

.dataEntryBold {
    color: #5d5d5d;
    font-weight: 700;
    font-size: 13px;
}

#dataEnry_title {
    color: #2a4959;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 5px;
    width: 465px;
}

#dataEntry_date {
    position: absolute;
    margin-top: -26px;
    color: #2a4959;
    font-weight: 700;
    left: 650px;
    top: 45px;
}

.dataEntry_select {
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 3px 0 4px 6px;
    display: block;
    width: 276px;
    overflow: hidden;
    margin-left: 454px;
    margin-top: -38px;
}

span.dataEntry_select {
    background-image: url(/Images/HealthCare/Misc/dropMenuBG.jpg);
    background-repeat: no-repeat;
}

.dataEntry_select:hover {
    cursor: pointer;
}

.viewDetailsBtn {
    position: absolute;
    left: 520px;
    top: 21px;
    color: #f59331;
    font-weight: 700;
    font-size: 12px;
}

    .viewDetailsBtn:hover {
        cursor: pointer;
    }

.dataEntry_date_edu {
    display: none !important;
}

.dataEntry_wrapper {
    background-color: #fff;
    border-radius: 15px;
    padding: 12px 15px 15px 19px;
    border: solid 1px #c5c5c5;
    margin-top: 26px;
    -moz-box-shadow: 6px 6px 10px -2px #b3b3b3;
    -webkit-box-shadow: 6px 6px 10px -2px #b3b3b3;
    box-shadow: 6px 6px 10px -2px #b3b3b3;
}

.dataEntry_wrapper_congrats {
    background-color: #e0e8ed;
    border-radius: 15px;
    padding: 12px 15px 15px 19px;
    border: solid 1px #c5c5c5;
    margin-top: 20px;
    -moz-box-shadow: 6px 6px 10px -2px #b3b3b3;
    -webkit-box-shadow: 6px 6px 10px -2px #b3b3b3;
    box-shadow: 6px 6px 10px -2px #b3b3b3;
}

div[ng-controller="DataEntryCorrectController"] input:disabled {
    color: #000 !important;
    font-weight: 700 !important;
    background-color: #fff;
    border-color: #000 !important;
}

#dailySummary {
    right: 75px !important;
    top: -63px !important;
}

#dataEntry_date_edu {
    display: none !important;
}

#confirmActivationBTN {
    text-align: center;
    height: 30px;
    border-radius: 4px;
    border-style: solid;
    border-width: thin;
    display: table-cell;
    vertical-align: middle;
    background-color: #95a3ae;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    float: right;
}

.addNoteBTN_edu {
    display: none !important;
}

hr#hrDivider {
    border-top: solid 1px #ccc;
    margin-top: 8px !important;
    width: 98%;
}

#saveAsNewCusBtn {
    float: right;
    margin-top: 10px;
}

    #saveAsNewCusBtn:hover {
        cursor: pointer;
    }

.SaveBTN {
    float: left !important;
    background-color: #7cb7e4;
    color: #fff;
    padding-top: 3px;
    height: 22px;
    margin-left: 92%;
    border-radius: 10px;
    width: 60px;
    font-size: 12px;
    font-weight: 700;
    margin-top: -25px;
    text-align: center !important;
}

.addBTN {
    margin-left: 82%;
}

.resetBTN {
    margin-left: 72%;
}

.SaveBTN:hover {
    cursor: pointer;
}

#dailySummary {
    color: #5d5d5d;
    float: right;
    margin-top: -69px;
    margin-right: -44px;
}

.addnote:hover {
    cursor: pointer;
}

.addNoteBTN {
    right: 37px;
    margin-top: 5px;
}

.custom_input {
    padding: 6px !important;
    margin-bottom: 10px;
    width: 52px !important;
    height: 39px;
    margin-top: 6px;
    text-align: center;
}

.custom_select {
    padding: 6px !important;
    margin-left: 8px;
    margin-bottom: 10px;
    width: 60px;
}

#incorrectInput {
    margin-right: 40px;
}

#opp_minusImg,
#opp_plusImg {
    margin-right: 10px !important;
}

#opp_minusImg {
    margin-left: 12px;
}

#addNote {
    cursor: pointer;
    float: right;
    margin-left: 580px;
    margin-top: -60px;
}

.targetTx {
    color: #7d7d7d;
    font-size: 13px;
}

.dropDownPlusBTN {
    position: absolute;
    top: 3px;
    right: 3px;
}

#dateSelectorContainer {
    background-color: #d3d3d3;
    position: relative;
    margin-top: 15px;
    padding: 0.5em;
    max-height: 140px;
}

    #dateSelectorContainer span.dateRangeSelector {
        color: #fff;
        background-color: #939698;
        padding: 2px 12px;
        font-weight: 700;
        border-radius: 5px;
        height: 20px;
        font-size: 11px;
    }

@media only screen and (max-width: 767.98px) {
    #dateSelectorContainer {
        padding: 0;
    }

        #dateSelectorContainer span.dateRangeSelector {
            display: inline-block;
        }

    .dateSelectorNavBtns {
        width: auto !important;
    }
}

button#printGraphButton {
    float: right;
    border: none;
    border-radius: 15px;
    padding: 5px 15px;
    cursor: pointer;
}

.dateSelectorNavBtns {
    width: 420px;
    float: left;
    margin-top: 5px;
    margin-left: 10px !important;
}

h2.reportsTitle {
    font-size: 14px;
    background-color: #979b9d;
    color: #fff;
    padding: 0.5em 0.5em 0.5em 19px;
    margin: 0;
    font-weight: 400;
}

#filterByDiv h3 {
    font-size: 20px;
}

.k-datepicker {
    width: 110px;
}

.k-dateinput-wrap .k-input,
.k-picker-wrap .k-input {
    text-align: center;
}

.k-dropdown {
    border-width: 0;
    background-color: #fff;
}

    .k-dropdown .k-dropdown-wrap {
        background-color: #fff;
    }

.k-dropdown-wrap > .k-input {
    font-size: 13px;
}

.ng-view:has(.contentContainer) {
    overflow-y: auto;
}

a.nav-item.dropdown-item {
    font-size: 13px;
}

.p-3 {
    background-color: #fff;
    margin-top: 20px;
}

#dateSelectorContainer span.dateRangeSelector:hover {
    cursor: pointer;
}

#filterNav {
    float: right;
    margin-right: 10px;
    margin-top: 4px;
}

    #filterNav span {
        color: #656568;
        font-weight: 700;
    }

#dateSelectorContainerNavBtns {
    margin-left: 10px;
    margin-bottom: -17px;
    position: absolute;
    top: 6px;
}

#enterDetailsImg {
    display: block;
    margin-bottom: 15px;
}

    #enterDetailsImg:hover {
        cursor: pointer;
    }

#clientTimeWrapper {
    margin-bottom: 15px;
}

#noteSaveBtn {
    width: 70px !important;
    text-align: center;
    border-radius: 4px;
    float: right;
    vertical-align: middle;
    padding-top: 0;
    margin-top: -22px;
    font-size: 12px;
}

.CustomSelectField {
    width: 250px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 3px;
    position: relative;
    top: -35px;
    left: 426px;
}

.defaultSkyBlueBtn {
    background-color: #7cb7e4;
    border-radius: 10px;
    padding: 5px 13px;
    color: #fff;
    border: none;
    outline: 0;
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    text-align: center !important;
}

#dailySummaryTx {
    position: absolute;
    left: 450px;
    top: 42px;
    color: #7d7d7d;
    font-weight: 700;
    font-size: 13px;
}

.blueTx {
    color: #2a485d;
    font-weight: 700;
}

.boldTx {
    color: #7d7d7d;
    font-weight: 700;
    font-size: 12px;
}

.datatEntryHeader {
    color: #2a4959;
    font-size: 15px;
    font-weight: 900;
}

.dataEntryFloatingSelector {
    width: 250px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 3px 6px;
    position: relative;
    top: -35px;
    left: 426px;
    z-index: 999;
}

#dataEntryTable {
    margin-top: 15px;
    margin-bottom: 10px;
}

    #dataEntryTable td {
        margin-bottom: 3px !important;
    }

    #dataEntryTable input,
    #dataEntryTable select {
        padding: 6px !important;
    }

#durationTable {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 116%;
}

    #durationTable input,
    #durationTable select {
        padding: 6px !important;
    }

#dataEntryFloatingSelectorImg {
    float: right;
}

.ie8 #personsRespRight {
    margin-top: -5px;
}

.ie8 #noneSelectedRight {
    margin-top: -5px;
    display: block;
}

.ie9 #personsRespRight {
    margin-top: -5px;
}

.ie9 #noneSelectedRight {
    margin-top: -5px;
    display: block;
}

.bluePromptBG {
    background-image: url(/images/HealthCare/Misc/circle-blue.png);
    width: 23px;
    height: 24px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    font-size: 12px;
    margin-top: 4px;
    margin-right: 6px;
}

.greyPromptBG {
    background-image: url(/images/HealthCare/Misc/circle-gray.png);
    float: left;
    font: #fff 20px bold;
    width: 23px;
    height: 24px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    font-size: 12px;
    display: block;
    margin-right: 6px;
    margin-top: 4px;
}

    .bluePromptBG:hover,
    .greyPromptBG:hover {
        cursor: pointer;
    }

#promptInputsLabel .greyPromptBG {
    margin-left: 120px !important;
    display: block;
}

.promptInputs {
    width: 35px;
    margin-right: 10px;
    border: solid 1px #ccc !important;
    padding: 6px;
    float: right;
    text-align: center;
}

.prompt_percent {
    margin-left: 10px;
    border: solid 1px #ccc !important;
    padding: 6px;
    text-align: center;
    padding-top: 7px;
    width: 45px !important;
    height: 34px;
    margin-top: 6px;
    padding-left: 5px !important;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0 5px !important;
}

.ie8 input[type="radio"],
.ie9 input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0 5px !important;
}

.congratsTx {
    font-weight: 700;
    color: #2a475b;
}

#probeBTN:hover {
    background-color: #f59331;
}

#interventionModeBTN {
    background-color: #f59331;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 10px !important;
    margin-left: 8px;
}

#rblBehaviorMethod_New_1,
#rblBehaviorMethod_New_2,
#rblBehaviorMethod_New_3,
#rblBehaviorTarget_decrease,
#rblBehaviorTarget_increase {
    margin-top: 0 !important;
}

.ie8 .workArea input[type="radio"] {
    margin-top: 1px !important;
}

#rblBehaviorMethod_New_2,
#rblBehaviorMethod_New_3,
#rblBehaviorTarget_decrease,
#rblBehaviorTarget_increase,
.ie8 #rblBehaviorMethod_New_1 {
    margin-right: 3px !important;
    margin-top: 1px !important;
}

.ie9 .workArea input[type="radio"] {
    margin-top: 1px !important;
}

#rblBehaviorMethod_New_2,
#rblBehaviorMethod_New_3,
#rblBehaviorTarget_decrease,
#rblBehaviorTarget_increase,
.ie9 #rblBehaviorMethod_New_1 {
    margin-right: 3px !important;
    margin-top: -2px !important;
}

#decreaseTx {
    display: block;
    margin-top: -11px;
    margin-left: 24px !important;
}

#increaseTx {
    display: block;
    margin-top: -2px !important;
    margin-left: 24px;
}

#behaveNoteInput {
    padding: 6px;
    height: 19px;
}

#behaveTable {
    width: 52%;
    margin-top: 10px;
}

#notesSection {
    margin-top: -8px;
    position: absolute;
    margin-left: 15px;
    margin-right: 5px;
}

.FloatContainer #menu {
    margin-right: 10px;
}

#abcLogLink {
    margin-left: 10px !important;
    background-color: #2a485b;
    padding: 2px 0 0 0;
    border-radius: 15px;
    width: 70px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 12px;
    height: 25px;
    margin-top: 32px !important;
    margin-bottom: 10px;
    display: none;
}

    #abcLogLink:hover {
        cursor: pointer;
    }

#ABCformPopup {
    padding: 10px;
}

.AbcHistoryTable {
    margin-bottom: 100px;
}

.popupHeader {
    background-color: #ccc;
    padding: 3px 0 3px 10px;
    color: #fff;
    font-weight: 700;
}

#abcTable {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 60%;
}

#ABCtimeFrame {
    margin-top: 8px;
}

.selectorWidth {
    width: 256px;
}

#StrategyNonFunctionDiv_46395_101619_3 input {
    margin-right: 5px !important;
}

#StrategyNonFunctionDiv_46395_101619_5 input {
    margin-right: 5px !important;
}

#step2DivWrapper {
    width: 165px;
    margin-right: -12px;
}

#step2CancelBTN {
    margin-right: 10px;
}

#abcLogSelector {
    width: 100%;
}

#step6NonSelected {
    margin-top: -4px;
    margin-left: 0;
}

#addAssessmentWrapper {
    position: absolute;
    left: 510px;
    top: 134px;
}

#addAssessmentBtn {
    margin-top: -63px;
}

#theViewGraphButton {
    display: block;
    margin-top: -112px;
}

.ie9 #step2DivWrapper {
    width: 225px;
    margin-right: -71px !important;
}

.ie8 #step2DivWrapper {
    width: 225px;
    margin-right: -71px !important;
}

#addToPlanBTN {
    display: block;
    float: right;
    margin-right: -50px;
}

#step6multiselectors {
    width: 540px;
}

#resetSection {
    clear: both;
    padding-bottom: 30px;
    margin-bottom: -9px;
}

.planSection {
    overflow: auto;
    margin-bottom: 15px;
    margin-top: 10px;
}

#planDate {
    margin: 0 auto;
    overflow: hidden;
    width: 220px;
}

.centerTx {
    text-align: center;
}

#plansTable {
    width: 100%;
}

#tableHeader {
    background-color: #d1d2d4;
    color: #76777a;
    padding: 6px;
    font-weight: 700;
}

#plansTable td {
    padding: 6px;
}

.antecedentSkill {
    float: left;
    border-right: 1px dotted #acdff6;
    padding-right: 5px;
    margin-bottom: 10px;
    width: 33%;
}

.btnSaveNote {
    margin-right: 10px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-focus,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-widget-header .ui-icon.ui-icon-closethick {
    width: 35px !important;
}

.ui-dialog .ui-widget-header .ui-icon.ui-icon-closethick {
    margin-left: -10px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(/Images/ui-icons_222222_256x240.png) -98px -128px !important;
}

.dropdown {
    height: inherit;
}

#abcBtns {
    width: 130px;
    float: right;
}

.Strategy_4_Edit input {
    margin-right: 5px !important;
    margin-top: 1px !important;
}

#content .WorkAreaNavigationLabel {
    padding: 5px 9px !important;
    margin-right: 2px;
}

    #content .WorkAreaNavigationLabel:hover {
        background-color: #f59331;
    }

.workArea #navigation_secondary .WorkAreaNavigationLabel a {
    padding: 8px 13px !important;
}

#assessmentNotes {
    margin-left: -305px;
    width: 464px;
}

#beganField {
    float: left;
    margin-right: 65px;
}

#personsImpList {
    text-align: center;
    width: 150px;
    position: relative;
    left: -255px;
    top: 35px;
}

#recordersListSect {
    text-align: center;
    width: 150px;
    left: 175px;
    position: relative;
    top: -9px;
}

.abcLogHeader {
    color: #656565;
    font-weight: 700;
    font-size: 12px;
}

.fb-form-object-editable.fb-draggable {
    margin-bottom: 20px !important;
}

    .fb-form-object-editable.fb-draggable label input[type="radio"] {
        display: block;
        margin-left: -20px !important;
    }

.fb-form-object-editable.empty {
    background-color: #ccc !important;
    max-width: 800px !important;
}

.funderReportPreview .ngdialog-content {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
}

.funderReportPreview .ngDialogTitle {
    flex: 0 0 auto;
}

    .funderReportPreview .ngDialogTitle + div {
        flex: 1 1 auto;
        overflow: auto;
    }

.funderReportPreview .form-horizontal {
    padding: 0 15px;
}

.fb-builder {
    font-size: 12px;
}

.fb-form-object input,
.fb-form-object textarea {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #666 !important;
}

#ifOtherTx {
    clear: left;
    margin-left: -122px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.createCustomTx {
    margin-left: 25px !important;
}

.mobileAddAppointmentList ul.dropdown-menu li {
    display: flex;
    flex-direction: column;
}

.dropdown-menu {
    padding: 0 !important;
    width: auto;
    left: unset;
    right: 0 !important;
    left: unset !important;
    border-radius: 8px;
}

    .dropdown-menu li {
        border-bottom: 1px solid var(--Black-88);
        padding: 8px 0;
        display: flex;
        justify-content: flex-start;
        width: 200px;
    }

        .dropdown-menu li span.icon-24 {
            background-color: var(--defl-text);
            margin-left: 16px;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-right: 0;
        }

        .dropdown-menu li:hover span.icon-24 {
            background-color: var(--secd-text);
        }

    .dropdown-menu.dropdown-menu li a {
        font-weight: 500;
        font-size: 14px;
        color: var(--secd-text);
        margin-left: 11px;
        margin-top: 8px;
        margin-bottom: 8px;
        padding: 0;
        background-color: inherit;
    }

        .dropdown-menu.dropdown-menu li a:hover {
            color: var(--prim-act);
            text-decoration: underline;
            background-color: inherit;
        }

#noteListTable td,
#noteListTable th {
    padding: 4px;
}

#objectiveTx2 {
    padding: 8px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}

#ui-datepicker-div {
    z-index: 9900000 !important;
}

#chapList,
.vidPopupClose {
    display: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 720px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    color: #666;
}

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

#studentsList {
    background: rgba(255, 255, 255, 0.6) !important;
}

#welcomeBackTx {
    font-weight: 700;
    font-size: 14px;
    color: #414A52;
    height: 40px;
    margin-top: 20px;
    margin-right: 20px;
    border-radius: 20px;
    background-color: white;
    display: flex;
    border: 1px solid #FCFDFF;
}

    #welcomeBackTx:hover {
        border: 1px solid #CED6E0;
    }

    #welcomeBackTx.open #myAccount .fa::before {
        content: "\F077";
    }

    #welcomeBackTx:hover #myAccount {
        max-width: 100%;
    }

@media only screen and (min-device-width: 1023.98px) {

    #welcomeBackTx #myAccount {
        max-width: 100% !important;
    }
}

.legend {
    color: var(--prim-text);
    display: flex;
    flex-direction: column;
}

    .legend .path {
        padding-top: 14px;
        margin-bottom: 2px;
    }

.legend-non-client-page {
    background-color: var(--White-220);
    min-height: 80px;
    color: var(--prim-text);
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 60px;
    z-index: 9999;
    border-bottom: 1px solid var(--Blue-96) !important;
    position: fixed;
}

.childPickerHeader {
    display: flex;
    flex-direction: row;
    margin-top: -3%;
}

.clientHeaderWrapper {
    min-height: 80px;
    padding-left: 40px;
    display: flex;
    flex-direction: row;
    top: 0;
    left: 60px;
    z-index: 9999;
    position: fixed;
}

    .clientHeaderWrapper .back-to-clients {
        height: 24px;
        width: 24px;
        display: inline-block;
        margin: auto 16px auto 0;
        background-color: var(--Black-80);
    }

        .clientHeaderWrapper .back-to-clients:hover {
            background-color: var(--Blue-80);
        }

#myAccount {
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    max-width: 0;
    width: auto;
    margin-left: 10px;
}

#methodNameTx {
    float: left;
    margin-right: 16px;
}

button,
input,
select,
textarea {
    line-height: normal !important;
}

#funderSideBar accordion-group {
    margin-left: 0;
}

#funderSideBar .panel-body {
    padding: 0;
}

#contentContainer .introHeadTxHome .MarkIEPRight:hover {
    cursor: pointer;
}

.ui-multiselect-checkboxes label {
    font-size: 12px !important;
    width: 100%;
    font-weight: 400;
}

    .ui-multiselect-checkboxes label:hover {
        background-color: #337ab7 !important;
        color: #fff;
    }

.HealthcareForm div.col-md-8 {
    float: none;
}

.presentItFixedAboveAllControls.ui-widget.ui-dialog {
    height: 650px !important;
    display: flex;
    flex-direction: column;
    max-width: calc(100vw - 160px);
    max-height: calc(100vh - 100px);
    top: 90px !important;
    left: 80px !important;
}

@media only screen and (max-height: 600px) and (orientation: landscape), only screen and (max-width: 767.98px) {
    .presentItFixedAboveAllControls.ui-widget.ui-dialog {
        max-height: calc(100vh - 120px) !important;
        max-width: calc(100vw - 20px);
        left: 10px !important;
    }
}

#detailHistoryPopup {
    height: 600px !important;
}

.ui-widget-content #detailHistoryPopup .HistoryDataContainer {
    height: 350px !important;
    overflow-x: hidden;
}

@media only screen and (max-width:1000px) {
    .ui-widget-content #detailHistoryPopup .HistoryDataContainer {
        height: 300px !important;
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    .ui-widget-content #detailHistoryPopup .HistoryDataContainer {
        height: calc(40vh - 100px) !important;
    }

    #detailHistoryPopup[style="text-align: left; width: auto; min-height: 0px; max-height: none; height: 124px; overflow: hidden;"], .ui-widget-content #detailHistoryPopup {
        height: 550px !important;
    }

    div.viewPlanContent.content-white.col-sm-9 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 100px;
    }

    .PageWithSections .ContentContent,
    .ProgramArea #contentContainer,
    .ContentWrapper-container {
        padding-bottom: 120px !important;
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
    .ui-widget-content #detailHistoryPopup .HistoryDataContainer {
        height: calc(50vh - 100px) !important;
    }

    div.viewPlanContent.content-white.col-sm-9 {
        margin-bottom: 70px;
    }
}

table.DE_dataTable td,
table.DE_dataTable th {
    font-size: 12px;
}

a.closeHistoryDetail,
div#HistoryDataLists {
    font-size: 12px;
}

div.blueBorderBlueRoundedBox table {
    width: 100%;
}

#saveCancelWrapper span,
.ui-datepicker-trigger {
    cursor: pointer;
}

#de_DataTable {
    margin-bottom: 15px;
    border: 1px solid #ccc;
}

    #de_DataTable tr td,
    #de_DataTable tr th {
        padding: 0 0 5px 5px;
    }

.hc_viewData_h2 {
    font-size: 1em;
    font-weight: 700;
}

.hc_viewData_span {
    font-size: 1.5em;
    font-weight: 700;
}

div.origMoreOptions span.dataEntry_subBoxes span {
    width: 96%;
    display: inline-block;
}

span.smTargetTx {
    font-size: 0.9em;
}

i.fa {
    color: #AA69FF;
}

.enterDetailsLink {
    color: #f67d0a;
    font-weight: 700;
    font-size: 12px;
    margin-top: 10px;
}

div#sidebarDropdown,
div.dropdown button#dLabel {
    display: none;
}

button#moreOptBtn {
    display: none !important;
}

.WorkAreaNavigationLabel {
    padding: 5px 13px !important;
}

    .WorkAreaNavigationLabel a {
        color: #fff !important;
    }

        .WorkAreaNavigationLabel a:active,
        .WorkAreaNavigationLabel a:hover,
        .WorkAreaNavigationLabel a:link,
        .WorkAreaNavigationLabel a:visited {
            color: #fff !important;
        }

.WorkAreaNavigationLabel {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    background: #979b9d;
    padding: 5px 5px !important;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 15px;
}

    .WorkAreaNavigationLabel .selected,
    .WorkAreaNavigationLabel.selected,
    .WorkAreaNavigationLabel:hover {
        background-color: #f59331;
        padding: 5px 13px;
    }

.dataEntry_wrapper div[ng-form="recordForm"] {
    width: 100% !important;
}

[ng-controller="DataEntryPromptController"] button.defaultGreyBTN[style="margin-top:9px;"] {
    margin-top: 3px;
    padding-top: 2px;
}

#planInfoWrapper {
    padding: 60px 30px 0 30px;
    position: relative;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
    width: 480px;
    margin-bottom: 35px;
    margin-top: 100px;
}

.planInfoWrapperFrame {
    padding: 10px 0 10px 30px;
    position: relative;
    top: 20px;
}

#theWhenWhereDiv {
    position: relative !important;
    top: 40px;
    left: -345px;
}

#markIPBox {
    position: absolute;
    top: 142px;
    z-index: 997;
}

body input.SetIepStatus {
    display: inline-block;
    margin-top: 2px;
}

#breakingHeaderDiv {
    position: absolute;
    top: -18px;
    left: 20px;
    width: 40px;
    padding: 10px;
    font-size: 18px;
    z-index: 997;
    background-color: #fff;
    color: #999;
    display: none;
}

.breakingHeader {
    position: absolute;
    top: -18px;
    left: 20px;
    width: 40px;
    padding: 10px;
    font-size: 18px;
    z-index: 997;
    background-color: #fff;
    color: #999;
}

#wrapper {
    width: 1000px;
    background: rgba(255, 255, 255, 0.6) !important;
}

#createPlanBTN {
    border-radius: 8px;
    background-color: #506e7d;
    color: #fff;
    font-weight: 700;
    padding: 8px 15px;
    float: right;
}

#cancelPlanBTN {
    border-radius: 8px;
    background-color: #fff;
    color: #666;
    font-weight: 700;
    padding: 8px 15px;
    border: solid 1px #666;
}

    #cancelPlanBTN:hover {
        background-color: #fff;
    }

#removeBTN {
    margin-top: 62px;
    margin-left: 401px;
}

    #removeBTN a {
        font-size: 12px;
        padding: 2px 10px 2px 10px;
        border-radius: 10px;
        background-color: #3188ad;
        width: 50px;
        color: #fff;
        text-decoration: none;
        font-weight: 700;
    }

#step1BTNs {
    width: 356px;
    float: right;
    margin-top: 55px;
}

#divGoalChange_Edit {
    margin-top: 20px !important;
}

#tbxBehaviorName_Step1_New {
    width: 530px;
    padding: 3px 0 3px 12px !important;
    margin-top: -4px;
    border-radius: 5px;
}

#tbxBehaviorDefinition_Step1_New {
    width: 530px;
    height: 75px;
    margin-top: 10px;
    padding-left: 12px !important;
    border-radius: 5px;
}

#tbxPlanName_New {
    float: left;
    width: 200px;
    margin-right: 20px;
    padding: 3px 0 3px 10px !important;
    margin-top: -5px;
    border-radius: 5px;
}

#tbxPlanStartDate_New {
    width: 100px;
    margin-right: 20px;
    padding: 3px 0 3px 12px !important;
    border-radius: 5px;
}

#whenwhere {
    margin-top: -2px;
    padding: 3px 0 3px 12px !important;
    border-radius: 5px;
}

#addNewBehaveBTNWrapper {
    float: right;
}

#Step2Assessment {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    width: 690px;
}

#Step2Functions {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    width: 690px;
    margin-bottom: 20px;
}

#Step2Baseline {
    clear: both;
    margin-bottom: 40px;
    width: 690px;
}

.yesNoInputs {
    float: right;
    margin-right: -20px !important;
}

#newBehaviorTable {
    width: 100%;
}

#baselineInfo {
    margin-top: 20px;
}

.blueBehaviorBTN {
    border-radius: 8px;
    background-color: #506e7d;
    color: #fff;
    font-weight: 700;
    padding: 8px 15px;
}

#siteTopHeaderBar {
    height: 10px;
    width: 100%;
    background: #f59331;
}

.clients {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

e #Step_3_Strategies {
    margin-top: 80px;
}

.step2_border {
    padding: 30px 0 0 20px;
    border: solid 1px #ccc;
    position: relative;
    float: left;
    width: 650px !important;
    left: -120px;
    top: 36px;
    margin-bottom: 110px !important;
}

.step2_border_function {
    padding: 30px 0 0 20px;
    border: solid 1px #ccc;
    position: relative;
    float: left;
    width: 650px !important;
    top: 16px;
    height: 60px;
    margin-bottom: 55px !important;
}

.step2_border_panel3 {
    padding: 30px 0 0 20px;
    border: solid 1px #ccc;
    position: relative;
    width: 650px !important;
    top: 26px;
    height: 45px;
    margin-bottom: 50px !important;
    left: -30px;
}

.behaviorSupportPlusBTN {
    position: absolute;
    left: 150px;
    top: 104px;
}

.blueBorderWhiteRoundedBox {
    border: none !important;
}

.blueBorderWhiteRoundedBoxUpdate {
    border-top: solid 1px #ccc !important;
    border-bottom: solid 1px #ccc !important;
}

.ie8 #tbxBehaviorDefinition_Step1_New {
    margin-bottom: 30px;
}

.inputPadding {
    padding: 3px 6px !important;
}

#behaveDefTx {
    font-weight: 700;
    float: left;
    margin-right: 10px;
    margin-bottom: -12px !important;
    margin-top: 10px;
}

.red {
    color: red;
}

#Strategy_2 .Strategy_2_View span {
    line-height: 22px;
}

#planInfoWrapper #startDateWrap .h3header {
    position: relative;
    left: -316px;
    top: -35px;
}

#planInfoWrapper #startDateWrap #tbxPlanStartDate_New.datepicker {
    position: relative;
    left: -317px;
    top: -50px;
}

#Step2Functions #theViewGraphButton.ViewGraphButton {
    top: 85px !important;
}

#Strategy_4 #Strategy_4_Open .functionHeader {
    float: left;
    margin-left: 20px;
    margin-bottom: 15px;
}

.phantomJsExcludeInPrint .IconandLabel:hover {
    cursor: pointer;
}

#editTopBorder {
    background: #ebe0d6 !important;
    padding: 1px 0 !important;
}

.btnViewMyCalendar {
    background: #AA69FF;
    box-shadow: none;
    border: none;
    width: 126px;
    height: 17px;
    color: white;
    font-size: 10px;
}

.behavior-note-popup div.close {
    text-align: right;
    margin-right: 5px;
    cursor: pointer;
}

.behavior-note-popup #divNotes div#nonotes {
    text-align: left;
}

.behavior-note-popup textarea#txtLessonBehaviorNote {
    display: block;
}

#divPopUp .behavior-note-popup {
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.35);
    box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.35);
}

.isTaskAnalysisTD {
    max-width: 250px;
    padding-right: 10px;
}

.isTaskAnalysisLabel input.custom_input {
    vertical-align: middle;
    margin: 0 !important;
    width: 40px !important;
}

.isTaskAnalysisLabel img#opp_minusImg,
.isTaskAnalysisLabel img#opp_plusImg {
    margin-right: 0 !important;
}

span#addTeachingStep img {
    margin-top: 1em;
}

div.programSectionHeaders div#abcLogLink {
    display: none;
}

.PageWithSections .FloatContainer .Content {
    width: 100%;
}

rect[AttributesStyle] {
    width: 730px !important;
}

.PrintExportSelect {
    margin-bottom: 15px;
}

#dataContent h1 {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px !important;
}

#dataContent h3 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px !important;
}

#dataContent select {
    border-radius: 5px;
}

#defaultPrompts h2 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-bottom: 8px !important;
}

#defaultPrompts #saveBTN {
    border-radius: 5px;
    padding: 3px 5px;
}

#divPrint #lbPublishBar {
    width: 96% !important;
}

.ngdialog.ngdialog-theme-default.form-dialog .ngdialog-content {
    max-height: 92vh;
    overflow-y: auto;
    position: fixed;
    margin-left: 24%;
}

div.viewResultsModal div.Steps {
    height: 228px;
    overflow-y: auto;
    overflow-x: hidden;
}

.trainingTable th {
    font-size: 12px;
    padding: 5px;
    vertical-align: top;
    background: #8fa0aa !important;
    color: #fff;
}

.trainingTable td {
    color: #686868;
    font-size: 11px;
    padding: 5px !important;
    vertical-align: top;
}

.trainingTable th a {
    color: #fff !important;
}

.loginMain {
    border: 1px solid #ccc;
    margin: 20px 0;
}

.loginLeftBg {
    float: left;
    width: 695px;
    height: 412px;
    background: url(/Images/HealthCare/Misc/LoginScreen.jpg);
    background-size: cover;
}

.loginRight {
    float: right;
    width: 300px;
    border-left: 1px solid #ccc;
    padding: 20px;
    padding-top: 50px;
    min-height: 410px;
    background: rgba(0, 0, 0, 0.01);
}

.loginTitle {
    padding-bottom: 20px;
    text-align: center;
}

.loginForm {
    width: 180px;
    margin: auto;
}

.loginFormInner {
    width: 176px;
    margin: auto;
}

.forgotUserInner {
    margin-top: 10px;
    width: 175px;
    margin-bottom: 20px;
}

.loginBtn {
    width: 176px;
    float: none;
}

.cancelBtn {
    margin-top: 10px;
    width: 176px;
    float: none;
}

.loginBtn i {
    display: none;
}

.homeMobileFooter,
.homeMobileHeader {
    display: none;
}

.mobileMenuDiv {
    border-top: 10px solid #f59331;
    background: #2a475c;
    padding: 25px 10px;
    width: 100%;
    display: none;
    position: fixed;
}

    .mobileMenuDiv .NavBar {
        background: #2a475c;
        color: #fefefe;
        position: fixed;
        z-index: 9999;
        width: 90%;
        height: auto;
        top: 70px;
        right: 10px;
        display: none;
    }

.LabelWhite {
    font-size: 10px !important;
    color: #fff;
    padding-top: 8px !important;
}

.LabelGray {
    font-size: 10px !important;
    padding-top: 8px !important;
}

    .LabelGray .Label {
        font-size: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

.mobileHomeHeader {
    border-top: 10px solid #f59331;
    width: 100%;
    height: 50px;
    background: #2a475c url(/Images/New/Header/logo.png) no-repeat 50px 0;
    background-size: contain;
    text-align: right;
    min-width: 1200px;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

    .mobileHomeHeader .MenuItem {
        padding-top: 8px;
        width: 100px;
        color: #f59331;
        font-size: 16px;
        font-weight: 700;
        float: right;
        cursor: pointer;
        padding-right: 35px;
    }

.distributeUnitsDiv {
    float: right;
}

    .distributeUnitsDiv input,
    .distributeUnitsDiv span {
        float: left;
        color: #686868;
        font-family: "Open Sans", sans-serif;
        font-weight: 700 !important;
        font-size: 12px;
        margin-bottom: 3px;
    }

    .distributeUnitsDiv input {
        margin-top: 6px !important;
    }

.totalUnitsDiv {
    float: right;
    color: #42596b;
    font-family: "Open Sans", sans-serif;
    font-weight: 700 !important;
    font-size: 12px;
    margin-right: 15px;
}

    .totalUnitsDiv input {
        width: 130px;
        margin-left: 10px;
    }

.Input .chosen-container {
    top: -1px !important;
}

.Input .chosen-container-single .chosen-single {
    font-size: 12px !important;
    line-height: 13px !important;
}

.useCodeInput {
    width: 40px;
}

.lineTopMargin {
    margin-top: 40px;
}

.cancelDefaultBillingBtn {
    float: right;
    margin-right: 10px;
    background: #fff;
    color: #2a485b;
    border: 1px solid #2a485b;
    padding: 4px 10px;
}

.checkbox input[type="checkbox"] {
    margin-left: -23px !important;
    margin-top: -5px !important;
}

.authSearchBox {
    background: url(/Images/Scheduler/magnifier.jpg) no-repeat 4px center;
    padding: 5px 20px 5px 21px !important;
    border: 1px solid #ccc;
    width: 200px;
    margin-left: 5px;
}

.authSearchBox_i {
    position: absolute;
    top: 8px;
    font-size: 16px;
    left: 391px;
    line-height: 25px;
    padding: 0 5px;
}

.authSearchBoxDiv {
    padding: 8px 10px;
    position: relative;
}

.staffProTable th {
    font-size: 10px;
    padding: 5px;
    vertical-align: top;
    background: #8fa0aa !important;
    color: #fff;
}

.staffProTable td {
    color: #686868;
    font-size: 9px;
    padding: 5px !important;
    vertical-align: top;
}

.setssInvTable th {
    font-size: 12px;
    padding: 5px 35px;
    vertical-align: top;
    background: #f59331 !important;
    color: #fff;
}

.setssInvTable td {
    color: #686868;
    font-size: 11px;
    text-align: center;
    padding: 5px !important;
    vertical-align: top;
}

.staffProBtn {
    border-radius: 15px;
    background: #2a485b;
    padding: 3px 8px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    margin-top: 3px;
    text-decoration: none;
    border: none;
    box-shadow: none;
    margin-right: 10px;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
}

.staffProBtnMain {
    position: relative;
}

.staffProBtnDiv {
    position: absolute;
    right: 2px;
    top: -30px;
    z-index: 999;
}

.staffTitleTR td {
    max-width: 154px;
    overflow: hidden;
}

.menu-dropdown {
    position: relative;
    display: inline-block;
}

.menu-dropdown-content {
    position: absolute;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    background-color: #f1f1f1;
}

    .menu-dropdown-content a {
        padding: 12px 6px;
        text-decoration: none !important;
        display: block;
    }

        .menu-dropdown-content a:hover {
            background-color: #ddd;
        }

.fileCabSideBar,
.sharedFolders {
    margin-left: -19px !important;
}

.mobileHeaderMonth {
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #beDefBtns {
        margin-right: 27px !important;
        margin-top: -30px;
    }

    #baselineInfo {
        top: 322px !important;
    }

    #endedInput {
        float: left;
        margin-left: -10px;
        margin-right: 10px;
        margin-top: 3px;
    }

    #personsRespRight {
        margin-top: -5px;
    }

    #noneSelectedRight {
        margin-top: -5px;
        display: block;
    }

    input[type="checkbox"],
    input[type="radio"] {
        margin: 1px 0 5px 0 !important;
    }

    .workArea input[type="radio"] {
        margin-top: 1px !important;
    }

    #rblBehaviorMethod_New_1,
    #rblBehaviorMethod_New_2,
    #rblBehaviorMethod_New_3,
    #rblBehaviorTarget_New_increase,
    #rblBehaviorTarget_decrease,
    #rblBehaviorTarget_increase,
    #rblIntervalCollectionType_1,
    #rblIntervalCollectionType_2,
    #rblIntervalCollectionType_3 {
        margin-right: 3px !important;
        margin-top: 1px !important;
    }

    #decreaseTx {
        display: block;
        margin-top: -18px;
        margin-left: 18px !important;
    }

    #notesSection {
        margin-top: -11px;
        position: absolute;
        margin-left: 15px;
        margin-right: 5px;
    }

    #behaveTable {
        width: 50%;
        margin-top: 10px;
    }

    #greyCancelBTN {
        margin-top: -1px;
    }

    #targetFormSaveBTN {
        padding-top: 0;
    }

    #abcBtns {
        width: 130px;
        margin-left: 450px !important;
    }

    #dailySummary {
        color: #5d5d5d;
        float: right;
        margin-top: -69px;
        margin-right: -50px;
    }

    .defaultSkyBlueBtn {
        text-align: center !important;
    }

    #step2DivWrapper {
        width: 175px;
        margin-right: -22px !important;
    }

    #step2CancelBTN {
        margin-right: 10px;
    }

    #step6NonSelected {
        margin-top: -5px;
        margin-left: 10px;
    }

    #yesNoWrapper {
        margin-top: 4px;
    }

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

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

    #ViewGraphButton {
        margin-top: -116px !important;
        display: block;
    }

    #addToPlanBTN {
        display: block;
        float: right;
        margin-right: 8px;
    }

    #step6multiselectors {
        width: 550px;
    }

    #sidebarList {
        height: 900px;
        width: 195px;
        overflow-x: hidden;
    }

    #abcBtns {
        width: 130px;
        margin-left: 361px !important;
    }

    #abcSaveBTN {
        padding-top: 0;
    }

    #abcCancelBTN {
        padding-top: 0;
    }

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

    #endedField {
        width: 315px;
    }

    #beganField {
        float: left;
        margin-right: 55px;
    }

    #assessmentEndedTx {
        margin-right: 5px;
    }

    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: normal !important;
    }

    #funderActivate,
    #funderDeactivate {
        margin-top: 60px;
    }

    div.ui-multiselect-menu input {
        margin-right: 5px !important;
        display: inline-block;
    }

    .ui-multiselect-checkboxes label {
        font-size: 12px !important;
        width: 100%;
        font-weight: 400;
    }

        .ui-multiselect-checkboxes label:hover {
            background-color: #337ab7 !important;
            color: #fff;
        }

    #contentContainerDataEntry,
    .ProgramArea #contentContainer,
    .programList {
        min-height: 890px !important;
    }

    div#detailHistoryPopup.ui-dialog-content.ui-widget-content {
        height: 650px !important;
    }

    #dateSelectorContainer span.dateRangeSelector {
        padding: 2px 8px !important;
    }
}

@supports (-ms-ime-align: auto) {
    .tempsignature {
        left: 0;
    }
}

@-moz-document url-prefix() {
    .collectTypeRadioIns {
        margin-left: 10px !important;
    }

    #oppBasedSettings .settingsTx,
    #promptTable {
        margin-left: -10px !important;
    }

    #targetsWrapper #teachingSteph1.promptAdjustment {
        margin-left: -10px !important;
    }

    #planInfoWrapper {
        padding: 10px 0 0 30px;
        margin-bottom: 35px;
        position: relative;
        border: 1px solid #e1e1e1;
        -webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        -moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        width: 478px;
        margin-bottom: 60px;
        margin-top: 0;
    }

    #wrapper {
        width: 1000px;
        background: rgba(255, 255, 255, 0.6) !important;
    }

    #dataCollectionSect {
        margin-bottom: 10px;
        margin-top: 80px;
        float: right;
        margin-left: -300px;
        width: 730px;
    }

    #divGoalChange_Edit {
        margin-top: 10px;
        margin-left: -300px;
    }

    #divIntervalCollectionTypes {
        margin-top: 8px;
        display: block;
        width: 450px;
        margin-bottom: 13px;
    }

        #divIntervalCollectionTypes span {
            display: inline-block;
            margin-top: 4px;
            margin-left: 2px;
        }

    #divIntervals {
        display: block;
    }

    #createPlanBTN {
        margin-top: 0;
    }

    #addNewBehaveBTNWrapper {
        width: 210px;
        float: right;
    }

    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: normal !important;
    }

    #planInfoWrapper #startDateWrap .h3header {
        position: relative;
        left: -316px;
        top: 0;
    }

    #planInfoWrapper #startDateWrap #tbxPlanStartDate_New.datepicker {
        position: relative;
        left: -317px;
        top: 0;
    }

    #planInfoWrapper #startDateWrap .h3header:nth-child(1) {
        position: relative;
        left: -316px;
        top: 18px !important;
    }

    #planInfoWrapper #startDateWrap #tbxPlanStartDate_New.datepicker:nth-child(1) {
        position: relative;
        left: -317px;
        top: 8px;
    }

    #divStep1NewBehavior div#planInfoWrapper {
        margin-top: 40px !important;
    }

    #Step2Functions #theViewGraphButton.ViewGraphButton {
        top: 85px !important;
    }

    #Step2Assessments .BehAssessment.clear [style="margin-top:10px"] {
        width: 330px !important;
    }

    #Strategy_4 #Strategy_4_Open .functionHeader {
        float: left;
        margin-left: 20px;
        margin-bottom: 15px;
        width: 250px;
    }

    #planInfoWrapper #PlanToggleDiv .edit table {
        position: relative;
        left: 190px;
    }

    #viewDetailsBTN {
        display: none !important;
    }

    #dateSelectorContainer span.dateRangeSelector {
        padding: 2px 8px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="checkbox"],
    input[type="radio"] {
        margin-left: 6px !important;
        margin-right: 3px !important;
        font-size: 12px;
    }

    .collectTypeRadioIns {
        margin-left: 5px;
    }

    .SubNav .Item {
        padding: 5px 13px !important;
    }

        .SubNav .Item:last-child {
            padding: 5px 15.2px !important;
            margin-right: 0 !important;
        }

    .custom_input {
        width: 65px;
    }

    #dailySummary {
        position: relative;
        right: -76px;
        top: -72px !important;
        margin: 0 !important;
        font-size: 12px;
    }

    .dataEntry_wrapper {
        position: relative;
    }

    #dateSelectorContainer span.dateRangeSelector {
        padding: 2px 8px;
    }

    #graphDiv.FloatContainer {
        overflow-y: hidden;
    }

    #dataEntry_date {
        margin-right: -125px !important;
    }

    #divGoalChange_Edit {
        margin-top: 15px;
    }

    #addNewBehaveBTNWrapper {
        width: 230px;
    }

    #divIntervals {
        margin-top: 10px;
    }

    #ddlIntervalUnitTypes {
        position: relative;
        top: -4px;
    }

    .h3header {
        font-size: 13px !important;
    }

    #planInfoWrapper {
        padding: 60px 30px 40px 30px !important;
    }

    .ui-widget-content #detailHistoryPopup {
        min-height: 450px !important;
        overflow: scroll;
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
    .ui-widget-content #detailHistoryPopup {
        min-height: 0px !important;
        height: 200px !important;
        overflow: scroll !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .intro-popup .image-only img {
        width: 51%;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .publicHeader {
        width: 1500px !important;
    }

    .ChildrenPhotoArea {
        width: 1275px !important;
        margin-top: 61px;
    }

    .SectionSummaryTitle {
        width: 1150px;
        margin-bottom: 20px;
        margin-left: 55px !important;
    }

    #contactUsSect {
        margin-left: 78px !important;
    }

    #childrenHeaderTx {
        margin-left: 55px !important;
    }

    #iconSectHeaderTx {
        margin-left: -64px !important;
    }

    #caseMangSect {
        margin-left: -85px !important;
    }

    .Homepage .ContactUs {
        width: 1300px !important;
    }

    .publicFooter {
        width: 1350px !important;
    }

    .Homepage .ContactUs .TextDiv {
        margin-right: 50px;
    }

    .Homepage .DetailSection {
        width: 1350px !important;
    }

        .Homepage .DetailSection .GraphicDiv {
            margin-left: 75px;
        }

            .Homepage .DetailSection .GraphicDiv img#iphoneImg {
                margin-left: 20px;
            }

            .Homepage .DetailSection .GraphicDiv img#ipadImg {
                margin-left: -70px;
            }

        .Homepage .DetailSection #dataTx {
            margin-right: 110px;
        }

    .TitleContainer .Title {
        margin-top: 24px;
        font-size: 20px;
    }

    #robustWrapper {
        margin-left: 20px;
    }

    #robustHeader {
        margin-left: -50px;
    }

    #robustTx {
        margin-left: -50px;
    }

    #rethinkAdImg {
        margin-left: 0;
    }

    #rethinkAdTx {
        margin-right: 120px;
    }

    .GetStartedForm {
        width: 1350px;
    }

    #methodNameTx {
        float: left;
        margin-right: 16px;
        font-size: 11px;
    }

    .ChildPicker select {
        width: 76% !important;
    }

    #sidebarDropdown #sidebarContentMenu ul.sidebarNav.dropdown-menu {
        left: -277px !important;
    }

    .dataEnry_contentWrapper {
        padding: 10px !important;
    }

    .dataEntry_subBoxes.dataEntry_select {
        left: 0.5em;
    }

    #contentContainerDataEntry div.dataEnry_contentWrapper #dataEntry_date {
        left: 63% !important;
        top: 32px !important;
    }

    #dataEnry_title {
        width: 13.5em !important;
    }

    .summaryTables {
        overflow-x: visible !important;
    }

    .summaryTables {
        overflow: scroll;
    }

    body {
        overflow: scroll !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .hideForMobile {
        display: none;
    }

    .ChildrenPhotoArea {
        width: 1200px !important;
        margin-top: 61px;
    }

    .TitleContainer .Title {
        margin-top: -10px !important;
        font-size: 18px;
        font-weight: 700;
    }

    .TitleContainer.mobileHeaderBottom {
        position: fixed;
        width: 100%;
        top: 50px;
        height: 25px;
        background: -webkit-linear-gradient(#203745, #334a58);
        background: -o-linear-gradient(#203745, #334a58);
        background: -moz-linear-gradient(#203745, #334a58);
        background: linear-gradient(#203745, #334a58);
        padding: 10px !important;
    }

        .TitleContainer.mobileHeaderBottom i {
            top: -5px !important;
            float: right;
            cursor: pointer;
            color: #5e95c0;
        }

    .AddEditClientBtn {
        margin-top: -4px;
    }

    .clientsSpacer {
        display: none;
    }

    .notificationTask-createTask-btn {
        float: right !important;
        margin-right: 10px;
        margin-top: 14px;
    }

    .notificationTask-clearButton {
        margin-top: 14px;
    }

    .HealthcareForm .Line {
        overflow: visible;
    }

    .clients .HealthcareForm .Line {
        margin-top: 80px;
        height: 250px;
    }

    .HealthcareForm .Input {
        float: none !important;
        width: 90%;
        margin-bottom: 14px;
    }

        .HealthcareForm .Input input[type='text'],
        .HealthcareForm .Input select {
            width: 100% !important;
        }

    input.narrowInput {
        width: auto !important;
    }

    div#BillingCodeName select {
        left: 40px;
    }

    .ChildPickerAge {
    }

    .mobileHeaderMonth {
        display: block;
        background-color: #2a475c;
        position: absolute;
        left: 10px;
        top: 25px;
        color: #bdc6ca;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
        z-index: 99999;
    }

    .AddEditClientBtn img,
    .AddEditStaffBtn img {
        display: none;
    }

    .AddEditClientBtn i,
    .AddEditStaffBtn i {
        display: block !important;
        margin-right: 15px;
    }

    .ResourceTile.pull-left,
    .ResourceTile.pull-right {
        float: none !important;
        margin-left: 0 !important;
        margin: 20px auto !important;
    }

    .PageWithSections .SideNav {
        float: none;
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
    }

    .PageWithSections .Content {
        float: none;
        width: 100% !important;
    }

    .PageWithSections .ContentContent {
        border: none;
    }

    .PageWithSections .ContentTitle,
    .PageWithSections .SideNavTitle {
        display: none;
    }

        .PageWithSections .ContentTitle.content-title-tab-active {
            border-radius: 5px;
            display: block;
            text-align: center;
            width: 100%;
        }

        .PageWithSections .ContentTitle.content-title-tab-inactive {
            background: white;
            color: #414A52;
            cursor: pointer;
            display: block;
            text-align: center;
            width: 100%;
        }

    .reportTemplatesHeader {
        margin-top: 53px !important;
    }

        .reportTemplatesHeader .ra-btn {
            margin-right: 7px !important;
        }

    .notificationTask-selectButton,
    .notificationTask-taskSelect {
        margin-bottom: 10px;
    }

    .notificationTask-clearButton {
        width: 100%;
    }

    .notificationTask-clearClass {
        float: none !important;
    }

    .notificationTask-clearButton span.notificationTask-crossMark {
        top: 2px !important;
    }

    .table-responsive {
        margin-top: 14px;
    }

    .PageWithSections .SideNavButton {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
    }

    .SubNav .Item {
        float: left !important;
        width: 100% !important;
    }

    .ngdialog.ngdialog-theme-default.dialog-print {
        padding-bottom: 160px;
        padding-top: 60px;
        overflow-y: scroll;
    }

    div.fieldElementResponses {
        min-height: 1500px;
    }

    .clientTable {
        margin-top: 60px;
    }

    .unitTypeDiv {
        margin-left: 0;
    }
}

@media only screen and (max-height: 767.98px) and (orientation: landscape) {
    .medicationInput {
        margin-bottom: 4px !important;
    }

    .MedicationForm {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .PageWithSections .ContentContent,
    .ContentWrapper-container {
        padding-bottom: 80px;
        height: auto !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .hideForMobile {
        display: none;
    }

    .TitleContainer .Title {
        margin-top: -10px !important;
        font-size: 18px;
        font-weight: 700;
    }

    .TitleContainer.mobileHeaderBottom {
        position: fixed;
        width: 100%;
        top: 50px;
        height: 25px;
        background: -webkit-linear-gradient(#203745, #334a58);
        background: -o-linear-gradient(#203745, #334a58);
        background: -moz-linear-gradient(#203745, #334a58);
        background: linear-gradient(#203745, #334a58);
        padding: 10px !important;
    }

        .TitleContainer.mobileHeaderBottom i {
            top: -5px !important;
            float: right;
            cursor: pointer;
            color: #5e95c0;
        }

    .AddEditClientBtn {
        margin-top: -4px;
    }

    .clientsSpacer {
        display: none;
    }

    .notificationTask-createTask-btn {
        float: right !important;
        margin-right: 10px;
        margin-top: 14px;
    }

    .notificationTask-clearButton {
        margin-top: 14px;
    }

    .HealthcareForm .Input {
        float: none !important;
    }

    .HealthcareForm .Line {
        overflow: visible;
    }

    .clients .HealthcareForm .Line {
        margin-top: 80px;
        height: 250px;
    }

    .HealthcareForm .Input {
        float: none;
        width: 90%;
        margin-bottom: 14px;
    }

        .HealthcareForm .Input input[type='text'],
        .HealthcareForm .Input select {
            width: 100% !important;
        }

    .AddEditClientBtn img,
    .AddEditStaffBtn img {
        display: none;
    }

    .AddEditClientBtn i,
    .AddEditStaffBtn i {
        display: block !important;
        margin-right: 15px;
    }

    .clientStaffDisplay {
        margin-top: 50px;
    }

    .ChildPickerAge {
    }

    .mobileHeaderMonth {
        display: block;
        background-color: #2a475c;
        position: absolute;
        left: 10px;
        top: 25px;
        color: #bdc6ca;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
        z-index: 99999;
    }

    .ResourceTile.pull-left,
    .ResourceTile.pull-right {
        float: none !important;
        margin-left: 0 !important;
        margin: 20px auto !important;
    }

    .PageWithSections .SideNav {
        float: none;
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
    }

    .PageWithSections .Content {
        float: none;
        width: 100% !important;
    }

    .PageWithSections .ContentContent {
        border: none;
    }

    .PageWithSections .ContentTitle,
    .PageWithSections .SideNavTitle {
        display: none;
    }

        .PageWithSections .ContentTitle.content-title-tab-active {
            display: block;
        }

        .PageWithSections .ContentTitle.content-title-tab-active {
            display: block;
        }

    .reportTemplatesHeader {
        margin-top: 53px !important;
    }

        .reportTemplatesHeader .ra-btn {
            margin-right: 7px !important;
        }

    .notificationTask-selectButton,
    .notificationTask-taskSelect {
        margin-bottom: 10px;
    }

    .notificationTask-clearButton {
        width: 100%;
    }

    .notificationTask-clearClass {
        float: none !important;
    }

    .notificationTask-clearButton span.notificationTask-crossMark {
        top: 2px !important;
    }

    .table-responsive {
        margin-top: 14px;
    }

    .PageWithSections .SideNavButton {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
    }

    .SubNav .Item {
        width: 100% !important;
    }

    .summaryTables,
    daily-data-summary {
        overflow: scroll;
    }
}

@media only screen and (min-width:1100px) {
    .mainPageContentDiv:has(#divAssessmentView) {
        height: 90vh !important;
    }

    .mainPageContentDiv:has(.vbmapp-assessment) {
        height: 90vh !important;
        overflow-y: auto;
    }

    .mainPageContentDiv:has(.medical-necessity) {
        height: 90vh !important;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    .mainPageContentDiv:has(#divAssessmentView) {
        height: 80vh !important;
    }

    .mainPageContentDiv:has(.vbmapp-assessment) {
        height: 80vh !important;
        overflow-y: auto;
    }

    .mainPageContentDiv:has(.medical-necessity) {
        height: 80vh !important;
        overflow-y: auto;
    }

    .mainPageContentDiv:has(.medical-necessity-panel) {
        height: 90vh !important;
    }

    .mainPageContentDiv:has(.assessment-cards-main-container) {
        overflow-y: auto;
    }

    .mainPageContentDiv:has(#healthAssessment) {
        height: 75vh !important;
    }

    .assessment-cards-container {
        max-height: 100% !important;
    }

    body:has(.medical-necessity-panel) .ng-view {
        margin-top: 130px;
    }

    nav .mat-tab-header-pagination-before:has(.mat-tab-header-pagination-chevron) {
        display:none !important;
    }

    nav .mat-tab-header-pagination-after:has(.mat-tab-header-pagination-chevron) {
        display: none !important;
    }

    nav .mat-tab-link-container {
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        nav .mat-tab-link-container::-webkit-scrollbar { /* Chrome/Safari/Webkit */
            background: transparent;
            width: 0px;
            height: 0px;
        }

    nav .mat-tab-list {
        transform: none !important;
    }

    .report-navigation .SubNav {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .report-navigation .SubNav::-webkit-scrollbar { /* Chrome/Safari/Webkit */
            background: transparent;
            width: 0px;
            height: 0px;
        }

    body:has(.medical-necessity) #detailHistoryPopup {
        display: none;
    }
}

@media only screen and (max-height: 767.98px) and (orientation: landscape),
only screen and (max-width: 767.98px) and (orientation: portrait) {
    .assessment-cards-main-container {
        overflow-y: auto;
        padding-bottom: 150px !important;
    }
}

@media only screen and (max-height: 500px) and (orientation: landscape) {
    .mainPageContentDiv:has(#divAssessmentView) {
        height: 65vh !important;
    }

    .mainPageContentDiv:has(.vbmapp-assessment) {
        height: 80vh;
        overflow-y: auto;
    }

    .mainPageContentDiv:has(.medical-necessity) {
        height: 80vh;
        overflow-y: auto;
    }

    .mainPageContentDiv:has(.assessment-cards-main-container) {
        overflow-y: auto;
    }

    .mainPageContentDiv:has(#healthAssessment) {
        height: 57vh !important;
    }

    .assessment-cards-container {
        max-height: 100% !important;
    }

    .ContentWrapper-container:has(.medical-necessity) {
        height: calc(100vh - 70px) !important;
        background: var(--Black-96);
    }

    .mainPageContentDiv:has(.medical-necessity-panel) {
        height: 95vh;
        overflow-y: auto;
    }

    body:has(.medical-necessity-panel) .publicFooter {
        display: none;
    }

    .vbmapp-assessment:has(.medical-necessity-panel){
        padding-bottom: 0px;
    }

    .ContentWrapper-container:has(.medical-necessity-panel) {
        height: 100vh !important;
    }

    body:has(.medical-necessity-panel) .ng-view {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    nav .mat-tab-header-pagination-before:has(.mat-tab-header-pagination-chevron) {
        display: none !important;
    }

    nav .mat-tab-header-pagination-after:has(.mat-tab-header-pagination-chevron) {
        display: none !important;
    }

    nav .mat-tab-link-container {
        overflow-x: scroll;
        scrollbar-width: none;
    }

    nav .mat-tab-list {
        transform: none !important;
    }

    .report-navigation .SubNav {
        scrollbar-width: none;
    }

    body:has(.medical-necessity) #detailHistoryPopup {
        display: none;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
    .ngdialog.ngdialog-theme-default.form-dialog .ngdialog-content {
        max-height: 92vh;
        overflow-y: auto;
        position: fixed;
        margin-left: 0;
        width: 100vw;
    }

    .ContentWrapper {
        width: 100% !important;
    }

    div.ContentWrapper.mainPageContentDiv {
        margin-left: 0;
    }

    .schedulerTopNavTitle {
        text-align: left !important;
        font-size: 12px !important;
    }

    .schedulerTopNavdate span {
        font-size: 10px !important;
    }

    .Homepage .Children {
        width: 1350px !important;
    }

    .Homepage .ChildrenLabel {
        width: 1350px !important;
    }

    .ChildrenPhotoArea {
        width: 1275px !important;
        margin-top: 61px;
    }

    .SectionSummaryTitle {
        width: 1150px;
        margin-bottom: 20px;
        margin-left: 55px !important;
    }

    #contactUsSect {
        margin-left: 78px !important;
    }

    #childrenHeaderTx {
        margin-left: 85px !important;
    }

    #iconSectHeaderTx {
        margin-left: -45px !important;
    }

    #caseMangSect {
        margin-left: -45px !important;
    }

    .Homepage .ContactUs {
        width: 1350px !important;
    }

    .publicFooter {
        width: 1350px !important;
    }

    .Homepage .ContactUs .TextDiv {
        margin-right: 50px;
    }

    .Homepage .DetailSection {
        width: 1350px !important;
    }

        .Homepage .DetailSection .GraphicDiv {
            margin-left: 75px;
        }

            .Homepage .DetailSection .GraphicDiv img#iphoneImg {
                margin-left: 20px;
            }

            .Homepage .DetailSection .GraphicDiv img#ipadImg {
                margin-left: -70px;
            }

        .Homepage .DetailSection #dataTx {
            margin-right: 110px;
        }

    #robustWrapper {
        margin-left: 63px !important;
    }

    #robustHeader {
        margin-left: -50px;
    }

    #robustTx {
        margin-left: -50px;
    }

    #rethinkAdImg {
        margin-left: 0;
    }

    #rethinkAdTx {
        margin-right: 120px;
    }

    .GetStartedForm {
        width: 1350px;
    }

    #contactUsFootSect {
        margin-left: 85px !important;
    }

    #detailSectWrapper {
        margin-left: -43px;
    }

    #clientPortalWrapper {
        margin-left: 128px !important;
    }

    #efficientcySectWrapper {
        margin-left: 125px !important;
    }

    #rethinkAdWrapper {
        margin-left: 135px !important;
    }

    .mobileHeaderMonth {
        display: block;
        background-color: #2a475c;
        position: absolute;
        left: 10px;
        top: 25px;
        color: #bdc6ca;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
        z-index: 99999;
    }

    .TitleContainer .Title {
        margin-top: -10px !important;
        font-size: 18px !important;
        font-weight: 700;
    }

    .TitleContainer.mobileHeaderBottom {
        width: 100%;
        top: 50px;
        height: 25px;
        background: -webkit-linear-gradient(#203745, #334a58);
        background: -o-linear-gradient(#203745, #334a58);
        background: -moz-linear-gradient(#203745, #334a58);
        background: linear-gradient(#203745, #334a58);
        padding: 10px !important;
    }

        .TitleContainer.mobileHeaderBottom i {
            top: -5px !important;
            float: right;
            cursor: pointer;
            color: #5e95c0;
        }

    .AddEditClientBtn {
        margin-top: -4px;
    }

        .AddEditClientBtn img,
        .AddEditStaffBtn img {
            display: none;
        }

        .AddEditClientBtn i,
        .AddEditStaffBtn i {
            display: block !important;
            margin-right: 15px;
        }

    .clientStaffDisplay {
        margin-top: 50px;
    }

    .clients .HealthcareForm .Line {
        margin-top: 30px;
        height: 360px;
    }

    .HealthcareForm .Input {
        float: none !important;
    }

    .HealthcareForm.MemberSearchPopup .Line,
    .HealthcareForm[name="providerForm"] .Line,
    .HealthcareForm[name="roleForm"] .Line,
    .HealthcareForm[ng-controller="StaffSearchPopUpController"] .Line {
        height: 46px;
    }

    .HealthcareForm[name="staffForm"] .Line {
        min-height: 51px;
        height: auto;
    }

    .HealthcareForm[name="staffForm"] .ra-btn {
        float: none;
        margin-top: 50px;
    }

    .HealthcareForm[name="providerSubForm"] div[ng-click="saveItem(providerSubForm)"] {
        margin-left: 10px;
    }

    .HealthcareForm[name="Demographics"] input[name="DOB"],
    .HealthcareForm[name="Demographics"] input[name="HipaaDate"] {
        width: 92% !important;
    }

    .staffProBtnMain,
    form[name="filterForm"] {
        margin-top: 35px;
    }

    form[name="TemplatePopUp"].HealthcareForm .Line:nth-child(2) {
        height: 85px !important;
    }

    .HealthcareForm[name="Demographics"] .chosen-container {
        width: 100% !important;
    }

    .HealthcareForm[name="Demographics"] .Line:nth-child(1),
    .HealthcareForm[name="Demographics"] .Line:nth-child(4) {
        overflow: visible;
        height: 112px;
    }

    .HealthcareForm[name="Demographics"] .Line:nth-child(2) {
        overflow: visible;
        height: 95px;
    }

    .HealthcareForm[name="Demographics"] .Line:nth-child(10),
    .HealthcareForm[name="Demographics"] .Line:nth-child(3),
    .HealthcareForm[name="Demographics"] .Line:nth-child(5),
    .HealthcareForm[name="Demographics"] .Line:nth-child(6),
    .HealthcareForm[name="Demographics"] .Line:nth-child(7),
    .HealthcareForm[name="Demographics"] .Line:nth-child(8),
    .HealthcareForm[name="Demographics"] .Line:nth-child(9) {
        overflow: visible;
        height: 46px;
    }

    .HealthcareForm[name="providerSubForm"] input[type="checkbox"] {
        width: 20px !important;
    }

    .HealthcareForm[name="providerSubForm"] .Line {
        overflow: visible;
    }

    .settingsCheckButton {
        height: auto !important;
    }

    .HealthcareForm[name="providerSubForm"] div:nth-child(5) {
        margin-top: 60px;
    }

    .HealthcareForm.addFunderForm[name="providerSubForm"] div:nth-child(5) {
        height: 24px !important;
        margin-top: 0;
    }

    .HealthcareForm div[ng-form="addressForm"] {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .HealthcareForm .Input {
        width: 40%;
        margin-bottom: 14px;
    }

        .HealthcareForm .Input input[type='text'],
        .HealthcareForm .Input select {
            width: 100% !important;
        }

    client-settings .HealthcareForm .Input {
        width: 100%;
    }

    .ResourceTile.pull-left,
    .ResourceTile.pull-right {
        float: none !important;
        margin-left: 0 !important;
        margin: 20px auto !important;
    }

    .publicFooter,
    .publicHeader {
        display: block;
    }

    .mobileMenuDiv {
        height: 50px;
        border-top: 10px solid #f59331;
        background: #2a475c;
        padding: 20px 10px;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 99999;
        top: 0;
    }

        .mobileMenuDiv .NavBar {
            background: #2a475c;
            color: #fefefe;
            position: fixed;
            z-index: 9999;
            width: 90%;
            height: auto;
            top: 70px;
            right: 10px;
            display: none;
        }

            .mobileMenuDiv .NavBar ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .mobileMenuDiv .NavBar ul li {
                    background: #2a475c;
                    padding: 8px 0;
                    color: #bfc7cc;
                    border-bottom: 1px dotted #bfc7cc;
                    margin: 0 8px;
                    position: relative;
                }

                    .mobileMenuDiv .NavBar ul li:last-child {
                        border-bottom: none;
                    }

    .mobileMenuTitle {
        font-size: 14px;
        color: #bfc7cc;
        text-align: center;
    }

    .menuIcon {
        position: absolute;
        right: 15px;
        top: 8px;
        width: 24px;
        z-index: 9999;
        font-size: 23px !important;
        color: #f59331;
    }

    .menuIconBar {
        width: 100%;
        margin-bottom: 3px;
        height: 3px;
        background: #f59331;
    }

    .mobileMenuDiv .NavBar .topArrow {
        width: 0;
        position: absolute;
        top: -14px;
        right: 5px;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #2a475c;
    }

    .mobileMenuDiv .NavBar ul li .Icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
    }

        .mobileMenuDiv .NavBar ul li .Icon img {
            width: 30px;
            opacity: 0.9;
        }

    .mobileHomeHeader {
        display: block;
    }

    .mobileNavBarLogo {
        display: none;
        height: 38px;
        margin-top: -20px;
    }

    .mobileNavBarLogout {
        padding: 8px;
        border-top: 1px solid #bfc7cc;
    }

    .scheduleTopBar.shrink {
        top: 50px;
    }

    .notificationTask-clearButton {
        margin-left: 20px;
        width: 80px;
        position: absolute;
    }

    div#BillingCodeName select {
        width: 310px !important;
        position: relative;
        left: 40px;
    }

    .sigHelpBlock {
        width: 496px;
    }

    .addObjectiveBTN {
        margin-left: 0 !important;
    }

    .ProgramArea textarea#programGoal {
        min-width: 540px !important;
        max-width: 540px !important;
    }

    .AddEditClientBtn {
        margin-top: 45px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) {
    .mobileMenuDiv {
        display: none !important;
    }

    .schedulerTopNavTitle {
        margin-top: 46px !important;
    }
}

@media only screen and (min-device-width: 379px) and (max-device-width: 812px) {
    .AddEditClientBtn {
        display: none;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) and (orientation: portrait) {
    .TitleContainer.mobileHeaderBottom {
        height: 135px !important;
        display: block !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .notificationTask-clearButton {
        margin-left: 20px;
        width: 80px;
        position: absolute;
    }

    .PageWithSections .SideNav {
        float: none;
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
    }

    .PageWithSections .Content {
        float: none;
        clear: both;
        width: 100%;
    }

    .PageWithSections .ContentContent {
        border: none;
    }

    .PageWithSections .ContentTitle,
    .PageWithSections .SideNavTitle {
        display: none;
    }

        .PageWithSections .ContentTitle.content-title-tab-active {
            display: block;
        }

        .PageWithSections .ContentTitle.content-title-tab-inactive {
            display: block;
        }

    .PageWithSections .SideNavButton {
        width: 49%;
        float: left;
        margin: 2px;
        border-bottom: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }

    div[ng-include="'/Areas/HealthCare/html/ReportingDashboard/ReportsNav.htm'"] .SideNavButton {
        width: 100%;
        float: none;
    }

    .PageWithSections .SideNavButton.ReportsSideNav {
        width: 100%;
        float: none;
    }

    .PageWithSections .FloatContainer .Content,
    .PageWithSections .SubSectionContainerLeft,
    .PageWithSections .SubSectionContainerRight {
        float: none !important;
        width: 100% !important;
    }

    #contentContainerDataEntry {
        width: 523px !important;
    }

    #dailySummaryTx {
        left: 378px;
        display: none;
    }

    .dataEntry_select {
        margin-left: 250px;
        width: 140px;
    }

    div.dataEntry_wrapper div.SaveBTN {
        margin-left: 84%;
    }

    #addNote {
        width: 80px;
        margin-top: -45px;
    }

    .TitleContainer.mobileHeaderBottom {
        height: 135px !important;
        display: block !important;
    }

    .TitleContainer .Title {
        margin-top: 60px !important;
    }

    .publicHeader {
        margin-left: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #contentContainerDataEntry {
        width: 773px !important;
    }

    .viewDetailsBtn {
        left: 430px;
    }

    #dataEntry_date {
        left: 596px;
    }

    .dataEntry_select {
        margin-left: 404px;
    }

    #theAddTargetBTN {
        left: 602px;
    }

    #addNote {
        margin-top: -35px;
        width: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .TitleContainer.mobileHeaderBottom {
        top: 165px;
        background: #fff;
    }

    .AddEditClientBtn img {
        display: block;
    }

    .mobileHeaderMonth {
        display: none;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .TitleContainer.mobileHeaderBottom {
        height: 113px !important;
    }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1194px) {
    .TitleContainer.mobileHeaderBottom {
        height: 135px !important;
    }

    .AddEditStaffBtn {
        margin-top: 40px;
    }

    .HealthcareForm[name="providerSubForm"] div[ng-click="saveItem(providerSubForm)"] {
        margin-left: 10px;
    }
}

.EditorTable div.filter {
    display: inline-block;
}

    .EditorTable div.filter:after {
        content: "\25b2";
    }

    .EditorTable div.filter.reserve:after {
        content: "\25bc";
    }

.EditorTable a.a_underline_off {
    text-decoration: none;
}

.notificationTask-header {
    border: 2px solid;
    padding: 6px;
    background: #91c3e8;
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
    width: 200px;
    text-align: center;
    color: #fff;
    background-color: #91c3e8;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-top: 10px;
}

.notificationTask-border {
    border-top: 4px solid #91c3e8;
    margin-right: 7px;
    margin-left: 7px;
}

.notificationTask-textbox {
    height: 22px !important;
    margin-left: 5px;
    padding-left: 5px;
}

.notificationTask-createTask-btn {
    white-space: nowrap;
    cursor: pointer;
    border: 2px solid #28485b;
    background: #28485b;
    width: 115px !important;
    border-radius: 25px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

.createTask-btn,
.notificationTask-searchBar {
    padding-left: 0 !important;
}

.notificationTask-filterBar {
    margin-left: 7px;
    border-top: 4px solid #91c3e8;
}

.notificationTask-filterBy {
    margin-top: 15px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}

.notificationTask-createDiv,
.notificationTask-custom-table,
.notificationTask-filterBy {
    max-width: 1150px;
}

    .notificationTask-filterBy .col-lg-1 {
        padding-left: 0 !important;
    }

.notificationTask-table {
    padding-left: 2px !important;
}

.notificationTask-taskSelect {
    padding: 0 5px !important;
    height: 25px;
    font-family: "Open Sans", sans-serif;
    color: #afafaf;
    font-weight: 600;
    font-size: 12px;
}

.notificationTask-clearButton,
.notificationTask-selectButton {
    height: 25px;
}

.notificationTask-selectButton {
    background-color: #fff;
}

.notificationTask-crossMark {
    margin-left: -6px;
    top: -1px !important;
    line-height: 0 !important;
}

.notificationTask-clearButton {
    text-align: center;
    float: right;
    font-family: "Open Sans", sans-serif;
    color: #afafaf;
    font-weight: 600;
    font-size: 12px;
    line-height: 10px;
    padding: 6px;
}

.notificationTask-clearClass {
    float: left;
    padding: 0 10px;
    line-height: 11px;
    margin-right: 4px;
}

.notificationTask-custom-table {
    margin-top: 12px;
    font-size: 12px;
}

.notificationTask-actionColumn {
    padding: 5px 24px !important;
    width: 100px;
}

.notificationTask-editButton {
    float: left;
    color: #666;
    font-size: 14px;
    margin-top: 2px;
}

.notificationTask-checkboxButton {
    float: right;
}

.notificationTask-tableHeading {
    background-color: #d1d2d4;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

tr td a {
    color: #337ab7;
}

.notificationRedCircularDiv {
    text-align: center;
    border-radius: 100%;
    width: 15px;
    background: #ff4500;
    height: 15px;
    line-height: 9px;
    display: inline-block;
    top: -5px;
    position: relative;
}

.notificationRedCircularspan {
    text-align: center;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 10px;
    line-height: 15px;
}

.clientSchedulingTimeZone {
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 700;
    font-size: 14px;
}

    .clientSchedulingTimeZone span {
        margin-left: 20px;
        font-weight: 600;
    }

.clientSchedulingEdit div {
    float: right;
    margin-right: 10px;
}

.clientSchedulingborderDiv {
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
}

.clientSchedulingAvailableTime {
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 600;
    font-size: 12px;
    margin-top: 10px;
}

.clientSchedulingAvailableTimeInner {
    margin-top: 10px;
}

.clientSchedulingTitle {
    padding-top: 10px;
}

.clientSchedulingQuestion {
    margin-top: 20px;
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 600;
    font-size: 12px;
}

.clientSchedulingAnswer {
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 600;
    font-size: 12px;
}

.clientSchedulingSelect {
    width: initial !important;
    padding: 0 5px !important;
}

.clientSchedulingCheckbox {
    float: left;
    margin-top: 2px !important;
    margin-right: 5px !important;
}

.clientSchedulingTextbox {
    width: 95px;
    margin-left: 5px;
    padding: 0 5px;
}

.clientSchedulingIcon {
    color: #bbbcc0;
    font-size: 15px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 25px;
}

.clientSchedulingQuestionEdit {
    float: left;
}

.clientSchedulingAnswerEdit {
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

    .clientSchedulingAnswerEdit span {
        float: left;
        margin-right: 5px;
    }

        .clientSchedulingAnswerEdit span i {
            margin: 0 10px;
        }

.clientSchedulingAnswerChecbox {
    margin-top: 10px;
}

    .clientSchedulingAnswerChecbox span {
        float: left;
        margin-right: 10px;
    }

.clientSchedulingAnswerChecboxInner {
    margin: 0;
    padding: 0;
}

    .clientSchedulingAnswerChecboxInner li {
        list-style: none;
        display: inline-block;
        width: 20%;
    }

.schedulerPopup-Header {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 700;
    font-size: 14px;
    margin-left: -15px;
}

    .schedulerPopup-Header label {
        font-family: "Open Sans", sans-serif;
        color: #5e5e5e;
        font-weight: 700;
        font-size: 14px;
    }

.schedulerPopup-Question {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 12px;
    margin-top: 20px;
    margin-left: -15px;
}

.schedulerPopup-checkBoxMain label {
    margin-top: 15px;
    margin-left: -15px;
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 12px;
}

.schedulerPopup-StartEnd {
    border: 1px solid #d8d8d8;
    width: 45px;
    height: 20px;
}

.schedulerPopup-HoursShownBox {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 12px;
    margin-top: 10px;
    margin-left: -30px;
}

.schedulerPopup-HoursFooter {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 10px;
}

.schedulerPopup-HoursFooter {
    margin-top: 10px;
    margin-left: -15px;
}

.schedulerPopup-HoursShownMain {
    margin-top: 20px;
}

.schedulerPopup-checkBoxMain {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 12px;
    margin-left: -20px;
    margin-top: 10px;
}

.schedulerPopup-checkboxes {
    float: left;
}

.schedulerPopup-HoursShownMain {
    font-family: "Open Sans", sans-serif;
    color: #5e5e5e;
    font-weight: 600;
    font-size: 12px;
    margin-top: 10px;
    padding-left: 0;
    margin-left: -15px;
}

label.schedulerPopup-Label {
    padding-left: 10px;
}

.roundTextArea {
    width: 322px;
    height: 97px;
    border-radius: 30px;
    border: 3px solid #999;
    resize: none;
    padding: 10px 10px;
    margin-top: 10px;
}

.noteTextArea {
    width: 400px;
    height: 100px;
    resize: none;
    border: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.navigator_default_month {
    margin-top: -3px;
}

@media only screen and (max-width: 702px) {
    div.schedulerStatusTabs {
        display: none !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .mobileDDM_nav {
        display: flex !important;
        padding-left: 17px;
        position: relative;
        margin-top: 1em;
        list-style: none;
    }

        .mobileDDM_nav li {
            margin-top: 1em;
            list-style-type: none;
            margin-left: -25px;
            padding-right: 1em;
            font-size: 0.9em;
        }

    .headerUserInfo {
        margin-right: 20px;
        max-width: 180px;
        padding-top: 20px !important;
    }

        .headerUserInfo #liveChat a,
        img[src="/images/theraweIcon.png"] {
            display: none;
        }

    .hideForMobile {
        display: none;
    }

    body {
        background: -webkit-linear-gradient(#e8f5fd, #fff, #e8f5fd);
        background: -o-linear-gradient(#e8f5fd, #fff, #e8f5fd);
        background: -moz-linear-gradient(#e8f5fd, #fff, #e8f5fd);
        background: linear-gradient(#e8f5fd, #fff, #e8f5fd);
    }

    .publicFooter,
    .publicHeader {
        display: none;
    }

    .publicHeaderSpacer {
        height: 40px;
    }

    .ContentWrapper {
        width: 100%;
    }

    .loginLeftBg {
        display: none;
    }

    .loginRight {
        float: none;
        width: 100%;
        padding-top: 100px;
    }

    .loginTitle {
        background: 0 0;
        pointer-events: none;
    }

    .loginForm {
        float: right;
        margin-right: 50px;
    }

    .loginLogo {
        display: block;
        width: 290px;
        margin: 0 auto;
    }

        .loginLogo img {
            width: 100%;
            height: auto !important;
        }

    .loginTitle span {
        display: none;
    }

    .loginBtn {
        float: left;
        background: #2a495b;
        font-size: 12px;
        color: #fff;
        border-radius: 5px;
        width: 80px;
        min-width: 80px;
        padding: 3px 0 !important;
    }

        .loginBtn i {
            display: inline-block;
            color: #f29332;
            margin-left: 5px;
        }

    .cancelBtn {
        float: right;
        margin-top: 0;
        margin-right: 5px;
        background: #999;
        font-size: 12px;
        color: #fff;
        border-radius: 5px;
        width: 80px;
        min-width: 80px;
        padding: 4px 0 !important;
    }

    .Home .Tile .Description {
        display: none;
    }

    .Home,
    .TrainingCenter {
        padding-top: 0;
        padding-bottom: 0;
    }

        .Home .Tile {
            float: none;
            height: auto;
            position: relative;
            padding: 10px 20px;
            width: 100%;
            height: 55px;
            background: -webkit-linear-gradient(#e5e5e5, #fbfbfb);
            background: -o-linear-gradient(#e5e5e5, #fbfbfb);
            background: -moz-linear-gradient(#e5e5e5, #fbfbfb);
            background: linear-gradient(#e5e5e5, #fbfbfb);
            margin: 0px;
        }

            .Home .Tile .Icon {
                padding-top: 0 !important;
                position: absolute;
                right: 20px;
                bottom: 6px;
                width: 60px;
            }

            .Home .Tile .Title {
                font-size: 14px;
            }

            .Home .Tile .Icon img {
                width: 45px;
            }

    .homeMobileHeader {
        background: #fff;
        display: block;
        width: 100%;
    }

    .homeMobileFooter {
        background: #2a475c;
        padding: 15px;
        display: block;
    }

    .homeMobileFooterInner {
        color: #85bce6;
        font-size: 12px;
    }

    .mobileMenuDiv {
        height: 50px;
        border-top: 10px solid #f59331;
        background: #2a475c;
        padding: 20px 10px;
        width: 100%;
        display: block !important;
        position: fixed;
        z-index: 99999;
        top: 0;
    }

    .schedulerTopNavTitle {
        display: none;
    }

    .calendar_default_main {
        top: 25px !important;
    }

    .schedulerTopNavBar {
        top: 43px !important;
    }

    .groupApplist-headingFilters {
        margin-top: 50px;
    }

    .mobileMenuDiv .NavBar {
        background: #2a475c;
        color: #fefefe;
        position: fixed;
        z-index: 9999;
        width: 90%;
        height: auto;
        top: 70px;
        right: 10px;
        display: none;
    }

        .mobileMenuDiv .NavBar ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .mobileMenuDiv .NavBar ul li {
                background: #2a475c;
                padding: 8px 0;
                color: #bfc7cc;
                border-bottom: 1px dotted #bfc7cc;
                margin: 0 8px;
                position: relative;
            }

                .mobileMenuDiv .NavBar ul li:last-child {
                    border-bottom: none;
                }

    .mobileMenuTitle {
        font-size: 14px;
        color: #bfc7cc;
        text-align: center;
    }

    .menuIcon {
        position: absolute;
        right: 15px;
        top: 10px;
        width: 24px;
        height: 24px;
        z-index: 9999;
        font-size: 23px !important;
        color: #f59331;
    }

    .menuIconBar {
        width: 100%;
        margin-bottom: 3px;
        height: 3px;
        background: #f59331;
    }

    .mobileMenuDiv .NavBar .topArrow {
        width: 0;
        position: absolute;
        top: -14px;
        right: 5px;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #2a475c;
    }

    .mobileMenuDiv .NavBar ul li .Icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
    }

        .mobileMenuDiv .NavBar ul li .Icon img {
            width: 30px;
            opacity: 0.9;
        }

    .mobileHomeHeader {
        background: #2a475c url(/Images/New/Header/logo.png) no-repeat 50px 0;
        background-size: contain;
        display: block;
    }

        .mobileHomeHeader .MenuItem {
            color: #fdb93e;
            font-weight: 700;
            font-size: 23px;
        }

    .mobileNavBarLogo {
        display: none;
        height: 38px;
        margin-top: -20px;
    }

    .mobileNavBarLogout {
        padding: 8px;
        border-top: 1px solid #bfc7cc;
    }

    .mobileHeaderMonth {
        display: block;
        background-color: #2a475c;
        position: fixed;
        left: 10px;
        top: 25px;
        color: #bdc6ca;
        font-weight: 600;
        font-size: 12px;
        cursor: pointer;
        z-index: 99999;
    }

    .TitleContainer .Title {
        margin-top: -10px !important;
        font-size: 18px !important;
        font-weight: 700;
    }

    .TitleContainer.mobileHeaderBottom {
        width: 100%;
        top: 50px;
        background: -webkit-linear-gradient(#203745, #334a58);
        background: -o-linear-gradient(#203745, #334a58);
        background: -moz-linear-gradient(#203745, #334a58);
        background: linear-gradient(#203745, #334a58);
        padding: 10px !important;
    }

        .TitleContainer.mobileHeaderBottom i {
            top: -5px !important;
            float: right;
            cursor: pointer;
            color: #5e95c0;
        }

    .AddEditClientBtn {
        margin-top: -4px;
    }

        .AddEditClientBtn img,
        .AddEditStaffBtn img {
            display: none;
        }

        .AddEditClientBtn i,
        .AddEditStaffBtn i {
            display: block !important;
            margin-right: 15px;
        }

    .clients .HealthcareForm .Line {
        margin-top: 80px;
        height: 360px;
    }

    .clientsSpacer {
        display: none;
    }

    /*    .SubNav .Item {
            width: 50% !important;
            margin-right: 0;
        }*/

    .ProgramArea #contentContainer {
        padding: 0 10px 10px 10px;
        width: 403px;
    }

    .ProgramArea textarea#programGoal {
        min-width: 375px !important;
        max-width: 375px !important;
    }

    .ProgramArea button.addObjectiveBTN {
        margin-left: 0 !important;
    }

    #btnLinks {
        display: inline-block;
    }

        #btnLinks img {
            margin-right: 1px;
        }

    .introHeadTxHome {
        margin-top: 25px;
    }

    #addTargetBtn {
        margin-left: 420px;
    }
}

@media only screen and (max-width: 1024px) {
    .publicHeader {
    }

    .schedulerTopNavTitle {
        display: none;
    }

    .calendar_default_main {
        top: 72px !important;
    }

    .schedulerTopNavBar {
        top: 70px !important;
    }

    .groupApplist-headingFilters {
        margin-top: 25px;
    }

    .scheduleTopBar {
        margin-top: 10px;
    }
}

@media only screen and (max-device-width: 767.98px) {
    .schedulerTopNavTitle {
        display: none;
    }

    .calendar_default_main {
        top: 45px;
    }

    .schedulerTopNavBar {
        top: 60px !important;
    }

    .groupApplist-headingFilters {
        margin-top: 45px;
    }

    .mobileMenuDiv {
        display: block !important;
    }
}

@media only screen and (max-device-width: 767.98px) and (orientation: landscape) {
    .mobileMenuDiv {
        display: none !important;
    }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) {
    .navigator_default_month {
        top: 181px;
    }

    .calendarBottomFields {
        margin-top: 48px !important;
    }
}

div.highcharts-container {
    padding-bottom: 20px;
}

svg[width="740"][height="400"] {
    padding-bottom: 10px;
}

.removeBillingCodeHeader {
    background: #ccc;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #241320;
    padding: 7px;
}

.removeBillingCodeContent {
    color: #443a4d;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    padding-top: 12px;
    padding-left: 10px;
}

.removeBillingCodeChooseMain {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #241320;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 10px;
}

.disorderCheckbox {
    margin-right: 10px;
    float: right;
}

.replacementCodeContent {
    color: #3c5f8a;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.developmentDisorders {
    background: #fefefe;
}

.replacementCodeContentAutistic {
    background: #f3f3f3;
    border-bottom: 1px solid #dbdbdb;
    border-top: 5px solid #d1d2d4;
    padding: 8px;
    border-left: 1px solid #dbdbdb;
}

.replacementCodeContentDevelopment {
    background: #fff;
    padding: 8px;
    border-left: 1px solid #dbdbdb;
}

.dontReplace {
    background: #efefef;
    border-left: none;
}

label.dontReplace {
    color: #3c5f8a;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.billingConfirmButton,
.billingcancelButton {
    height: 20px;
    width: 85px;
}

.billingcancelButton {
    float: left;
}

.billingConfirmButton {
    float: right;
}

.removeBillingCancelButton {
    margin-top: 20px;
}

.funderCompanyAccount {
    display: inline-block;
    margin-right: 5px;
}

.payrollRadioDiv span {
    float: left;
    margin: 0 5px;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.payrollRadioDiv input {
    float: left;
    margin-top: 4px;
}

    .payrollRadioDiv input[type="text"] {
        float: left;
        margin-top: -2px;
        width: 60px;
        padding: 0 5px;
    }

.payrollTitle {
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-top: 20px;
}

.payrollAssignBtn {
    border: 1px solid #ccc;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
    width: 150px;
    float: right;
    cursor: pointer;
}

    .payrollAssignBtn i {
        font-size: 10px;
    }

.payRollTable {
    margin: 5px 0;
}

    .payRollTable table {
        color: #686868;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        border: 1px solid #ccc;
        width: 100%;
        font-size: 12px;
        table-layout: fixed;
    }

        .payRollTable table tr th {
            font-weight: 700;
            padding: 10px 5px;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

            .payRollTable table tr th:last-child {
                border-right: none;
            }

        .payRollTable table tr td {
            font-weight: 600;
            padding: 10px 5px;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .payRollTable table tr td.dates {
                font-size: 0.7em;
            }

            .payRollTable table tr td:last-child {
                border-right: none;
            }

        .payRollTable table span {
            cursor: pointer;
        }

.payrollAssignDiv {
    position: relative;
}

.payrollAssignCodePopup {
    position: absolute;
    top: -40px;
    margin-left: 185px;
    border: 1px solid #ccc;
    width: 420px;
    padding: 10px;
    background: #fff;
    z-index: 999;
}

.payrollAssignCodePopupLeft {
    width: 128px;
    border: 1px solid #ccc;
    padding: 10px 5px;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    float: left;
}

.payrollAssignCodePopupRight {
    border-left: none;
}

.payrollAssignCodePopupFields {
    border-top: none;
    padding: 0;
    font-weight: 600;
}

    .payrollAssignCodePopupFields input,
    .payrollAssignCodePopupFields select {
        border: none;
        width: 100%;
        padding: 10px 5px;
        font-weight: 600;
    }

    .payrollAssignCodePopupFields input {
        padding-bottom: 11px;
        padding-top: 4px !important;
    }

.payrollAssignCodePopupvSalary {
    width: 150px !important;
}

.payrollSaveBtn {
    float: left;
    background: #2a475c;
    height: 20px;
    margin-top: 6px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    border: none;
    box-shadow: none;
}

.payrollDeleteBtn {
    float: left;
    background: #d9534f;
    height: 20px;
    margin-top: 6px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    border: none;
    box-shadow: none;
    margin-left: 10px;
}

.payrollCancelBtn {
    float: left;
    background: #fff;
    height: 20px;
    margin-top: 6px;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-left: 10px;
}

.payrollPopupBtns {
    float: right;
}

.payrollAssignDate {
    width: 100px;
}

.billingDateText {
    color: #2a485c;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.billingExportDates {
    color: #686868;
    margin-bottom: 10px;
}

.payrollRadioDiv i {
    color: #f59733;
    margin-top: 0;
    font-size: 18px;
    cursor: pointer;
}

.billingExportEntries {
    position: relative;
    margin-bottom: 10px;
    margin-top: 1.5em;
}

.billingExportHelp {
    border: 1px solid #ccc;
    padding: 10px;
    min-width: 100px;
    max-width: 350px;
    width: auto;
    position: absolute;
    top: -7px;
    left: 175px;
}

.billingExportBottom {
    margin-top: 50px;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 10px;
}

.payRollExportButton {
    margin-left: 150px;
}

.groupCalendarFilterCheckBoxes {
    width: 220px !important;
}

div.checkBoxContainer.groupCalendarFilterCheckBoxes div {
    width: 150%;
}

.navigator_default_cell,
.navigator_default_dayother,
.navigator_default_select {
    line-height: 24px !important;
    height: 24px !important;
}

.blackColor {
    color: #333;
}

input.reportingDashboardMultiCheckboxes {
    width: 20px !important;
    padding: 0 !important;
}

.red-tooltip + .tooltip > .tooltip-inner,
.tooltip-arrow {
    background-color: #fff;
    color: #000;
}

#funderToolbar {
    width: 200px;
    float: right;
    margin: 14px;
}

    #funderToolbar .panel-title {
        font-size: 14px;
    }

    #funderToolbar .panel-heading {
        padding: 5px 5px;
    }

.funderBorderMain {
    border: 1px solid #ccc;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #333;
}

.addFunder_funderName {
    color: #2c485e;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    background: #f1f1f1;
    padding: 10px;
    text-transform: capitalize;
}

.addfunderBlueBtn {
    background: #29485a;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 15px;
}

.addfunderRedBtn {
    background: #692729;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 15px;
}

.addfunderbtnGap {
    margin-left: 15px;
}

.addfunderBodyDiv,
.addfunderHeaderDiv {
    padding: 10px;
}

.addfunderRightBtn {
    float: right !important;
    text-align: right;
}

.addfunderBoldSpan {
    color: #2a495e;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
}

.addFunderTextMargin {
    margin-top: 5px;
    margin-bottom: 10px;
}

.addFunderBorderBottom {
    border-bottom: 1px dotted #ccc;
    margin: 15px 15px 0 15px;
}

.addFunderPayorName {
    font-weight: 700;
}

div#month {
    height: 365px !important;
    top: 70px !important;
}

.bubble_default_main {
    z-index: 10000 !important;
}

.clientAuthTitle {
    color: #555;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 6px;
}

.AuthBillingCodeBtn {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
}

    .AuthBillingCodeBtn a,
    .AuthBillingCodeBtn a:focus,
    .AuthBillingCodeBtn a:hover {
        background: #f49330;
        text-align: center;
        padding: 0 10px;
        border-radius: 15px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 5px;
        text-decoration: none;
        cursor: pointer;
    }

.AuthFormHeader {
    background: #f5f5f5;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.AuthFormBlueBg {
    clear: both;
    background: #29475b;
    padding: 15px;
    color: #fff;
    font-size: 12px !important;
}

.AuthorizationForm .distributeUnitsDiv span {
    color: #fff;
}

.AuthorizationFormPopup .ngdialog-content {
    max-height: 85vh;
    overflow-y: auto;
}

.authFormGradientBg {
    background: -webkit-linear-gradient(#c4c4c4, #f3f3f2);
    background: -o-linear-gradient(#c4c4c4, #f3f3f2);
    background: -moz-linear-gradient(#c4c4c4, #f3f3f2);
    background: linear-gradient(#c4c4c4, #f3f3f2);
    padding: 5px 0;
}

.authBillingInfo {
    padding: 0 0 15px 0;
    margin-top: 15px;
    color: #717171;
    position: relative;
}

.authBillingInfoTop {
    background: #f5f5f5;
    padding: 15px 0;
    margin-bottom: 15px;
}

.authDelDiv {
    position: absolute;
    right: 10px;
    width: 5px;
    cursor: pointer;
    top: -3px;
}

.authSaveBtn {
    width: 60px;
    background: #2a4759;
    border-radius: 15px;
    margin-top: 15px;
    margin-left: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
}

.authCancelBtn {
    float: right;
    background: #333;
    width: 60px;
    margin-bottom: 1px;
    border-radius: 15px;
    margin-top: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.chosen-container,
.chosen-container-multi {
    width: 200px !important;
}

.clientAuthorizationDates input.datepicker {
    width: 88px;
    background: transparent url(/Images/icons/Calendar.png) no-repeat top right;
    border: 1px solid #ccc;
    padding: 3px !important;
}

.dssInput {
    height: initial !important;
}

.btn-primary {
    background-color: #2a485b !important;
}

.btn-remove {
    color: #fff;
    background-color: #692729 !important;
}

@media only screen and (min-width: 320px) {
    .clientSchedulingAnswerChecboxInner li {
        list-style: none;
        display: inline-block;
        width: 43%;
    }
}

@media only screen and (min-width: 480px) {
    .clientSchedulingAnswerChecboxInner li {
        list-style: none;
        display: inline-block;
        width: 43%;
    }
}

.pointer {
    cursor: pointer;
}

.dataentry-viewdata {
    background-color: #fff;
}

    .dataentry-viewdata .viewDataTable {
        font-size: 12px !important;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.3);
        box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.3);
        width: 100%;
        margin-bottom: 30px;
    }

        .dataentry-viewdata .viewDataTable tr th {
            background-image: url(/Images/gradBG_orange.jpg);
            line-height: 15px;
            padding: 10px !important;
        }

        .dataentry-viewdata .viewDataTable td,
        .dataentry-viewdata .viewDataTable th {
            padding: 5px 0 5px 10px !important;
            font-size: 11px;
            border: none;
            border-bottom: 1px solid #ccc;
        }

button[ng-click="deleteTrialSet(trialSet,target)"] {
    background-image: url(/Images/HealthCare/Home/Icons/cta3-b-delete.png);
}

.dataentry-viewdata .viewDataTable td.center,
.dataentry-viewdata .viewDataTable th.center {
    text-align: center;
}

.dataentry-viewdata .target-content [ng-if="target.TrialSetList.length==0"] {
    font-size: 12px !important;
}

.dataentry-viewdata h1 {
    margin: 10px 0 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.dataentry-viewdata h2 {
    margin: 10px 0 5px 0;
    font-size: 16px;
}

.dataentry-viewdata p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
}

.dataentry-viewdata .objective-item h3 {
    margin: 0 5px 0 0;
}

.dataentry-viewdata .objective-item-description {
    margin: 5px 0 8px 26px;
    display: block;
    font-size: 12px;
    min-height: 26px;
    vertical-align: central;
    line-height: 16px;
}

.dataentry-viewdata .objective-data {
    color: #2a4959;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    line-height: 2.5em;
}

    .dataentry-viewdata .objective-data i {
        margin-right: 5px;
        font-size: 1.5em;
    }

.dataentry-viewdata .target-content {
    padding-left: 27px;
}

    .dataentry-viewdata .target-content.task-analysis-content {
        padding-left: 0;
    }

.dataentry-viewdata .mastered-icon {
    font-size: 12px;
    color: #fdb93e;
}

.dataentry-viewdata .step-detail {
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

    .dataentry-viewdata .step-detail h2 {
        margin-top: 7px;
    }

.dataentry-viewdata .detail-row td {
    position: relative;
}

.dataentry-viewdata .detail-row .view-detail {
    position: absolute;
    top: -9px;
    color: #fdb93e;
    font-weight: 700;
    background: #fff;
    cursor: pointer;
    line-height: 16px;
}

.dataentry-viewdata .detail-row .fa-plus {
    color: #2a4959;
}

.dataentry-viewdata .detail-row .fa-minus {
    color: red;
}

.dataentry-viewdata .viewDataTable tr.has-detail td {
    border-bottom: 1px dashed #ccc;
}

.dataentry-viewdata .detail-row .prompt {
    width: 15px;
    background: red;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    line-height: 15px;
}

    .dataentry-viewdata .detail-row .prompt.correct {
        background: #2a4959;
    }

.dataentry-viewdata .detail-row .step-row {
    line-height: 20px;
}

.SessionGraphContainer {
    display: inline-block;
    margin-top: 6px;
}

button.btn.btn-sm.btn-default[ng-if="item.CanDelete"][ng-click="phaseChangeDelete(item)"] {
    border: none !important;
}

table.behaveDetails {
    width: 100%;
}

.behaveDetails td h2,
.behaveDetails th h2 {
    font-size: 11px;
    font-weight: 700;
}

button i.fa-close.fa {
    display: none;
}

@-moz-document url-prefix() {
    .dataentry-viewdata .viewDataTable {
        overflow-x: scroll;
    }

    div.ngdialog-content div.signatureparentdiv {
        margin-left: 0 !important;
    }
}

.resources-page .resources_content {
    border: 1px solid #ccc;
    overflow: hidden;
}

.resources-page .categories_sub_header {
    background: #ccc;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    color: #757575;
}

.resources-page .ResourcesNav {
    padding-right: 0;
    border-right: 1px solid #ccc;
    margin-right: -1px;
}

    .resources-page .ResourcesNav a {
        color: #7f7f7f;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .resources-page .ResourcesNav li.active a,
    .resources-page .ResourcesNav li:hover a {
        color: #7f7f7f;
        font-weight: 700;
    }

.resources-page .materialsResourceWrapper {
    border-left: 1px solid #ccc;
}

.resources-page .categories_header {
    min-height: 34px;
    text-align: left;
    color: #69a1cc;
    line-height: 1;
    font-size: 24px;
    letter-spacing: -1px;
    font-family: questrial, sans-serif;
    font-weight: 400;
    position: relative;
}

.resources-page .webinar-item {
    margin-bottom: 20px;
}

    .resources-page .webinar-item .webinar-image {
        width: 100%;
        height: 174px;
    }

    .resources-page .webinar-item .categoryname {
        border-style: solid;
        border-width: 0;
        background-color: #aaa;
        color: #fff;
        height: 50px;
        min-height: 27px;
        text-align: center;
        color: #fff;
        line-height: 2;
        font-size: 12px;
        font-family: questrial, sans-serif;
        font-weight: 400;
        position: relative;
        margin-top: 0;
    }

    .resources-page .webinar-item a {
        text-decoration: none;
    }

.resources-page .company-resources-folders {
    padding-top: 15px;
}

.account-abc-settings .text {
    color: #000;
    font-weight: 400;
}

.account-abc-settings h3 {
    margin-top: 0;
}

.account-abc-settings .fa {
    cursor: pointer;
}

div.popover-content div.form-group .btn-default.btn,
div.popover-content div.form-group .btn-primary.btn,
div.popover-content div.form-group input.btn-danger.btn {
    margin-left: 0 !important;
}

.resources-page .company-resources-folders {
    padding-top: 15px;
}

.account-abc-settings .text {
    color: #000;
    font-weight: 400;
}

.account-abc-settings h3 {
    margin-top: 0;
}

.account-abc-settings .fa {
    cursor: pointer;
}

div.BehaviorLearningTabContent h2 {
    font-size: 1em !important;
    font-weight: 700;
}

.media-body h4 {
    font-size: 16px;
    color: #2a485b;
    font-weight: 700;
    margin-bottom: 4px;
    cursor: pointer;
}

div[ng-controller="SubNavController"] div.row.SubNav {
    margin-left: 0px;
    margin-right: 0;
}

div.media-body {
    font-size: 0.9em;
}

.col-sm-3.BehaviorLearningTabNav {
    background-color: #ebe0d6;
    min-height: 1500px;
}

.nav-tabs > li > a {
    border: 1px solid #ccc !important;
    border-bottom: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #ebe0d6;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

div.BehaviorLearningTabNav div ul.left-tabs {
    list-style-type: none;
}

div.BehaviorLearningTabNav ul li.left-tab a b {
    display: inline-block;
    margin-right: 0.5em;
}

.left-tabs {
    list-style: none;
    padding-left: 0;
    margin-left: 1em;
}

    .left-tabs .left-tab.active,
    .left-tabs .left-tab:hover {
        background: #2a485b;
        color: #fff !important;
        border-top: 1px solid #2a485b;
        border-right: 1px solid #2a485b;
        border-bottom: 1px solid #2a485b;
        margin-bottom: 0.5em;
        font-size: 0.9em;
        padding-left: 1em;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #ebe0d6 !important;
}

.left-tab:hover {
    color: #fff !important;
}

.left-tabs .left-tab {
    background: #fff;
    border-left: #f59331 solid 5px;
    border-top: 1px solid #9bb2cc;
    border-right: 1px solid #9bb2cc;
    border-bottom: 1px solid #9bb2cc;
    display: block;
    font-size: 0.9em;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

    .left-tabs .left-tab:hover {
        cursor: pointer;
    }

ul.left-tabs li a span {
    color: #2a485b;
    text-decoration: none;
    padding: 0.7em 2.2em 0.6em 0;
}

    ul.left-tabs li a span:hover {
        color: #fff;
        text-decoration: none;
    }

.left-tabs .left-tab.active a span {
    color: #fff;
}

.col-sm-9.content-white.BehaviorLearningTabContent {
    border-right: 16px solid #ccc;
    min-height: 1000px;
    border-bottom: 1px solid #ccc;
    padding-left: 2em;
}

div div.col-sm-6 p {
    font-size: 0.9em;
}

div div.col-sm-6 h4 {
    font-size: 1em;
    font-weight: 700;
}

div.col-sm-6 a.cursor[ng-click="readMore(item)"] {
    font-size: 0.9em;
    cursor: pointer;
}

.programList {
    width: 267px;
    padding-left: 13px;
    padding-right: 0.4em;
    min-height: 2043px;
}

div#ViewPlanDiv h1.h1Smaller,
div.contentDiv h2,
div.contentDiv h2.h2,
h2.noMarginBottom.h2 {
    font-size: 13px;
    font-weight: 700;
}

    div.containerDiv h1.h1Smaller span.normalTx,
    div.contentDiv h2.h2 span,
    h1#planStartDate span.normalTxBig {
        font-weight: 400;
    }

div.containerDiv h1#planHeader_BS.h1 {
    font-size: 1.5em;
    margin: 0.6em 0 0.3em 0;
    display: block;
}

div#planHeaderBTNs button.recordDataBTN {
    display: block;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
}

button#headerPrintBTN {
    padding: 0.2em 0.5em;
    float: right;
}

div.containerDiv h2.goalsTx.h2 {
    font-size: 1em;
}

div.viewPlanContent.content-white.col-sm-9 {
    border-right: 16px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

div.BehaviorLearningTabNav.col-sm-3 div {
    margin-left: 0.3em;
}

div.step_container h2.title,
span#IEPtx {
    font-size: 0.9em;
    font-weight: 700;
}

h2.title span {
    font-weight: 400;
}

button.cancelPlanBTN.viewPlanBTN {
    position: absolute;
    top: 10px;
    right: 14px;
    padding: 0.3em;
    font-size: 12px;
}

#behaviorNameTx {
    width: 482px;
    border: 1px solid #ccc;
    height: 22px;
}

#behaviorDefinitionTx,
#behaviorJustificationTx,
#behaviorSeverityIntensityTx {
    width: 482px;
    height: 80px;
}

.col-sm-9.content-white.padding-top.padding-bottom {
    border-right: 17px solid #ebe0d6;
    border-bottom: 2px solid #ebe0d6;
    border-left: 1px solid #ebe0d6;
    min-height: 1200px;
    border-top: 2px solid #ebe0d6;
    padding-left: 2em;
}

.editBTN {
    border-radius: 5px;
    background-color: #fefeff;
    font-weight: 700;
    padding: 3px 6px 3px 4px;
    font-size: 11px;
    border: solid 1px #f59331;
    text-align: center;
}

ul.nav-tabs.nav li a {
    color: #383636;
    font-size: 0.9em;
}

ul.nav-tabs > li > a:hover {
    background-color: #efeae5;
}

div.programList.col-sm-3 {
    padding-left: 1.8em;
    min-height: 1500px;
}

span.lessonTx {
    font-size: 11px;
    display: inline-block;
    width: 93%;
}

div.step_container label {
    font-size: 0.9em;
}

#nameDefinitionTx {
    font-size: 12px;
    max-width: 650px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

    #nameDefinitionTx div {
        display: inline-block;
        margin-right: 6px;
        width: 207px;
        font-size: 11px;
        vertical-align: top;
    }

div#goalsList div.sidebarInfo h5 {
    font-size: 0.8em;
}

.headerBreakTx {
    position: absolute;
    background-color: #fff;
    top: -34px;
    font-size: 14px;
    padding: 5px 10px;
    color: #4a4a4a;
    left: 11px;
}

div.step_container {
    margin-bottom: 1.5em;
}

.nav-tabs {
    border: none !important;
}

div.h2.functionSkills {
    font-size: 1em;
    font-weight: 700;
}

div#objectivesSection div h2.h2,
div#step6_introContent h2.h2 strong {
    font-size: 13px;
}

div.boxShadow div#goalContent div button.cancelPlanBTN {
    float: none;
    position: relative;
    left: 630px;
}

.col-sm-9.content-white.BehaviorLearningTabContent,
div.viewPlanContent.content-white.col-sm-9 {
    border-bottom: 2px solid #ebe0d6;
    border-left: 1px solid #ebe0d6;
    min-height: 1500px;
    border-top: 2px solid #ebe0d6;
}

#sidebarList2 {
    max-height: 211px;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 235px;
}

div.ngdialog-content div.signatureparentdiv {
    margin-left: 0 !important;
}

.stepHeaderPrefix {
    color: #f67d0a;
    font-weight: 700;
}

#defineBehaviorCheckBox {
    color: #333;
}

#behaviorNameTx {
    width: 482px;
    border: 1px solid #ccc;
    height: 22px;
}

#behaviorDefinitionTx {
    width: 482px;
    height: 80px;
}

#behaviorJustificationTx {
    width: 482px;
    height: 80px;
}

#IEPtx {
    font-size: 12px;
    font-weight: 400;
}

input,
textarea {
    padding: 3px;
}

.planContainer {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 0;
}

    .planContainer.edit_container {
        -webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        -moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.45);
        padding: 20px;
        margin-top: 30px;
        position: relative;
    }

.radioBTNs input {
    display: inline;
    font-weight: 400;
}

.radioBTNs span {
    font-weight: 400;
}

#behaveIsToTx {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    padding-top: 20px;
}

#whichMethodTx {
    margin-bottom: 20px;
}

#mainBTNs {
    margin-top: 19px;
    margin-left: 231px;
}

    #mainBTNs button {
        display: inline;
    }

.edit-btns {
    text-align: left;
    padding-top: 20px;
}

#whichMethodTx .radioBTNs {
    margin-top: 8px;
}

#startDateInput {
    width: 100px;
}

#planInput {
    width: 330px;
}

select#planInput {
    width: 300px;
}

#addToPlanBTN {
    margin-left: 523px;
    border-radius: 5px;
    background-color: #506e7d;
    color: #fff;
    font-weight: 700;
    padding: 6px 8px;
    text-align: center;
    font-size: 12px;
    width: 128px;
    border: 1px solid rgba(102, 102, 102, 0.57);
}

#behaviorIsTo {
    margin-bottom: 25px;
    padding-top: 10px;
}

.ABCTx {
    display: inline-block;
    width: 279px;
    line-height: 29px;
}

.baselineSumm {
    width: 30px;
    margin-right: 10px;
}

#addedAssessmentField {
    width: 261px;
    margin-right: 18px;
}

#viewGraphBTN {
    float: right;
    font-size: 12px;
    border: 1px solid rgba(102, 102, 102, 0.57);
    background-color: #fff;
    color: #506e7d;
    font-weight: 700;
    padding: 6px 8px;
    border-radius: 5px;
}

#funcOfBehaveSelector {
    width: 350px;
}

    #funcOfBehaveSelector .addTeamMemBTN {
        width: 350px;
        min-width: 350px;
        line-height: 18px;
        min-height: 30px !important;
    }

#addAssessmentBTN {
    margin-top: 15px;
    margin-left: 666px;
    border-radius: 5px;
    background-color: #fff;
    color: #506e7d;
    font-weight: 700;
    padding: 3px 5px;
    text-align: center;
    font-size: 12px;
    border: 1px solid rgba(102, 102, 102, 0.57);
}

#stepHeaderEditBTN {
    border-radius: 5px;
    background-color: #fff;
    color: #506e7d;
    font-weight: 700;
    padding: 1px 5px;
    text-align: center;
    font-size: 12px;
    border: 1px solid rgba(102, 102, 102, 0.57);
    margin-left: 5px;
}

#assessmentCloseBTN {
    position: absolute;
    left: 712px;
    background-color: #fff;
    border: none;
    padding-top: 5px;
}

.baselineEndedInput {
    margin-right: 8px;
}

#step2_editBTNs {
    float: right;
}

.baselineSummaryTX {
    margin-left: 40px;
    display: inline-block;
}

.ABCGraph {
    position: absolute;
    left: 500px;
    top: 40px;
    font-size: 11px;
}

.boxShadow {
    border: 1px solid #ccc;
    outline: 2px solid #ebe0d6 !important;
    padding: 20px;
    margin-top: 30px;
    position: relative;
    font-size: 13px;
}

.yesOrNo {
    float: right;
    font-size: 11px;
}

.QA {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.linedUpOptions {
    width: 340px;
    height: auto !important;
    float: left;
    margin-bottom: 5px;
    margin-right: 15px;
}

button.proactive_custStratBTN.addCustomSKillsBTN {
    margin-top: 1.5em;
}

.step4_container {
    margin-bottom: 20px !important;
    line-height: 30px;
    font-size: 12px !important;
}

.step3_addBTN {
    position: relative;
    right: -534px;
}

#step3_ifOtherTx {
    clear: right;
    margin-top: 15px;
    padding-bottom: 0;
}

#step3_getAttentionSect {
    display: block;
    margin-bottom: 15px !important;
}

.searchLessonLibraryBTN.customSkillsBTN {
    border-radius: 5px;
    background-color: #fff;
    color: #666;
    font-weight: 700;
    padding: 4px 7px;
    border: solid 1px #666;
    text-align: center;
    font-size: 11px;
    display: inline;
}

.addCustomSKillsBTN.customSkillsBTN,
.searchLessonLibraryBTN.customSkillsBTN {
    border-radius: 5px;
    background-color: #fff;
    color: #666;
    font-weight: 700;
    padding: 4px 7px;
    border: solid 1px #666;
    text-align: center;
    font-size: 11px;
    display: inline;
}

.functionSelector {
    width: 265px;
    margin-bottom: 16px;
    padding: 6px 6px;
}

#addToPlanStep3 {
    position: relative;
    top: -27px;
}

.addtoPlanBTN_step3 {
    margin-left: 342px;
    position: static;
    width: 90px;
    margin-top: 2em;
}

#addCustomSkillsPopup {
    width: 350px;
}

.proactiveBTN {
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #2a485c;
    background-color: #fff;
}

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

.possibleSkillsTx {
    margin-left: 253px;
    font-weight: 700;
}

div.getAttention span.h2 {
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
}

div.checkboxLayer div.checkBoxContainer {
    width: 350px;
}

.functionBTNs {
    margin-left: 310px;
}

#objective1Box {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    line-height: 30px;
}

div#objectivesSection h2.h2 span {
    font-size: 13px;
}

div.step_container h2.h2[ng-show="State.EditMode"] {
    font-size: 1em;
}

div#objective1Box input.roundedCorners,
div#objective1Box select.roundedCorners,
span input.roundedCorners,
select.roundedCorners {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-left: 5px !important;
    margin-bottom: 10px;
}

.planReviewNotification {
    padding: 5px;
    background-color: #fdf0e1;
    font-size: 13px;
    border-radius: 5px;
    width: 290px;
    text-align: center;
    margin: 25px 0 35px 0;
}

#step6_introContent h2 span {
    font-weight: 400;
    font-size: 13px;
}

.personResponTx {
    margin-left: 280px;
    margin-top: -16px;
    font-weight: 400;
    font-size: 13px;
}

#step6BTN {
    margin-left: 561px;
}

.specialtyChangesInput {
    width: 440px;
    margin-right: 5px;
}

#setNextPlanTx {
    display: none;
}

#changesTx {
    display: inline;
}

#planDataTable {
    width: 100%;
    font-size: 13px;
    margin-top: 25px;
}

    #planDataTable tr td {
        padding: 5px;
    }

#headerTitles {
    font-weight: 700;
}

#membersSelected {
    display: none;
}

#teamMemberSelector {
    display: none;
    margin-left: 15px;
    width: 200px;
}

#step6Notes {
    width: 450px;
    margin-right: 10px;
    margin-top: 20px;
}

#planDataTableTextInput {
    display: block;
    margin-top: 15px;
    margin-right: 5px;
}

#resetPlanDate {
    width: 90px;
}

#resetPlanReviewTx {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 20px;
    font-size: 1em;
    font-weight: 700;
}

#step6_reviewTable {
    width: 100%;
    font-size: 13px;
}

.dropdown-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.dropdown-select {
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    width: 200px;
    padding: 5px;
    font-weight: 400;
}

    .dropdown-select:after {
        content: " \25bc";
        position: absolute;
        right: 5px;
        font-size: 10px;
        color: #000;
        top: 7px;
    }

.members-dropdown {
    border: 1px solid #c7c7c7;
    width: 200px;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
}

    .members-dropdown .memberName {
        padding: 5px;
        cursor: pointer;
        margin: 5px 0;
        font-size: 13px;
    }

        .members-dropdown .memberName.selected:after,
        .members-dropdown .memberName:hover:after {
            content: "\2713";
            position: absolute;
            right: 5px;
        }

        .members-dropdown .memberName.selected,
        .members-dropdown .memberName:hover {
            background-color: #efefef;
            border: #999;
        }

            .members-dropdown .memberName.selected:hover:after {
                content: "\2717";
                position: absolute;
                right: 5px;
            }

#planReviewContent.functionSkills {
    border-bottom: none;
}

#step6_graphBTN {
    float: right;
    margin-top: -30px;
}

.containerDiv:last-of-type {
    border: none;
}

.caret {
    margin-right: 3px !important;
}

img[src="/images/information_icon.png"]:hover {
    cursor: pointer;
}

td.auto-style2 h2.h2,
td.auto-style4 h2.h2 {
    font-size: 1em;
    font-weight: 700;
}

div.createPlanBtnRow button.createPlanBTN {
    margin-top: 1em;
}

button.addBehaviorBTNnew.btn.btn-default {
    display: none;
}

a[ng-click="MaterialClick(R.Id); OpenDownloadUrl(R.resourceLocation)"] div img:hover {
    cursor: pointer;
}

div#materialsTx span:hover {
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {

    .ActiveTreatmentGoals:hover,
    .ActiveTreatmentGoalsSelected {
        background-color: #2a485c;
        color: #fff;
    }

    .ActiveTreatmentGoalDefault {
        color: #2a485c;
    }

    .ActiveTreatmentGoalsSelected span.lessonTx {
        color: #fff !important;
    }

    .ActiveTreatmentGoalDefault[ng-class="GetActiveBehaviorListItemStyle(behavior)"] {
        color: #2a485c;
    }

        .ActiveTreatmentGoalDefault[ng-class="GetActiveBehaviorListItemStyle(behavior)"] select {
            color: #fff;
        }

        .ActiveTreatmentGoalDefault[ng-class="GetActiveBehaviorListItemStyle(behavior)"]:hover {
            color: #fff !important;
        }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .back-to-clients {
        display: none !important;
    }

    .clientHeaderWrapper {
        padding-top: 46px;
    }

    div.SaveBTN {
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 0.3em;
    }

    div#contentContainerDataEntry.ng-scope {
        width: 100% !important;
        overflow-x: hidden;
    }

    .dataEnry_contentWrapper {
        width: auto !important;
        margin-bottom: 2em;
    }

    .saveData.SaveBTN {
        height: auto !important;
        font-size: 1em;
        width: 100% !important;
        position: static !important;
        margin-top: 0.5em !important;
        margin-bottom: 0.5em !important;
        padding-bottom: 0.3em;
    }

    .dataEntry_wrapper .record-form {
        width: 100% !important;
    }

    #contentContainerDataEntry span.ng-binding {
        font-size: 1.5em !important;
    }

    #topBTNs {
        left: 474px !important;
        width: 100% !important;
        display: none !important;
    }

    button.addNoteBTN_edu.btn-default {
        display: none;
    }

    .dataExpressHeaderTitle p {
        font-size: 1em !important;
        margin-bottom: 1em !important;
    }

    button[ng-click="OpenDataSheet()"],
    div#menu {
        display: none !important;
    }

    .col-sm-9.viewPlanContent,
    .viewPlanContent {
        width: 100% !important;
    }

    #headerPrintBTN {
        display: none !important;
    }

    .dataEnry_contentWrapper span.dataEntryBold {
        font-size: 1.3em !important;
    }

    .dataEntry_wrapper {
        width: 100%;
        margin-top: 0.5em;
        overflow-y: scroll;
    }

    .dataExpressHeaderTitle {
        margin-left: 30px;
        font-size: 2em !important;
        display: none;
    }

    .dataEnry_contentWrapper.learningGoalWrapper [ng-if="item.Model.TargetObjectiveText"] {
        display: none;
        font-size: 1.5em;
    }

    .dataEnry_contentWrapper.learningGoalWrapper #descriptionCopy.descriptionCopyDiv {
        display: none;
        font-size: 1.5em;
    }

    span.Edu_collectionTypeTx span[ng-if="attributes.CollectionType==4"] {
        font-size: 1.5em !important;
    }

    .goalButtons {
        margin-bottom: 2em;
        margin-top: 2em;
        padding-top: 2em;
        border-top: 2px solid #ccc;
    }

    .dataEntry_wrapper .record-masterable {
        font-size: 1.5em;
    }

    .boldTarget {
        font-size: 1.5em !important;
    }

    .goalDropdown {
        max-width: 330px;
    }

    #datePickerDiv {
        height: 47px !important;
        width: 200px !important;
        font-size: 1em;
    }

        #datePickerDiv input {
            font-size: 1.7em !important;
            height: 37px;
            width: 226px;
        }

        #datePickerDiv [src="/Images/icons/Calendar.png"] {
            margin-top: -67px;
            margin-left: 154px;
            height: 15px;
        }

    div.goalDropdown {
        margin-left: 27px;
    }

    div#theAddTargetBTN_edu {
        left: 677px !important;
        width: auto;
        font-size: 1.5em;
        color: #2a485b !important;
        font-weight: 700;
    }

    #descriptionCopy.descriptionCopyDiv span[ng-if="attributes.CollectionType==4"] {
        font-size: 2em !important;
    }

    .recordProbeData {
        font-size: 2em;
    }

    #interventionModeBTN {
        font-size: 0.8em;
    }

    .dataentry_targetselections .dataEntry_subBoxes {
        height: 28px !important;
        margin-left: -11px;
    }

    .saveData.btn {
        height: auto !important;
        width: auto !important;
        padding: 1em;
        font-size: 3em !important;
        left: 730px !important;
        top: 87px;
    }

    .dataEntry_wrapper .record-target-form {
        margin-bottom: 5px;
        font-size: 1.5em;
    }

    button#recordMasteryBTN.cancelPlanBTN {
        width: 260px;
        font-size: 1em;
    }

    .MasteryActionsWrapper button.cancelPlanBTN {
        width: 150px;
        font-size: 1em;
    }

    #contentContainerDataEntry {
        border: none;
        overflow-x: visible;
        max-height: inherit !important;
        width: 100% !important;
        font-size: 1em;
        padding: 0 !important;
    }

    .dataEntry_subBoxes.dataEntry_select {
        width: 70%;
        float: right;
        top: 36px;
        position: relative;
    }

    .dataEnry_contentWrapper .dataEntry_select.dropdown {
        margin-left: 0;
    }

    div#dataEnry_title_edu span {
        float: right;
        margin-right: -50px;
        font-size: 1.5em;
        margin-top: -8px;
        color: #90a1ab;
    }

    .dataEntry_select .target_item:last-of-type {
        border-bottom: none !important;
        left: 10px;
    }

    button.moreOptionBtn {
        font-size: 1.7em !important;
        padding: 0.5em !important;
        background-color: #fff !important;
        color: #666 !important;
        border: 1px solid #337ab7 !important;
    }

        button.moreOptionBtn:hover {
            background: #fff !important;
        }

    .well {
        border: none !important;
        box-shadow: none !important;
        height: 40px;
        padding: 0.1em 0 0 0 !important;
        margin-bottom: 0.6em !important;
    }

        .well button.btn-default {
            font-size: 1.5em !important;
            padding: 0.5em !important;
        }

    .MasteryActionsWrapper div.col-md-4.col-sm-12 {
        float: left;
    }

    .MasteryActionsWrapper div.col-md-3.col-sm-12 {
        left: 250px;
    }

    .dataEntry_wrapper input.custRadio {
        padding: 0.5em !important;
        font-size: 4em !important;
        height: 1.7em;
        width: 1.8em !important;
    }

    #opp_minusImg {
        left: 218px;
        top: -48px !important;
        float: left;
        margin-left: 0 !important;
    }

    .blueTx {
        font-size: 0.8em;
        padding-left: 0 !important;
    }

    div#clientTime {
        position: static !important;
        margin-top: 0.8em;
        width: 450px;
    }

        div#clientTime input {
            width: 55px !important;
        }

        #contentContainerDataEntry span.ng-binding[ng-show="record.error"],
        div#clientTime input {
            font-size: 1.7em !important;
        }

    #durationTable {
        width: 230% !important;
        font-size: 0.7em;
    }

        #dailySummary span,
        #durationTable select,
        .targetTx {
            font-size: 1em !important;
        }

    div#dailySummary {
        width: auto;
    }

    div#saveCancelWrapper {
        width: 245px;
        margin-left: 72% !important;
    }

        div#saveCancelWrapper span {
            padding: 1em;
            font-size: 1em;
        }

            div#saveCancelWrapper span.btn-default[ng-click="cancelDetails(record)"] {
                margin-right: 0.5em;
            }

    #clientTimeWrapper row div.blueTx {
        margin-bottom: 1.2em !important;
    }

    .durationWrapper input[type="radio"] {
        font-size: 3em;
    }

    #dataEntryTable {
        width: 430px;
    }

    select#behaviorSelector {
        margin-left: 0.5em !important;
        height: 39px !important;
        font-size: 1.5em !important;
    }

    .durationWrapper button.btn-primary[ng-click="addDetail(record)"] {
        width: auto !important;
        font-size: 2em;
    }

    .PercentCorrectInput {
        margin-left: 100px;
    }

    #incorrectInput {
        left: 125px;
        top: -54px;
    }

    .dataEntry_wrapper .record-form input {
        padding: 2.5em;
        border: 2px solid #ccc;
    }

    #durationTable span.boldTx.blueTx {
        font-size: 1.5em !important;
    }

    #contentContainerDataEntry input:disabled {
        border-color: #ccc !important;
    }

    .durationWrapper input {
        padding: 1.5em !important;
    }

    input.PercentCorrectInput.custom_input.PercentTaskAnalysis_false {
        padding: 0.5em 0 !important;
        margin-left: 347px;
        width: 1.8em !important;
    }

    .custom_input {
        font-size: 1.2em !important;
        font-weight: 700 !important;
    }

    .mobileCustInput {
        margin-left: 40px;
        font-size: 0.7em !important;
        width: 3em !important;
    }

    #opp_plusImg {
        left: 92px;
        font-size: 1em !important;
        float: left;
    }

    .durationWrapper select {
        height: 4.6em;
    }

    div.ngdialog-content .dataentry-viewdata p {
        font-size: 1em;
    }

    #ngdialog2 [style="padding:20px;"] div.FloatContainer {
        font-size: 0.7em;
        margin-bottom: 2.4em;
        display: inline-block;
    }

        #ngdialog2 [style="padding:20px;"] div.FloatContainer p {
            margin-bottom: 2.6em;
        }

    .frequencyFormWrapper input[ng-model="record.data.NumberOfTimes"] {
        width: 5.8em !important;
        padding: 1em !important;
    }

    #addTargetHeader {
        background-color: #fff !important;
    }

    div#addTargetPopUp select {
        width: 100% !important;
        font-size: 0.8em !important;
    }

    #targetFormSaveBTN {
        font-size: 1em;
        padding: 0.5em !important;
    }

    .dataEnry_contentWrapper .dropdown.dataEntry_select {
        left: 102px;
        font-size: 1em;
        width: 198px;
        top: 102px;
    }

    table#intTable {
        width: 76% !important;
    }

    .radioInput_DE {
        padding: 1em;
        border: 1px solid #ccc;
    }

        .radioInput_DE label {
            font-size: 1.7em;
        }

    .radioInputWrapperDiv,
    label.bluePromptBG,
    label.greyPromptBG {
        border: none !important;
    }

    td.stepText {
        font-size: 1.8em;
    }

    td.TaskAnalysisTD .labelContainer {
        height: 6em !important;
        width: 140px !important;
    }

    td div.ng-scope.ng-binding[ng-if="isTaskAnalysis"] {
        font-size: 1.8em;
    }

    td.TaskAnalysisTD i#opp_minusImg {
        top: -2px !important;
    }

    .dataEnry_contentWrapper {
        position: relative;
        margin-top: 0 !important;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    #dataEnry_title {
        width: 13.5em !important;
        margin-top: -0.1em;
    }

    #clientPickerWrapper div.ChildPicker {
        margin-left: 1.3em;
        margin-top: 0;
        padding-bottom: 0;
    }

    #clientPickerWrapper {
        padding-bottom: 0 !important;
        margin-bottom: -20px;
        position: relative;
        z-index: 1950;
    }

    div.de_TitleHeader {
        margin-left: 1em;
        display: none;
    }

    .ngdialog.ngdialog-theme-default .ngdialog-content {
        overflow: scroll !important;
    }

    .dataEnry_contentWrapper button.Top {
        margin-right: 0 !important;
        padding: 0.4em 0.6em;
    }

    .ChildPicker select {
        width: 86%;
        z-index: 1800;
    }

    #dailySummary {
        position: static !important;
        float: none;
        margin-bottom: 1em !important;
    }

    #clientTimeWrapper {
        font-size: 1.2em;
    }

    .FloatContainer {
        margin-bottom: 0 !important;
    }

    #dailySummaryTx {
        position: static !important;
    }

    #sidebarDropdown {
        display: block !important;
        float: right;
        margin-right: 18px;
        margin-top: -35px;
        font-size: 1.5em !important;
    }

        #sidebarDropdown #sidebarContentMenu ul.sidebarNav.dropdown-menu {
            left: -307px;
            max-height: 400px;
            overflow-y: auto;
            max-width: 325px;
            overflow-x: hidden;
            min-width: 325px;
        }

    #theAddTargetBTN {
        position: static !important;
        padding: 0 !important;
    }

    div.dropdown button#dLabel {
        background-color: #f9fcfe;
        margin-left: 0.9em;
        margin-top: 5.5em;
        display: block;
        color: #2a475c;
        font-weight: 700;
        border: 1px solid #ccc;
        border-bottom: none;
        border-top: 3px solid #337ab7;
        padding: 0.5em;
        position: relative;
        top: 2px;
        z-index: 100;
    }

    ul.dropdown-menu .hc_dropMenu {
        width: 100%;
        margin-left: 0.9em;
        position: relative;
        top: 2px;
        z-index: 100;
    }

    ul.hc_dropMenu.dropdown-menu li a {
        color: #2a475c;
        font-weight: 700;
        padding: 0.6em 0.5em 0.5em 1em;
        border-bottom: 1px solid rgba(42, 71, 92, 0.2196078431372549);
    }

    div.open.dropdown ul.hc_dropMenu.dropdown-menu {
        margin-left: 1em !important;
    }

    .noBorder {
        border: none !important;
    }

    ul.hc_sidebarNav.sidebarNav.dropdown-menu li a {
        color: #2a475c;
        font-weight: 700;
        padding: 0.6em 0.8em 0.5em 1em;
        border-bottom: 1px solid rgba(42, 71, 92, 0.2196078431372549);
        font-size: 0.8em;
    }

    #clientTime [name="fromMinutes"],
    #clientTime [name="toMinutes"] {
        top: 0.2em;
        position: relative;
        font-size: 1.5em !important;
        max-height: 35px;
    }

    .FloatContainer .ra-btn {
        width: 60px !important;
        margin-right: 0.5em;
        margin-top: 1em;
    }

    div.dataEnry_contentWrapper #dataEntry_date {
        top: 42px !important;
        position: absolute !important;
        left: 67%;
        font-size: 0.9em;
    }

    table#durationTable tr td input {
        max-height: 30px;
        margin-bottom: 0.3em;
    }

    .ProgramArea {
        margin-top: 0 !important;
    }

    table.de_table {
        width: 100%;
        margin-top: 2em;
    }

        table.de_table tr td {
            width: 70px !important;
        }

    .isTaskAnalysisLabel img#opp_minusImg,
    .isTaskAnalysisLabel img#opp_plusImg {
        margin-right: 0;
    }

    table.de_table td input[ng-change="updatePercent()"] {
        margin-left: 0 !important;
        float: left;
        width: 2.5em !important;
    }

    .promptInputs {
        width: 35px;
        padding: 6px;
    }

    button#moreOptBtn {
        display: block !important;
        padding: 0.2em 0.4em;
        font-size: 0.8em;
        border-radius: 0.8em;
        font-weight: 700;
    }

    .dropdown-menu.sidebarNav h1 {
        font-size: 1em;
        font-weight: 700;
        background-color: #2a475c;
        width: 100%;
        padding: 0.5em 0.5em 0.5em 0.8em;
        margin: 0;
        display: block;
        color: #fff;
    }

    span.smTargetTx {
        font-size: 0.9em;
    }

    .dataEntry_wrapper [ng-if="(item.LearningProperties.CollectionType != 5 || record.IsBaseline) && !record.IsMasterObjective && !(record.MasteryStatus > 1)"] {
        width: 15em;
    }

    .isTaskAnalysisLabel input.custom_input {
        margin: 0 0 0 0.3em !important;
    }

    .ngDialogTitle button.pull-right.btn-default[ng-click="PrintPopup()"] {
        display: none;
    }

    #sidebarBtn.fa {
        font-size: 1.5em;
    }

    div.hc_custDropdown.dropdown {
        border-bottom: 1px solid rgba(204, 204, 204, 0.53);
        position: relative;
        z-index: 1500;
    }

    #mobileABC {
        float: right;
        margin-right: 1em;
        text-decoration: underline;
    }

    ul.hc_sidebarNav.sidebarNav.dropdown-menu li a:active {
        background-color: #2a475c;
        color: #fff;
    }

    div[ng-show="record.dateRangeError"] {
        width: 100%;
    }

    .ngdialog.ngdialog-theme-default .ngdialog-content {
        overflow: scroll !important;
    }

    .dataentry-viewdata {
        padding-bottom: 10em !important;
    }

    .ChildPicker i.fa.fa-caret-down {
        position: absolute;
        right: 7.3em;
        top: 1.5em;
    }

    .ChildPicker select {
        background-position: 100%;
        margin-bottom: 0.7em;
        z-index: 1800;
    }

    span.dataEntry_select {
        background-position: 100%;
    }

    .dataEnry_contentWrapper.learningGoalWrapper div[ng-show="item.IsPretest && !item.Model.Records[0].IsBaseline"] {
        font-size: 0.9em;
    }

    .presentItFixedAboveAllControls.ui-widget.ui-dialog {
        width: 100% !important;
        top: 60px !important;
        overflow: scroll !important;
    }

    #detailHistoryPopup div#HistoryDataContainer.HistoryDataContainer {
        overflow: scroll !important;
    }

    #detailHistoryPopup.ui-dialog-content h2 {
        font-size: 1.3em;
        width: 90%;
    }

    .ui-widget-content #detailHistoryPopup {
        top: 6%;
    }

    .dontshowagaintx,
    .whatsnewtx {
        color: #f3923d !important;
    }

    .dontshowagaintx {
        background-color: #fff;
        padding: 0.1em;
    }

    .planContainer.edit_container {
        width: 100% !important;
    }

    #planInput {
        width: 310px !important;
    }

    #behaviorNameTx {
        width: 342px !important;
    }

    #behaviorDefinitionTx {
        width: 341px !important;
    }

    #funcOfBehaveSelector .addTeamMemBTN {
        width: 302px !important;
        min-width: 0 !important;
    }

    span.strategyName {
        font-size: 11px !important;
        width: 260px;
        display: inline-block;
    }

    #nameDefinitionTx,
    #nameDefinitionTx div {
        width: 100%;
    }

    div#step6_introContent div.dropdown-select {
        margin-top: 0.5em;
    }

    .dropdown-select:after {
        top: 14px;
    }

    #step6_graphBTN {
        float: none;
    }

    div#step6_introContent h2.h2 strong {
        font-size: 12px;
    }

    .functionBTNs {
        margin-left: 0;
    }

    #step2_editBTNs {
        margin-bottom: 1em;
    }

    div.checkboxLayer div.checkBoxContainer {
        width: 300px;
    }

    .ui-multiselect {
        margin-left: 0 !important;
        top: 0 !important;
        margin-bottom: 1em;
    }

    div.customSkillsSect .h2 {
        margin-top: 0;
    }

    .personResponTx {
        margin-left: 0 !important;
        margin-top: 6px !important;
    }

    .jwplayer .jwexactfit {
        width: 70% !important;
        height: 70% !important;
    }

    #lessonVideo_display_button {
        margin-top: -56px !important;
        margin-left: 121px;
    }

    ul li.ActiveTreatmentGoalsSelected a {
        color: #fff !important;
    }

    button.addBehaviorBTNnew.btn.btn-default {
        display: block !important;
    }

    .nav > li > a {
        padding: 8px 10px !important;
    }

    .addtoPlanBTN_step3 {
        margin-left: 0 !important;
    }

    div.ui-widget-content.ui-corner-all[aria-labelledby="ui-id-2"] {
        width: 100% !important;
        top: 579px;
    }

    div#ui-id-1 a.button span {
        color: #000;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 5px 11px;
    }

    #addToPlanStep3 {
        position: static;
        margin-top: 10px;
    }

    .ui-widget-content[aria-labelledby="ui-id-6"] button.ui-dialog-titlebar-close {
        top: 18px !important;
        background-color: #fff !important;
    }

    .ContentWrapper {
        overflow-x: scroll;
    }

    #contentContainerDataEntry .dataEnry_contentWrapper #dataEnry_title_edu,
    #contentContainerDataEntry .dataEnry_contentWrapper #hrDivider,
    #contentContainerDataEntry .dataEnry_contentWrapper div#dataEnry_title_edu,
    .ChildPickerAge,
    .SubNav.row,
    .col-sm-3.BehaviorLearningTabNav,
    .dataEnry_contentWrapper div span.dataEntryBold,
    .dataEnry_contentWrapper span[ng-if="attributes.CollectionType==3"],
    .dataEnry_contentWrapper span[ng-if="attributes.CollectionType==4"] .dataEnry_contentWrapper span[ng-if="attributes.CollectionType==5"],
    .de_topCopy,
    .headerSpacer,
    .learningGoalWrapper button#probeBTN,
    .mobileHeaderMonth,
    .mobileHide,
    .ngdialog-overlay,
    .phaseChangeBtn,
    .questionMark,
    .ui-widget-content[aria-labelledby="ui-id-2"] button.ui-dialog-titlebar-close[type="button"],
    .viewDataBtn_largeview,
    .well div[ng-show="item.IsPretest && !item.Model.Records[0].IsBaseline"],
    [ng-if="record.EditTarget !== true"] .btn-default,
    div#ActiveTreatmentGoalsContent div.ProgramArea div.programList,
    div.content-blue-light.row[ng-controller="PlanViewController"] div.programList,
    div.programList.col-sm-3,
    div.row.SubNav[ng-controller="SubNavController"],
    div.ui-front.ui-widget-overlay,
    span.possibleSkillsTx {
        display: none !important;
    }

    div#ActiveTreatmentGoalsContent {
        width: 100%;
    }

    .sidebarNav.hc_sidebarNav .dropdown-submenu.automastery h1 {
        width: unset;
    }

    .dropdown-submenu.automastery {
        display: flex;
        align-items: center;
        background-color: #2a475c;
    }

    .dropdown-menu.automastery-dropdown {
        width: 55%;
        float: right;
        right: 6px;
        top: 25px;
        left: unset;
        box-shadow: rgb(0 0 0 / 23%) 2px 10px 12px;
        padding: 10px !important;
    }

        .dropdown-menu.automastery-dropdown div {
            color: #2a485c;
        }

        .dropdown-menu.automastery-dropdown .automastery-close {
            color: #2a485c;
            cursor: pointer;
            float: right;
            width: 25px;
            height: 25px;
            border-radius: 100%;
            border: 1px solid;
            text-align: center;
            padding: 2px;
            margin-bottom: 10px;
            font-size: 16px;
        }

    .automastery-dropdown_btn {
        display: flex;
        align-items: center;
    }
}

.resources-page .resources_content {
    border: 1px solid #ccc;
    overflow: hidden;
}

.resources-page .categories_sub_header {
    background: #ccc;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    color: #757575;
}

.resources-page .ResourcesNav {
    padding-right: 0;
    border-right: 1px solid #ccc;
    margin-right: -1px;
}

    .resources-page .ResourcesNav a {
        color: #7f7f7f;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .resources-page .ResourcesNav li.active a,
    .resources-page .ResourcesNav li:hover a {
        color: #7f7f7f;
        font-weight: 700;
    }

.resources-page .materialsResourceWrapper {
    border-left: 1px solid #ccc;
}

.resources-page .categories_header {
    min-height: 34px;
    text-align: left;
    color: #69a1cc;
    line-height: 1;
    font-size: 24px;
    letter-spacing: -1px;
    font-family: questrial, sans-serif;
    font-weight: 400;
    position: relative;
    margin-left: 12px;
}
.yesNo-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.yesNo-dialog__title {
    font-size: 24px;
    margin-bottom: 16px;
    color: #333; /* Adjust as needed */
}

.yesNo-dialog__content {
    font-size: 16px;
    margin-bottom: 32px;
    text-align: center;
    color: #666; /* Adjust as needed */
}

.yesNo-dialog__message {
    white-space: pre-line;
}

.yesNo-dialog__button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.yesNo-dialog__button {
    padding: 12px 24px;
    border-width: 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s ease;
    text-align: center;
    margin: 0 8px; /* Adjust margin if needed */
}

    .yesNo-dialog__button.yes {
        background-color: #007bff;
        color: #fff;
    }

        .yesNo-dialog__button.yes:hover {
            background-color: #0069d9;
        }

    .yesNo-dialog__button.no {
        background-color: #ccc;
        color: #333; /* Adjust as needed */
    }

        .yesNo-dialog__button.no:hover {
            background-color: #e0e0e0;
        }
.yesNo-dialog__dialog .ngdialog-content {
    width: 50% !important;
}

.ngdialog.ngdialog-theme-default.yesNo-dialog__dialog {
    padding-top: 16%;
}
.resources-page .webinar-item {
    margin-bottom: 20px;
}

    .resources-page .webinar-item .categoryname {
        border-style: solid;
        border-width: 0;
        background-color: #aaa;
        color: #fff;
        height: 50px;
        min-height: 27px;
        text-align: center;
        color: #fff;
        line-height: 2;
        font-size: 12px;
        font-family: questrial, sans-serif;
        font-weight: 400;
        position: relative;
        margin-top: 0;
    }

    .resources-page .webinar-item a {
        text-decoration: none;
    }

.resources-page .company-resources-folders {
    padding-top: 15px;
}

.account-abc-settings .text {
    color: #000;
    font-weight: 400;
}

.account-abc-settings h3 {
    margin-top: 0;
}

.account-abc-settings .fa {
    cursor: pointer;
}

.vbmapp-settings .form-group input,
.vbmapp-settings .form-group select {
    margin: 0;
}

.vbmapp-settings .vbmapp-info td {
    border: 0;
}

.vbmapp-settings .vbmapp-info {
    margin: 0;
}

.vbmapp-settings .vbmapp-price-desc {
    font-weight: 400;
    color: #2a485c;
}

.vbmapp-assessment .pagination a {
    cursor: pointer;
}

.vbmapp-assessment .pagination > .active.complete > a,
.vbmapp-assessment .pagination > .active > a {
    background: #f59331;
    border-color: #f59331;
}

.vbmapp-assessment .pagination > .complete > a {
    background: #979b9d;
    border-color: #979b9d;
    color: #fff;
}

.vbmapp-assessment .nav-pills a {
    cursor: pointer;
    text-transform: capitalize;
}

.vbmapp-assessment .nav-pills > li.active.complete > a,
.vbmapp-assessment .nav-pills > li.active > a {
    background: #f59331;
}

.vbmapp-assessment .nav-pills > li.complete > a {
    background: #979b9d;
    color: #fff;
}

.vbmapp-assessment .question-title {
    margin-top: 0;
}

.vbmapp-assessment .pagination {
    margin-top: 0;
}

.vbmapp-assessment h1 {
    color: #2a485c;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 20px 0;
    display: block;
}

.vbmapp-area h2 {
    margin-top: 0;
}

.vbmapp-area h3 {
    margin-top: 0;
}

.vbmapp-assessment .guide-content b,
.vbmapp-assessment .question-text b {
    color: #545454;
    display: inline;
}

.vbmapp-assessment .guide-content .list-group-item.active {
    background: #f59331;
    border-color: #f59331;
}

.vbmapp-assessment .panel-heading.active {
    background: #979b9d;
    color: #fff;
}

.vbmapp-assessment .guide-content h1,
.vbmapp-assessment .guide-content h2 {
    margin-top: 0;
    font-size: 20px;
}

.vbmapp-assessment .guide-content img {
    max-width: 100%;
}

.vbmapp-assessment .graph-table th {
    font-size: 11px;
    background: #d1d2d4;
    text-align: center;
    color: #000;
    height: 50px;
    vertical-align: middle;
}

.vbmapp-assessment .graph-table {
    background: #fff;
}

.vbmapp-assessment .colorpicker-box {
    width: 25px;
    height: 25px;
    border: 2px solid #ddd;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

    .vbmapp-assessment .colorpicker-box.colorpicker-box-header {
        width: 20px;
        height: 20px;
    }

.vbmapp-assessment .graph-area {
    padding-left: 15px;
}

.vbmapp-assessment .graph-area-milestone {
    padding-left: 30px;
}

.vbmapp-assessment .graph-num {
    padding-top: 50px;
    margin-left: -15px;
    width: 30px;
    text-align: center;
    float: left;
}

    .vbmapp-assessment .graph-num span {
        display: block;
        line-height: 17px;
        font-weight: 700;
    }

.vbmapp-assessment .pager {
    margin-top: -15px;
}

.vbmapp-assessment .col-milestone {
    float: left;
    width: 7.3%;
    padding-right: 5px;
}

    .vbmapp-assessment .col-milestone .graph-table th {
        height: 25px;
    }

.vbmapp-assessment .graph-table-assessment {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border: 1px solid;
    float: left;
    margin-right: 5px;
}

    .vbmapp-assessment .graph-table-assessment:last-child {
        margin-right: 0;
    }

.vbmapp-assessment .milestones-level-num span {
    display: block;
    line-height: 34px;
    font-weight: 700;
    width: 30px;
    text-align: center;
}

.vbmapp-assessment .milestones-level-num {
    padding-top: 32px;
    margin-left: -30px;
    float: left;
}

.vbmapp-assessment {
    overflow: auto;
    height: 90%;
    padding: 10px;
}

.vbmapp-assessments-wrapper {
    height: 85%;
}

.vbmapp-assessment {
    overflow: auto;
    height: 90%;
    padding: 10px;
}

.vbmapp-assessments-wrapper {
    height: 85%;
}

.medical-necessity .btn-select {
    background-color: #369;
    color: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 8%;
    width: 39%;
}

    .medical-necessity .btn-select:hover {
        background-color: #2e6da4;
        color: #fff;
    }

.medical-necessity .grid-table {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 1em;
}

.medical-necessity .question {
    min-width: 200px;
    font-weight: 700;
    text-align: right;
    padding: 10px;
}

.medical-necessity .option {
    min-width: 100px;
    text-align: center;
    border: 1px solid #d3d4d5;
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
}

.medical-necessity .selected {
    background-color: #2e6da4;
    color: #fff;
}

.medical-necessity .status {
    text-align: center;
    background-color: #dcdcdc;
    padding: 5px 0;
}

.medical-necessity .treatment {
    margin-left: 25%;
    margin-bottom: 1em;
    width: 50%;
    text-align: center;
    font-weight: 700;
    padding: 1em;
}

.medical-necessity .warning {
    color: red;
}

.medical-necessity .agreement {
    border: 1px solid #d3d4d5;
    padding: 5px 10px 30px 10px;
}

.medical-necessity .comment {
    width: 100%;
    height: 90px;
}

.medical-necessity .export {
    font-size: 48px;
    color: #2a485b !important;
    cursor: pointer;
    position: relative;
}

    .medical-necessity .export:hover {
        color: #2e6da4 !important;
    }

.medical-necessity .center {
    text-align: center !important;
}

.medical-necessity .showReportOption {
    display: none;
    width: 100%;
    background-color: #f1f1f1;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.medical-necessity #saveFileCabinet:hover .showReportOption {
    display: block;
}

.medical-necessity .showReportOption span {
    padding: 5px 5px;
    display: block;
    cursor: pointer;
}

    .medical-necessity .showReportOption span:hover {
        background-color: #ddd;
    }

.medical-necessity .sectionNav {
    background-color: #f2f2f3;
    text-align: center;
    cursor: pointer;
}

    .medical-necessity .sectionNav li {
        padding: 2px;
    }

        .medical-necessity .sectionNav li + li {
            border-top: 1px solid #d3d4d5;
        }

        .medical-necessity .sectionNav li:hover {
            color: #2e6da4;
        }

.medical-necessity .assessmentQuestion {
    font-weight: 700;
    padding: 1em 1em 0 1em;
}

.medical-necessity .assessmentChoice {
    margin-left: 2em;
    cursor: pointer;
}

    .medical-necessity .assessmentChoice:hover {
        background: #d3d4d5;
    }

div.popover-content div.form-group .btn-default.btn,
div.popover-content div.form-group .btn-primary.btn,
div.popover-content div.form-group input.btn-danger.btn {
    margin-left: 0 !important;
}

.legalContent {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 4em;
}

    .legalContent h1 {
        text-align: center;
        font-size: 1.5em;
        margin: 0 auto;
    }

    .legalContent h2 {
        text-transform: uppercase;
        font-size: 1.2em;
        margin-top: 2em;
    }

    .legalContent h3 {
        font-size: 1em;
    }

    .legalContent ul {
        margin-bottom: 1.5em;
    }

        .legalContent ul li {
            line-height: 1.7em;
        }

    .legalContent table td {
        padding: 5px;
    }

#sigBox {
    position: relative;
}

@media screen and (device-aspect-ratio: 40/71) {
    .nav > li > a {
        padding: 10px 8px !important;
    }

    button.cancelPlanBTN.viewPlanBTN {
        font-size: 8px !important;
    }

    div.containerDiv h1#planHeader_BS.h1 {
        font-size: 1.3em;
    }

    .intro-popup .image-only img {
        width: 45%;
    }

    .intro-popup .carousel-control.left,
    .intro-popup .carousel-control.right {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    div .mainPageContentDiv.ContentWrapper {
        margin: 0 auto !important;
    }

    .support-page {
        margin-top: 50px;
    }

    .SupportTitle {
        margin-top: 50px;
    }

    div.support-page div.TitleContainer {
        background-color: transparent;
    }

    .Homepage .SectionSummary {
        width: 1350px;
    }

    #sidebarList2 div div[ng-if="(dataEntryMode) && ListCurrentProgram && HasBehaviorAccess"] {
        width: 66%;
    }

    #clientPickerWrapper {
        margin-top: 30px;
        margin-left: 20px;
    }

    [ng-controller="PlanViewController"] .programList {
        width: 183px;
    }

    #sigBox {
        position: relative;
        height: 200px;
    }

    .signatureDiv {
        position: relative;
        width: 490px;
    }

    .signatureparentdiv .divbutton {
        width: 354px;
        margin-top: 0;
    }

    .signatureCanvas {
        width: 350px !important;
    }

    div.form-group label.control-label {
        clear: both !important;
    }

    .signatureparentdiv {
        width: 600px;
    }

    .mobileEventBottom {
        height: 55px !important;
    }

    .mobileAddAppointmentCancel,
    .mobileAddAppointmentSave {
        font-size: 1.5em !important;
    }

    .programList {
        width: 238px;
    }

    .ProgramArea #contentContainer {
        width: auto;
    }

    .schedulerTopNavTitle {
        margin-top: 66px !important;
    }

    .calendar_default_main {
        top: 45px !important;
    }

    .schedulerTopNavBar {
        top: 43px !important;
    }

    .groupApplist-headingFilters {
        margin-top: 45px !important;
    }

    .groupCalendarAppList-container {
        margin-top: 20px;
    }

    form[name="appointmentForm"] {
        margin-top: 20px;
    }
}

.intro-popup .ngdialog-content {
    width: 620px;
    position: relative;
    margin: 10% auto 0 auto;
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #ccc;
    border-radius: 10px;
}

.intro-popup .ngdialog-close,
.intro-popup .ui-resizable-handle {
    display: none !important;
}

.intro-popup .content-wrap {
    padding: 10px;
}

.intro-popup .carousel-control {
    width: 60px;
    height: 110px;
    background-image: url(/Images/IntroPopup/tg_arrow_sprite.png) !important;
    opacity: 1 !important;
    top: 160px;
}

    .intro-popup .carousel-control.left {
        left: -70px;
    }

        .intro-popup .carousel-control.left:hover {
            background-position: 0 -110px;
        }

    .intro-popup .carousel-control.right {
        right: -70px;
        background-position: 60px 0;
    }

        .intro-popup .carousel-control.right:hover {
            background-position: 60px -110px;
        }

.intro-popup .carousel-inner {
    width: 600px;
}

.intro-popup .slide-text {
    color: #2a485b;
    font-size: 18px;
    font-weight: 400;
}

    .intro-popup .slide-text h2 {
        font-size: 26px;
        font-weight: 700;
        margin: 45px 0 10px 0 !important;
        display: block;
    }

    .intro-popup .slide-text ul {
        padding-left: 20px;
    }

.intro-popup .image-top img {
    width: 600px;
    height: 290px;
}

.intro-popup .image-top .slide-text {
    padding-top: 10px;
    height: 60px;
}

.intro-popup .image-left img {
    width: 340px;
    height: 350px;
    float: left;
}

.intro-popup .image-left .slide-text {
    float: left;
    width: 250px;
    padding: 0 35px 0 10px;
}

.intro-popup .image-only img {
    height: 350px;
}

.intro-popup .btn-content {
    height: 35px;
    text-align: center;
    padding-top: 5px;
}

    .intro-popup .btn-content .btn {
        color: #2a485b !important;
    }

.intro-popup .carousel-indicators {
    position: static;
    height: 40px;
    margin: 0 auto;
    padding: 15px 0;
}

    .intro-popup .carousel-indicators li {
        background: url(/Images/IntroPopup/tg_slide_all.png);
        border: 0;
        border-radius: 0;
        width: 9px;
        height: 9px;
        margin: 0 5px;
    }

        .intro-popup .carousel-indicators li.active {
            background-position: -9px 0;
        }

.intro-popup .schedule-here {
    position: absolute;
    top: 150px;
    left: 27px;
    background-color: #2c495c !important;
    font-size: 18px !important;
    padding: 8px 14px !important;
}

    .intro-popup .schedule-here:hover {
        background-color: #f36e00 !important;
    }

.intro-popup .dont-show {
    position: absolute;
    bottom: -25px;
    cursor: pointer;
}

.intro-popup h1.title {
    position: absolute;
    top: -55px;
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .intro-popup h1.title {
        top: -43px !important;
        font-size: 1em !important;
    }

    .intro-popup .ngdialog-content {
        width: 90% !important;
    }

    .intro-popup .carousel-control.left,
    .intro-popup .carousel-control.right {
        display: none;
    }

    #targetsWrapper {
        overflow-x: scroll;
    }

    #contentContainer.mobileCProgContainer {
        width: 100% !important;
    }

    #oppBasedSettings .settingsTx {
        border-top: none;
    }
}

@media only screen and (max-width: 667px) and (min-width: 375px) {
    .intro-popup .image-only img {
        width: 53%;
    }

    .intro-popup .carousel-control.left,
    .intro-popup .carousel-control.right {
        display: none;
    }

    .ContentWrapper {
        overflow-x: scroll;
    }

    #contentContainer.mobileCProgContainer {
        width: 100% !important;
    }

    .ProgramArea textarea#programGoal {
        min-width: 325px !important;
    }

    #targetsWrapper {
        overflow-x: scroll;
    }

    #oppBasedSettings .settingsTx {
        border-top: none;
    }
}

@media only screen and (max-width: 736px) and (min-width: 414px) {

    .intro-popup .carousel-control.left,
    .intro-popup .carousel-control.right {
        display: none;
    }

    #contentContainer.mobileCProgContainer {
        width: 100% !important;
    }

    .ContentWrapper {
        overflow-x: scroll;
    }

    #targetsWrapper {
        overflow-x: scroll;
    }

    #oppBasedSettings .settingsTx {
        border-top: none;
    }
}

@media only screen and (max-width: 812px) and (min-width: 375px) {
    .authorizedUnitsInput {
        margin-left: 0 !important;
    }

    div [ng-show="staffDetail.PhotoLocation"] {
        display: none;
    }

    .fileHeaderTx {
        margin-left: 20px !important;
    }
}

.intro-popup h1.title,
a.dont-show[ng-click="dontShow()"] {
    color: #fff;
    font-weight: 700;
}

.parentSignature {
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #686868;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    width: 223px;
    margin: 10px 0;
}

.clearSignature {
    background: #58595b;
    box-shadow: none;
    color: #fff;
    width: 100px;
    padding: 5px 0;
    float: right;
    margin-right: 2px;
    text-align: center;
    display: block;
    font-family: "Open Sans", sans-serif;
}

.tempsignature {
    padding-right: 0;
    margin-top: 20px;
    position: absolute;
}

@-moz-document url-prefix() {
    .tempsignature {
        left: auto !important;
    }
}

.signatureCanvas {
    height: 200px !important;
}

.buttomsignature,
.signature-container canvas {
    background: url(/Images/Scheduler/clientsignatureText.png) #fff no-repeat center bottom;
    border: 1px solid #cdd4dc;
    background-size: contain;
    padding-right: 0;
    margin-left: 0;
}

.parentSignature {
    font-family: "Open Sans", sans-serif;
    color: #686868;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #686868;
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    width: 223px;
    margin: 10px 0;
}

.signatureDiv textarea {
    border: none;
    background: #fff;
    height: 250px;
    width: 100%;
    resize: none;
    margin: 15px 0;
}

.signatureDivBottom {
    border-top: 1px dotted #ccc;
    margin-bottom: 20px;
    color: #686868;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding-top: 5px;
}

.notification-info {
    text-align: center;
    color: #d9534f !important;
    font-style: italic;
}

.clientServiceDropdownOption {
    font-size: 12px !important;
}

span.clientServiceDropdownOption {
    font-weight: 900 !important;
}

.SectionDisabled {
    cursor: not-allowed !important;
}

#bannerCloseBTN {
    background: transparent url(/Images/HealthCare/Icons/cta3-c-deactivate.png) no-repeat;
    width: 13px;
    height: 13px;
    margin-left: 10px;
    clear: both;
    float: right;
    cursor: pointer;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .TitleContainer.mobileHeaderBottom {
        position: static;
        margin-top: 0;
    }

    .AddEditClientBtn {
        margin-right: 100px;
    }
}

@media only screen and (max-device-width: 1024px) {
    .EditorTable .vertical-title {
        display: inline-block !important;
        margin-right: 20px;
        font-weight: bold;
    }
}

@media only screen and (max-device-width: 702px) {
    div.schedulerStatusTabs {
        display: none !important;
        margin-right: 20px;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

input:checked + .slider {
    background-color: #f90;
}

input:focus + .slider {
    box-shadow: 0 0 1px #f90;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 28px;
}

    .slider.round:before {
        border-radius: 50%;
    }

kendo-calendar.k-calendar-infinite kendo-calendar-viewlist .k-calendar-weekdays {
    display: block !important;
}

    kendo-calendar.k-calendar-infinite kendo-calendar-viewlist .k-calendar-weekdays thead {
        display: block !important;
        width: 100% !important;
    }

        kendo-calendar.k-calendar-infinite kendo-calendar-viewlist .k-calendar-weekdays thead tr {
            display: flex;
            width: 100% !important;
        }

            kendo-calendar.k-calendar-infinite kendo-calendar-viewlist .k-calendar-weekdays thead tr th {
                width: 100% !important;
            }

kendo-popup {
    z-index: 99999 !important;
}

kendo-upload .k-upload-button {
    max-height: 26px;
}

.k-list .k-item.k-state-selected a {
    color: #fff;
}

kendo-popup.k-animation-container.k-animation-container-shown {
    width: auto !important;
    max-width: 400px;
}

.k-widget.k-window.k-dialog {
    overflow-y: auto;
}

@media only screen and (max-width: 949.98px) {
    .k-widget.k-window.k-dialog {
        width: 95% !important;
    }

    billing-code-editor .Line {
        margin-bottom: 10px !important;
    }
}

billing-code-editor .Label {
    width: 180px !important;
}

@media only screen and (min-width: 950px) {
    funders-view .k-widget.k-window.k-dialog {
        max-width: 70%;
    }
}

.k-window-content:has(billing-code-editor) {
    overflow-x: hidden;
}

.k-textarea {
    font-size: inherit;
}

client-list .ContentWrapper {
    width: 100% !important;
}

client-list .search-form-container {
    max-width: 100%;
}

staff-list .container {
    max-width: 100% !important;
}

.k-multiselect-wrap .k-searchbar,
.search-form-container .filter-form-item select {
    min-width: 100px;
}

@media only screen and (max-width: 766px) and (min-width: 375px) {
    .publicHeader .LogoDiv img {
        max-width: 80%;
    }

    top-menu .publicHeader .NavBar {
        max-width: 37%;
        margin-left: 15em;
        margin-top: -40px;
        margin-bottom: 4em;
    }

    .publicHeader .NavTransition {
        height: 45px;
    }

    client-list .search-form-container {
        max-width: 100%;
        margin-top: 0 !important;
    }

    staff-list .staffHeader .title {
        font-size: 2em;
        line-height: 1em;
        margin-top: 0.5em;
    }

    .staffHeader .add-staff span {
        font-size: 0.8em;
    }

    staff-list .staffHeader .add-staff {
        margin-left: -5em;
    }

    .fullMenu .SubNav {
        display: block;
        margin: 0 0 2em 0;
        max-width: 400px;
    }

    .fullMenu.healthcareSubNav .k-filter-selected-items {
        margin: 0;
    }

    .SubNav .k-filter-selected-items,
    staff-list .container .d-flex div {
        display: block !important;
    }

    staff-list table tr td,
    staff-list th.k-header {
        width: 150px !important;
    }

    .add-staff {
        margin-top: 35px;
    }

    client-list div.title {
        font-size: 2em !important;
    }

    client-list .ContentWrapper .search-form-container .align-items-center {
        margin-left: 10px;
    }

    client-list .ContentWrapper div.header-container {
        width: 330px;
    }

    .publicHeader .ContentWrapper .headerUserInfo div {
        margin-top: 0 !important;
    }

    .publicHeader div div.dropdown.show {
        margin-left: 33px !important;
        width: 450px;
    }

    client-view .container client-info,
    staff-info div.sidenav {
        display: flow-root !important;
        margin-bottom: 2em;
        width: auto !important;
    }

    .container client-info .sidenav,
    staff-info div.flex-column {
        width: auto;
        margin-bottom: 2em;
    }

    staff-view .container staff-info {
        display: block;
    }

    client-info demographics demographic-editor .form-property-container,
    client-list .content-wrapper [ng-reflect-form="[object Object]"],
    staff-view .container .header-separator,
    staff-view .container file-cabinet .file-cabinet-container {
        display: flow-root !important;
    }

    client-list .filter-form-item,
    client-list input {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .mobileDemo {
        display: block !important;
    }

    .staffModules .modules-checkboxes {
        width: 200px;
    }

    .LogoDiv div {
        width: 190px;
        margin-left: -26px;
        margin-right: 26px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    client-list .content-wrapper [ng-reflect-form="[object Object]"] {
        display: flow-root !important;
    }

    client-view .container client-info,
    staff-info div.sidenav {
        display: grid !important;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    client-list .content-wrapper [ng-reflect-form="[object Object]"] {
        display: flow-root !important;
    }

    client-view .container client-info,
    staff-info div.sidenav {
        display: grid !important;
    }
}

@media only screen and (max-device-width: 991px) and (min-device-width: 768px) {
    .mobileDDM_nav {
        display: flex !important;
        padding-left: 17px;
        position: relative;
        margin-top: 1em;
        list-style: none;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    .fullMenu .SubNav {
        display: flow-root;
    }

    #reportNav .reports-second-nav > div.SubNav > a.Item {
        /*margin: 0 0 0.5em 0;
            width: 220px !important;*/
        text-align: center;
    }

    /*.SubNav .Item {
            margin: 0 0 0.5em 0;
            width: 145px !important;
        }*/

    staff-list table tr td,
    staff-list th.k-header {
        width: 150px;
    }

    client-list .content-wrapper .search-form-container div[style="align-items: start;"] {
        display: block !important;
    }

    .filter-form-item[_ngcontent-c2] {
        float: left;
    }

    .dropdown-menu ul {
        list-style-type: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .headerUserInfo {
        margin-right: 12em;
    }

    .NavBar div.ContentWrapper {
        width: 1164px;
    }

    top-menu div.publicHeaderSpacer[_ngcontent-c1=""] {
        height: 40px !important;
    }

    child-top-menu .healthcareSubNav .SubNav {
        overflow: visible;
    }

    client-list .ContentWrapper .filter-form-item {
        width: 100px;
    }

    input.ng-untouched.ng-pristine.ng-valid.k-textbox {
        width: 100px;
    }

    .healthcareSubNav .SubNav .Item {
        font-size: 0.9em;
    }

    staff-list .container .filter-form-item {
        width: 110px;
    }

    .publicHeader .headerUserInfo {
        margin-right: 15em;
    }

    .publicHeader .headerUserInfo {
        margin-right: 20px;
    }

    client-list .search-form-container {
        max-width: 80%;
    }
}

.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.dropdown-menu > li > a.disabled,
.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {
    color: #777;
    pointer-events: none;
    cursor: not-allowed;
}

.SubNav {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto !important;
}

    .SubNav .Item {
        height: 40px;
        padding: 5px 20px !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 30px;
        /*letter-spacing: 1px;*/
        /*margin-top: 2px;*/
        color: var(--Black-20);
        background: #fff;
        font-size: 13px;
    }

        .SubNav .Item.SelectedItem,
        .SubNav .Item:hover {
            background: #fff;
            color: var(--prim-act);
            border-bottom: 2px solid var(--prim-act)
        }

.drag-warning {
    display: none !important;
}

.dragging .drag-warning {
    display: block;
}

:root {
    --font-main: "DM Sans";
    --clr-black-primary: #282E33;
    --clr-white: #fff;
    --clr-white-bg: #fcfdff;
    --clr-blue: #1d6eb8;
    --clr-blue-border: #5e9dd6;
    --clr-blue-light: #ebeff5;
    --clr-blue-hover: #3182cc;
    --clr-black: #282e33;
    --clr-gray-light: #ced6e0;
    --clr-gray-medium: #9aa6b8;
    --clr-green-medium: #79C17B;
    --clr-green-dark: #4D994F;
    --clr-orange-light: #F9C270;
    --clr-red-error: #E06C6C;
    --input-bgImg: 135px 5px;
    --pill-padding: 6px 16px;
}

.bh_btn {
    font-weight: 900;
    color: var(--clr-white);
    border-radius: 40px;
    padding: 10px 24px;
    border: none;
    text-align: center;
    background-color: var(--clr-blue);
}

    .bh_btn:hover {
        background-color: var(--clr-blue-hover);
        cursor: pointer;
    }

    .bh_btn:focus {
        color: var(--clr-white)
    }

    .bh_btn:disabled {
        background-color: var(--clr-gray-light);
    }

.mobileDiscrepancyWarning {
    color: #f67d0a;
}

.mobileDiscrepancyWarningTooltip {
    color: #ed1c24;
    font-weight: bold;
    font-size: 12px;
}

/*new loader*/
.loader {
    border: 4px solid #f3f3f3;
    /* Light grey */
    border-top: 4px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    margin: auto;
}

.loaderStyles {
    position: fixed;
    background: rgba(255, 255, 255, 0.75);
    z-index: 95000;
    top: 336.5px;
    left: 50%;
    margin-left: -48px;
}

.kendo-dialog-loader > .k-window {
    color: #ffffff00;
    background-color: #fff0;
    border-color: #fff0;
}

.kendo-dialog-loader > .k-overlay {
    background-color: #fff0;
}

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

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

/*footer icons*/
.footerLogos {
    display: flex;
    justify-content: space-evenly;
    margin-top: 200px;
    margin-bottom: 2em;
}

    .footerLogos img {
        height: 10%;
        width: 10%;
    }

.textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 110px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    color: #888;
}

.popover.popoverTextarea {
    max-width: 315px;
}

.popoverTextarea form {
    width: 287px;
}

.position-up-arrow {
    color: #ea3ef7 !important;
    font-weight: bold !important;
    font-size: 25px !important;
    margin-left: 2px;
    margin-right: 2px;
}

.position-down-arrow {
    color: #666666 !important;
    font-weight: bold !important;
    font-size: 25px !important;
    margin-left: 2px;
    margin-right: 2px;
}

.billingExportHelp {
    z-index: 999 !important;
    background-color: rgba(255, 255, 255, 1);
}

.report-date-time-picker .k-datetimepicker .k-picker-wrap .k-icon {
    top: -5px;
}

.k-widget.k-datetimepicker.report-date-time-picker.k-input {
    width: 180px !important;
}

.month_default_shadow {
    display: none;
}

/*iphone 13 alignment fix*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .mobileEventTitle {
        line-height: 1.3em !important;
        width: 265px;
        padding-top: 0.3em;
    }
}

/* =============================================================================
   Ipad Mini landscape
   ========================================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {

    .ProgramArea #contentContainer {
        width: 61% !important;
    }
}

/* =============================================================================
   Ipad Mini portrait
   ========================================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {

    .ProgramArea #contentContainer {
        width: 48% !important;
    }
}

/* =============================================================================
   Ipad Air portrait
   ========================================================================== */
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {

    .ProgramArea #contentContainer {
        width: 51% !important;
    }
}

.behavior-calc-list {
    margin-left: 10px;
}

    .behavior-calc-list select {
        margin-left: 5px;
    }

.report-email-confirm-dlg {
    padding: 20px;
}

    .report-email-confirm-dlg .confirm-message {
        text-align: center;
        white-space: pre-line;
    }

    .report-email-confirm-dlg .cancel-btn {
        float: left;
        background: gray;
        width: 200px;
    }

    .report-email-confirm-dlg .confirm-btn {
        float: right;
        background: #29485c;
        width: 200px;
    }

.error-dialog__loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.error-dialog__content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 25px 25px 25px 25px;
    z-index: 100;
    position: relative;
}

.error-dialog__title {
    display: flex;
    flex-direction: row;
    justify-content: start;
    font-size: 18px;
    font-weight: 700;
    color: #414A52;
}

.error-dialog__message {
    font-size: 14px;
    white-space: pre-line;
}

.error-dialog__button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    flex-grow: 1;
}

.error-dialog__button {
    width: 87px;
    height: 40px;
    border-radius: 40px;
    background-color: #1D6EB8;
    color: white;
    border-width: 0;
    cursor: pointer;
    text-align: center;
}

.error-dialog__dialog .ngdialog-content {
    width: 490px !important;
}

.ngdialog.ngdialog-theme-default.error-dialog__dialog {
    padding-top: 16%;
}

.error-dialog__dialog > .ngdialog-overlay {
    z-index: 9;
    opacity: 0.5 !important;
    background: white !important;
}

.info-dialog__content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 25px 25px 25px 25px;
}

.info-dialog__title {
    display: flex;
    flex-direction: row;
    justify-content: start;
    font-size: 18px;
    font-weight: 700;
    color: #414A52;
}

.info-dialog__message {
    font-size: 14px;
    white-space: pre-line;
}

.info-dialog__button-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    flex-grow: 1;
}

.info-dialog__button {
    width: 87px;
    height: 40px;
    border-radius: 40px;
    background-color: #1D6EB8;
    color: white;
    border-width: 0;
    cursor: pointer;
    text-align: center;
}

.confirmation-dialog__title {
    color: #fff;
    background: #ccc;
    padding: 5px;
    text-transform: uppercase;
}

.confirmation-dialog__content-wrapper {
    padding: 20px;
    text-align: center;
}

.confirmation-dialog__message {
    white-space: pre-line;
}

.confirmation-dialog__button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

.confirmation-dialog__button {
    width: 200px;
    height: 40px;
    border-width: 0;
    cursor: pointer;
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 12px;
}

.confirmation-dialog__button.button-submit {
    background-color: red;
    color: #fff;
}

.confirmation-dialog__button.button-cancel {
    color: #fff;
    background: #ccc;
}

.old-style-dialog .ngdialog-overlay {
    height: auto;
}

.new-style-dialog, .old-style-dialog {
    overflow-y: auto;
}

.new-style-dialog .ngdialog-content {
    background: white !important;
    border-radius: 5px;
    box-shadow: 0px 4px 4px #00000040 !important;
    border: 1px solid #CED6E0 !important;
}

    .new-style-dialog .ngdialog-overlay {
        background: transparent;
        height: auto;
    }

.info-dialog__dialog .ngdialog-content {
    width: 490px !important;
}

.ngdialog.ngdialog-theme-default.info-dialog__dialog {
    padding-top: 16%;
}

.subscription-form {
    padding-top: 5px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'DM Sans', sans-serif;
}

.subscription-form__title {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 7px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'DM Sans', sans-serif;
}

.subscription-form__error-message {
    margin: 0px;
    font-weight: 500;
    font-size: 12px;
    color: #EE0000;
}

.subscription-form__common-section {
    display: flex;
    flex-direction: column;
}

.common-section__report-name input {
    width: 185px;
}

.subscription-form__section-title {
    margin: 0px;
    font-weight: 500;
    font-size: 12px;
}

.common-section__recurrence-patterns-area {
    padding-top: 5px;
}

.common-section__recurrence-patterns {
    display: flex;
    flex-direction: row;
    padding-bottom: 7px;
}

.common-section__recurrence-pattern {
    display: flex;
    flex-direction: row;
    height: 20px;
    margin-bottom: 7px;
    padding-right: 15px;
}

.common-section__recurrence-pattern-label {
    padding-left: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #282E33;
}

.subscription-form__form-section {
    border-bottom: 1px solid #CED6E0;
}

.report-delivery-settings {
    padding-top: 8px;
    padding-bottom: 8px;
}

.report-delivery-settings__single-recurrence-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.report-delivery-settings__single-recurrence {
    width: 185px;
}

.report-delivery-settings__weekly-recurrence-range-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.report-delivery-settings__weekly-recurrence-range {
    padding-bottom: 10px;
    padding-top: 10px;
}

    .report-delivery-settings__weekly-recurrence-range input {
        width: 60px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center;
    }

.report-delivery-settings__weekly-recurrence-days {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 400px;
    padding-bottom: 10px;
    margin-left: 5px;
}

.report-delivery-settings__monthly-recurrence-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .report-delivery-settings__monthly-recurrence-option input[type="text"] {
        width: 60px;
        margin-left: 4px;
        margin-right: 4px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center;
    }

    .report-delivery-settings__monthly-recurrence-option input[type="radio"] {
        margin-right: 15px !important;
    }

.report-delivery-settings__monthly-recurrence-double-select {
    min-width: 280px;
    margin-right: 4px;
}

.recurrence-day-control {
    display: flex;
    width: 100px;
}

.report-range-settings {
    padding-top: 8px;
    padding-bottom: 16px;
}

.report-range-settings__range-dropdown {
    width: 185px;
    padding-bottom: 5px;
}

.report-range-settings__custom-range {
    display: flex;
    flex-direction: column;
}

.report-range-settings__custom-range-start-date {
    width: 185px;
}

.report-range-settings__custom-range-end-date {
    width: 185px;
}

.recurrence-date-range {
    padding-bottom: 15px;
}

.report-content-settings {
    padding-top: 8px;
    padding-bottom: 16px;
    padding-left: 6px;
}

.report-content-settings__control-wrapper {
    margin-bottom: 5px;
}

.report-content-settings__control-title {
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #282E33;
}

.subscription-form__buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.subscription-form__button {
    font-size: 14px;
    height: 40px;
}

.subscription-form__cancell-button {
    margin-right: 15px;
}

.subscription-form__save-button {
    min-width: 110px;
}

.PopUpElement {
    margin-bottom: 20px;
}

.new-style-radio-input {
    display: grid;
    place-content: center;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    padding: 0px !important;
    appearance: none;
    background-color: #E1EBF5;
    margin: 0;
}

    .new-style-radio-input::before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #1D6EB8;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
    }

    .new-style-radio-input:checked::before {
        transform: scale(1);
    }

    .new-style-radio-input:focus {
        outline: none !important;
    }

input:disabled.new-style-radio-input {
    pointer-events: none;
}

    input:disabled.new-style-radio-input:checked::before {
        background-color: #CED6E0;
    }

.date-input__icon {
    padding-left: 55px !important;
    background: url(/Images/icons/new/calendar.svg) no-repeat 10px;
    background-size: 20px;
}

.date-input__input {
    width: 100%;
    min-height: 40px;
    border-radius: 20px;
    border: 1px solid #CED6E0;
}

    .date-input__input:disabled {
        background-color: #fafafa;
    }

.date-input__input-text {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.new-jq-datepicker .ui-datepicker-header .ui-icon {
    background-image: none;
    mask: url(/Images/icons/new/chevron-down.svg) no-repeat center;
    -webkit-mask: url(/Images/icons/new/chevron-down.svg) no-repeat center;
}

.date-range__wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.date-range__section {
    display: flex;
    flex-direction: column;
    width: 190px;
}

.date-range__title {
    margin: 0px;
    padding-left: 8px;
    font-weight: 500;
    font-size: 11px;
    color: #414A52;
}

.date-range__left-date-input > input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.date-range__right-date-input > input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
}

.double-input__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    width: 100%;
}

.double-input__left-select-input {
    width: 100%;
}

.double-input__right-select-input {
    width: 100%;
}

.double-input__left-select-input .k-dropdown-wrap {
    min-width: 100px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.double-input__right-select-input .k-dropdown-wrap {
    min-width: 100px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: none;
}

.new-style-input {
    width: 100%;
    min-height: 40px;
    padding-left: 23px !important;
    padding-right: 6px !important;
    border-radius: 20px;
    border: 1px solid #CED6E0;
}

.payroll-subscription__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}

.payroll-subscription__button {
    width: 145px;
    height: 40px;
    font-size: 12px;
}

.glyphicon_grey {
    padding-bottom: 15px;
    color: #999999 !important;
}

.payroll-subscription__loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.billing-export-subscription__loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.billing-export-subscription__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}

.billing-export-subscription__button {
    width: 145px;
    height: 40px;
}

.common-section__funders-select, .common-section__locations-select {
    width: 185px;
    padding-top: 10px;
}

.common-section__funders-select {
    width: 185px;
    padding-top: 10px;
}

    .common-section__funders-select .multi-select-input__dropdown-menu {
        width: 185px;
    }

    .common-section__funders-select .multi-select-input__dropdown-menu,
    .common-section__locations-select .multi-select-input__dropdown-menu {
        width: 185px;
    }

.common-section__file-type-select {
    width: 185px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.multi-select-input__input .multi-select-input__dropdown-menu div {
    color: #616E7A;
}

.multi-select-input__input .dropdown-menu {
    right: unset !important;
}

.multi-select-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding-right: 6px;
    padding-left: 23px;
    border: 1px solid #CED6E0;
    border-radius: 20px;
    cursor: pointer;
}

.multi-select-input__input .multi-select-input.applied .multi-select-input__title-main-text {
    color: #2E2E2E;
}

.multi-select-input__input .multi-select-input__title-main-text {
    font-size: 13px;
    font-weight: 500;
    color: #616E7A;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multi-select-input__input .multi-select-input__title {
    display: flex;
    align-items: center;
    padding-right: 5px;
    overflow: hidden;
}

.multi-select-input__input .multi-select-input__title-secondary-text {
    display: flex;
    align-items: center;
}

.multi-select-input__input .multi-select-input .down-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    margin: initial;
    background: url(/Images/icons/new/chevron-down.svg) no-repeat center;
    mask: none;
    -webkit-mask: none;
}

.multi-select-input__input .multi-select-input.active .down-icon {
    transform: rotate(90deg);
    transition: all 120ms ease;
}

.multi-select-input__input .multi-select-input__dropdown-menu {
    top: unset;
    left: unset;
    margin: unset;
    padding: 9px !important;
    border-radius: 6px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.multi-select-input__input .multi-select-input__search-field {
    display: flex;
    height: 40px;
    margin-bottom: 10px;
    border: 1px solid #CED6E0;
    border-radius: 20px;
}

    .multi-select-input__input .multi-select-input__search-field .multi-select-input__search-input {
        width: 80%;
        border: none;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        color: #2E2E2E;
    }

    .multi-select-input__input .multi-select-input__search-field .search-icon {
        background: url(/Images/icons/new/search.svg) no-repeat center;
        mask: none;
        -webkit-mask: none;
    }

.multi-select-input__input .multi-select-input__options-list {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.multi-select-input__input .multi-select-input__option {
    padding: 6px;
    margin-bottom: 15px;
    cursor: pointer;
}

    .multi-select-input__input .multi-select-input__option:hover {
        background: #EBEFF5;
        border-radius: 6px;
    }

.multi-select-input__input .multi-select-input__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
}

.multi-select-input__input .multi-select-input__clear-button {
    color: #1D6EB8;
    cursor: pointer;
}

.button-input__button {
    width: 100%;
    height: 100%;
    padding: 7px 21px;
    border-radius: 40px;
    text-align: center;
    line-height: 18px !important;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
}

    .button-input__button:disabled:hover {
        opacity: initial;
    }

    .button-input__button:hover {
        opacity: 0.8;
    }

.button-input__button_default-style {
    background-color: #1D6EB8;
    border: 2px solid #1D6EB8;
    color: white;
}

    .button-input__button_default-style:disabled {
        background-color: #eee;
        border-color: #eee;
        pointer-events: none;
        cursor: default;
        color: unset;
    }

.button-input__button_alternative-style {
    background-color: white;
    border: 2px solid #1D6EB8;
    color: #1D6EB8;
}

    .button-input__button_alternative-style:disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.5;
    }

.checkbox-input__input {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    pointer-events: none;
}

    .checkbox-input__input.checkbox-input__input_checked::before {
        content: "\2713";
    }

    .checkbox-input__input::before {
        content: "";
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        margin-right: 10px;
        background-color: white;
        border: 2px solid #B6BFCC;
        border-radius: 4px;
        font-size: 20px;
        font-weight: 800;
        color: #1D6EB8;
        pointer-events: all;
        cursor: pointer;
    }

@media only screen and (max-device-width: 1440px) {
    .viewDetailsBtn {
        left: 420px;
    }

    .dataEntryDate {
        left: 530px !important;
    }

    #theAddTargetBTN {
        left: 530px;
    }

    .dataEntry_select {
        margin-left: 340px;
    }
}

.on-demand__status-pending {
    color: #FFD100;
}

.on-demand__status-fail, .subscribed__status-fail {
    color: red;
}

.subscribed__status-subscribed {
    color: #56bc4e;
}

.subscribed__status-inactive {
    color: grey;
}

.on-demand__status-download, .on-demand__status-downloaded,
.subscribed__edit__enabled, .subscribed__pager-button,
.subscribed__status-download, .subscribed__status-downloaded {
    color: #337ab7 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.on-demand__status-download, .subscribed__status-download {
    font-weight: 700;
}

.on-demand__grid, .subscribed__grid {
    border: none;
    font-size: 11px;
    height: 59vh;
    background: #f7f8fb !important;
}

    .on-demand__grid > .k-grid-content, .subscribed__grid > .k-grid-content {
        background: #f7f8fb;
    }

    .on-demand__grid > .k-grid-header, .subscribed__grid > .k-grid-header {
        background: #f7f8fb !important;
    }

    .on-demand__grid > .k-grid-pager, .subscribed__grid > .k-grid-pager {
        background: #f7f8fb !important;
    }

    .subscribed__grid.subscribed__grid__fitted {
        height: auto;
    }

.on-demand__cell, .subscribed__cell {
    padding-right: 5px !important;
}

    .on-demand__cell:last-child, .subscribed__cell:last-child {
        padding-right: 0 !important;
    }

.on-demand__row {
    height: 38px;
}

.on-demand__pager__no-data-template {
    justify-content: center;
    font-size: 14px;
}

.on-demand__pager__no-data {
    padding: 30px 0;
    border: none;
}

.on-demand__grid div.k-grid-header, .subscribed__grid div.k-grid-header {
    padding-left: 0px;
}

.on-demand__grid .k-grid-header th.k-header,
.subscribed__grid .k-grid-header th.k-header {
    padding: 0 4px 5px;
}

.on-demand__grid div.k-grid-header, .on-demand__grid .k-grid-header th.k-header,
.subscribed__grid div.k-grid-header, .subscribed__grid .k-grid-header th.k-header {
    background: none;
    font-weight: 700;
    vertical-align: middle;
    white-space: pre-line;
}

.on-demand__grid .k-grid-header th.k-header, .on-demand__grid .k-grid-header-wrap,
.subscribed__grid .k-grid-header th.k-header, .subscribed__grid .k-grid-header-wrap {
    border: none;
}

.on-demand__grid.k-grid tr:hover, .subscribed__grid.k-grid tr:hover {
    background: none;
}

.on-demand__grid.k-grid td, .on-demand__grid div.k-grid-header,
.subscribed__grid.k-grid td, .subscribed__grid div.k-grid-header {
    border-width: 0 0 1px 0;
    border-color: #CED6E0;
}

.on-demand__grid.k-grid tbody tr:hover, .subscribed__grid.k-grid tbody tr:hover {
    background-color: #DEE7F1;
}

.on-demand__grid .k-pager-wrap, .subscribed__grid .k-pager-wrap {
    background: none;
    border-width: 1px 0 0 0;
    border-color: #CED6E0;
    padding: 20px 0 0 0;
}

    .on-demand__grid .k-pager-wrap ::selection, .subscribed__grid .k-pager-wrap ::selection {
        background-color: transparent;
        color: #313131;
    }

    .on-demand__grid .k-pager-wrap .k-link.k-state-selected, .on-demand__grid .k-pager-wrap .k-link.k-state-selected:hover,
    .subscribed__grid .k-pager-wrap .k-link.k-state-selected, .subscribed__grid .k-pager-wrap .k-link.k-state-selected:hover {
        background-color: #1D6EB8;
        border: none;
    }

.on-demand__grid .k-pager-numbers .k-link, .on-demand__grid .k-pager-nav,
.subscribed__grid .k-pager-numbers .k-link, .subscribed__grid .k-pager-nav {
    border-radius: 3px;
}

    .on-demand__grid .k-pager-numbers .k-link:hover, .on-demand__grid .k-pager-wrap .k-link:hover,
    .subscribed__grid .k-pager-numbers .k-link:hover, .subscribed__grid .k-pager-wrap .k-link:hover {
        background-color: #DEE7F1;
    }

.on-demand__grid .k-pager-wrap .k-pager-numbers .k-link,
.subscribed__grid .k-pager-wrap .k-pager-numbers .k-link {
    border-color: #d5d5d5;
}

.on-demand__grid .k-pager-nav + .k-pager-nav, .on-demand__grid .k-pager-nav + .k-pager-numbers-wrap, .on-demand__grid .k-pager-numbers li + li,
.on-demand__grid .k-pager-numbers-wrap + .k-pager-nav,
.subscribed__grid .k-pager-nav + .k-pager-nav, .subscribed__grid .k-pager-nav + .k-pager-numbers-wrap, .subscribed__grid .k-pager-numbers li + li,
.subscribed__grid .k-pager-numbers-wrap + .k-pager-nav {
    margin-left: 5px;
}

.on-demand__grid .k-loading-mask .k-loading-image, .subscribed__grid .k-loading-mask .k-loading-image {
    background-image: none;
}

    .on-demand__grid .k-loading-mask .k-loading-image::after, .subscribed__grid .k-loading-mask .k-loading-image::after {
        display: none;
    }

    .on-demand__grid .k-loading-mask .k-loading-image::before, .subscribed__grid .k-loading-mask .k-loading-image::before {
        width: 35px;
        height: 35px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
    }

.on-demand__cell {
    height: 40px;
}

    .on-demand__cell .tooltip-arrow, .subscribed__cell .tooltip-arrow {
        display: none;
    }

.on-demand__status-fail ~ .tooltip .tooltip-inner, .subscribed__status-fail ~ .tooltip .tooltip-inner {
    background-color: white;
    opacity: 1;
    color: black;
    border-radius: 7px;
    border: 1px solid red;
    line-height: 1.1;
    min-width: 120px;
    padding: 7px;
    font-size: 11px;
    text-align: left;
}

.on-demand__funders-wrapper ~ .tooltip .tooltip-inner,
.on-demand__locations-wrapper ~ .tooltip .tooltip-inner,
.subscribed__funders-wrapper ~ .tooltip .tooltip-inner,
.subscribed__locations-wrapper ~ .tooltip .tooltip-inner,
.subscribed__edit__disabled ~ .tooltip .tooltip-inner {
    background-color: #F4F1D5;
    opacity: 1;
    color: black;
    border-radius: 0;
    line-height: 1.1;
    min-width: 220px;
    max-width: 600px;
    padding: 10px;
}

.subscribed__subscribe-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subscribed__subscribe-message {
    color: #414A52;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.subscribed__subscribe-button {
    width: 145px;
    height: 40px;
    font-size: 12px;
}

.subscribed__grid.k-grid .k-hierarchy-col, .subscribed__grid.k-grid .k-hierarchy-cell.k-header,
.subscribed__grid.k-grid .k-detail-row .k-hierarchy-cell,
.subscribed__grid__fitted.k-grid .k-grid-header {
    display: none
}

.subscribed__grid > .k-grid-content {
    background: #f7f8fb;
}

.subscribed__pager-button {
    margin-top: 10px;
    display: inline-block;
}

.subscribed__edit__disabled {
    color: #414a52;
    cursor: default;
}

.subscribed__grid.k-grid .k-hierarchy-cell {
    text-align: left;
}

.subscribed__grid.k-grid .k-detail-row .k-detail-cell {
    padding: 0 !important
}

.subscribed__grid__fitted .k-pager-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

a.subscribed__status-download, a.subscribed__status-downloaded,
a.subscribed__status-download:hover, a.subscribed__status-downloaded:hover,
a.subscribed__status-download:focus, a.subscribed__status-downloaded:focus,
a.subscribed__status-download:active, a.subscribed__status-downloaded:active,
a.subscribed__status-download:focus:active, a.subscribed__status-downloaded:focus:active,
a.subscribed__status-download:focus:hover, a.subscribed__status-downloaded:focus:hover {
    padding: 0;
    border: none;
    background: inherit;
    box-shadow: none;
}

.subscribed__grid__fitted.k-grid tbody .k-button {
    min-width: 0;
    margin: 0;
}

.subscribed__grid__fitted.k-grid .k-grid-content {
    overflow-y: auto;
}

.subscribed__grid__fitted.k-grid .k-pager-info {
    margin: 0;
    justify-content: flex-start;
    order: -1;
}

.subscribed__grid__fitted.k-grid tr.k-alt {
    background: #f7f8fb;
}

.subscribed__grid__fitted .k-loading-image::before {
    top: 100%;
}

.subscribed__cell .k-i-collapse:before {
    content: "\e013";
}

.subscribed__cell .k-i-expand:before {
    content: "\e015";
}

.subscribed__cell .k-icon:before {
    font-size: 20px;
    margin: 0 0 0 auto;
}

.subscribed__grid.k-grid .k-hierarchy-cell > .k-icon {
    padding: 10px 0;
}

/* multiselect styles */
new-multiselect {
    display: block;
}

    new-multiselect .slide {
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s;
        overflow: hidden;
    }

    new-multiselect .btn {
        width: 100%;
        background-color: #FFF;
    }

        new-multiselect .btn.error {
            border: 1px solid #da4f49 !important;
        }

/* override Bootstrap [ .dropdown div { color: #7cb7e4 } ] */
.new-multiselect-dropdown .new-multiselect-dropdown__content div {
    color: #616e7a;
}

.new-multiselect-dropdown .dropdown-menu {
    width: 100% !important;
    border-radius: 8px;
}

    .new-multiselect-dropdown .dropdown-menu ul {
        padding: 10px 10px 0px 10px;
        margin-bottom: 0;
    }

    .new-multiselect-dropdown .dropdown-menu li {
        padding: 10px 20px 10px 5px;
        border-bottom: none;
    }

.new-multiselect-dropdown__button {
    font-size: 12px;
    border: 1px solid #CED6E0; /*var(--Black-88);*/
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    height: 35px;
    padding: 1px 0px 1px 16px;
}

    .new-multiselect-dropdown__button .down-icon {
        margin-right: 15px;
        flex-shrink: 0;
    }

    .new-multiselect-dropdown__button.active .down-icon {
        background-color: #3182CC; /*var(--Blue-80);*/
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .new-multiselect-dropdown__button.applied .down-icon {
        background-color: #3182CC; /*var(--Blue-80);*/
    }

.new-multiselect-dropdown__button-text {
    display: inline-flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.new-multiselect-dropdown__main-button-text {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.new-multiselect-dropdown__extra-button-text {
    display: inline-block;
    font-weight: bold;
    color: #1D6EB8;
}

.new-multiselect-dropdown__content {
    padding: 15px;
}

.new-multiselect-dropdown__options-list {
    max-height: 200px;
    border: 1px solid #CED6E0; /*var(--Black-88);*/
    border-radius: 8px;
    overflow-y: auto;
}

.new-multiselect-dropdown__search-field {
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #CED6E0; /*var(--Black-88);*/
    border-radius: 20px;
    height: 40px;
    font-size: 14px;
    color: #616E7A;
    margin-bottom: 10px;
}

    .new-multiselect-dropdown__search-field .search-icon {
        margin: auto 5px;
    }

    .new-multiselect-dropdown__search-field input {
        background: transparent;
        border: none;
        height: auto;
        font-size: 14px !important;
        position: absolute;
        left: 30px;
    }

.new-multiselect-dropdown__option {
    cursor: pointer;
    display: flex;
    padding: 10px 15px;
}

    .new-multiselect-dropdown__option input[type="checkbox"] {
        transform: scale(1.5);
    }

    .new-multiselect-dropdown__option span {
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-left: 10px;
    }

    .new-multiselect-dropdown__option:hover {
        background-color: #EBEFF5; /*var(--Black-96);*/
        border-radius: 8px;
    }

.new-multiselect-dropdown__select-all-option {
    font-weight: bold;
}

.new-multiselect-dropdown__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.new-multiselect-dropdown__clear-btn {
    display: inline-block;
    color: #1D6EB8; /*var(--Blue-72);*/
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
}

    .new-multiselect-dropdown__clear-btn:hover {
        color: #3182CC; /*var(--Blue-80);*/
        background-color: #E1EBF5; /*var(--Black-96);*/
    }
/* end multiselect styles */

@media only screen and (max-width: 1023.98px) and (min-height:528px) {
    .on-demand__grid, .subscribed__grid {
        max-height: calc(100vh - 305px);
    }
}

@media only screen and (min-width: 1024px) and (min-height:528px) {
    .on-demand__grid, .subscribed__grid {
        max-height: calc(100vh - 300px);
    }
}

@media only screen and (max-height: 528px) {
    .on-demand__grid, .subscribed__grid {
        max-height: 150px;
    }
}

.open-aha-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 21px !important;
}

    .open-aha-icon > span {
        font-size: 24px;
        color: #9AA6B8;
    }

    .open-aha-icon > a {
        margin-left: 16px !important;
    }

.contained-btn {
    background: var(--Blue-72);
    border: 1px solid var(--Blue-72);
    border-radius: 20px;
    color: var(--White-220);
    height: 40px;
    align-items: center;
    display: flex;
    padding: 1px;
    cursor: pointer;
    /*new part*/
    justify-content: center;
}

    .contained-btn .text {
        display: inline-block;
        padding-left: 16px;
    }

    .contained-btn:hover {
        border-color: var(--Blue-80);
        background: var(--Blue-80);
    }

    .contained-btn.active {
        background-color: var(--Blue-72);
        border-color: var(--Blue-72);
        color: var(--Black-96);
    }

    .contained-btn.isDisabled {
        color: var(--Black-96);
        background-color: var(--Black-88);
        border-color: var(--Black-88);
        cursor: not-allowed;
    }

.contained-icon {
    margin-right: 10px;
    margin-left: 5px;
    background-color: var(--White-220);
}

@media only screen and (max-width: 322px) {
    .outlined-btn .text,
    .contained-btn .text {
        line-height: 15px;
    }
}

.outlined-btn {
    background: var(--White-220);
    border: 1px solid var(--Black-88);
    color: var(--Black-32);
    width: auto;
    height: 40px;
    border-radius: 20px;
    align-items: center;
    display: flex;
    padding: 1px;
    cursor: pointer;
    justify-content: center;
}

    .outlined-btn .text {
        display: inline-block;
        padding-left: 16px;
    }

    .outlined-btn:hover {
        border-color: var(--Blue-72);
    }

    .outlined-btn.active {
        padding: 0px;
        background-color: var(--Black-96);
        border: 2px solid var(--Blue-72);
    }

    .outlined-btn.isDisabled {
        color: gray;
        border: 1px solid gray;
        cursor: not-allowed;
    }

.outlined-icon {
    margin-right: 10px;
    margin-left: 5px;
}

.send-to-contact-dialog-content .ngdialog-content {
    background: var(--clr-white) !important;
    font-weight: 600;
    width: 560px !important;
    padding: 24px !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .send-to-contact-dialog-content .ngdialog-content {
        margin-left: auto !important;
    }
}

.newui-headerContentSpacer {
    margin-top: 80px;
}

@media only screen and (max-width: 1023.98px) and (min-width: 768px) {
    .newui-headerContentSpacer {
        margin-top: 0 !important;
    }
}

.clSetFunctionality {
    position: absolute;
    left: 630px;
    margin-top: -10px
}

.add-target-wrapper {
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-height: 600px) and (orientation: landscape), only screen and (max-width: 767.98px) {
    .ngdialog.ngdialog-theme-default .ngdialog-content {
        width: 100vw !important;
        overflow-x: auto !important;
        min-width: unset !important;
        max-height: calc(100vh - 120px) !important;
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape), only screen and (max-width: 767.98px) {
    body:has(.vbmapp-assessment) .ngdialog.ngdialog-theme-default .ngdialog-content {
        overflow-y: auto !important;
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
    body:has(.program-library-main-content) .ngdialog.ngdialog-theme-default .ngdialog-content {
        max-height: calc(100vh - 165px) !important;
        overflow-y: auto !important;
    }

    .selectTemplatePopupForm {
        padding: 0px 0 5px 5px !important;
    }

        .selectTemplatePopupForm .FloatContainer {
            margin-top: 0 !important;
        }

        .selectTemplatePopupForm .Line {
            margin-bottom: 8px;
        }

            .selectTemplatePopupForm .Line:nth-of-type(1) {
                margin-top: 5px;
                height: 55px !important;
            }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) and (orientation: landscape) {
    .selectTemplatePopupForm .FloatContainer {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .ngdialog.ngdialog-theme-default .ngdialog-content:has(.selectTemplatePopupForm) {
        overflow-y: auto !important;
    }

    .funderReportFormTemplate > div:nth-of-type(1) {
        padding-left: 15px;
    }
}

@media only screen and (max-height: 350px) and (orientation: landscape) {
    .selectTemplatePopupForm .Line:nth-of-type(1) {
        height: 45px !important;
    }
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
    .funderReportFormTemplate {
        margin-bottom: 60px;
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
    .funderReportFormTemplate {
        margin-bottom: 20px;
    }
}

@media only screen and (max-height: 768px) and (orientation: landscape) {
    session-notes .signature-container canvas {
        height: 152px !important;
    }

    session-notes .signature-container div:has(signature-pad) {
        min-height: 152px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .medical-necessity-panel {
        width: fit-content;
    }
}

@media only screen and (min-height: 850.02px) and (max-height: 1400px) and (max-width: 768px) and (orientation: portrait) {
    .medical-necessity-panel {
        margin-top: 60px !important;
    }
}

@media only screen and (min-height: 800px) and (max-height: 850px) and (max-width: 768px) and (orientation: portrait) {
    .medical-necessity-panel {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }

        .medical-necessity-panel .panel-body {
            padding-bottom: 0;
            padding-top: 0;
        }
}

.customHeaderComponent {
    color: #7092D4;
    text-align: right;
    margin: auto;
    font-weight: bold;
    padding-right: 15px;
}

.customHeaderTemplate.template-header {
    font-weight: bold;
    background: #dbdbdb;
}

.customHeaderTemplate.template-instructions {
    font-size: 12px;
    color: #2A485C;
    font-style: italic;
}

.customHeaderTemplate.template-tip-message {
    font-size: 10px;
    color: blue;
}

.customHeaderTemplate.template-checkbox-item {
    padding-left: 20px;
}

    .customHeaderTemplate.template-checkbox-item label {
        font-weight: 100;
    }

select.intensitySelect[disabled] {
    opacity: 0.4;
}

@media only screen and (min-width: 400px) and (max-width: 800px) and (orientation: portrait) {
    .graph-area-level {
        width: 170vw;
    }
}

@media only screen and (min-width: 330.02px) and (max-width: 399.98px) and (orientation: portrait) {
    .graph-area-level {
        width: 185vw;
    }
}

@media only screen and (max-width: 330px) and (orientation: portrait) {
    .graph-area-level {
        width: 220vw;
    }
}


@media only screen and (min-height: 400px) and (max-height: 800px) and (orientation: landscape) {
    .graph-area-level {
        width: 170vh;
    }
}

@media only screen and (min-height: 330.02px) and (max-height: 399.98px) and (orientation: landscape) {
    .graph-area-level {
        width: 185vh;
    }
}

@media only screen and (max-height: 330px) and (orientation: landscape) {
    .graph-area-level {
        width: 220vh;
    }
}


@media only screen and (max-width: 330px) and (orientation: portrait) {
    .graph-area {
        width: 170vw;
    }
}

@media only screen and (min-width: 330.02px) and (max-width: 800px) and (orientation: portrait) {
    .graph-area {
        width: 140vw;
    }
}

@media only screen and (max-width: 390px) {
    a.behavior-support-menu {
        position: absolute;
        top: -30px;
        right: 1px;
    }
}

select.intensitySelect[disabled] {
    opacity: 0.4;
}

@media only screen and (min-width: 427px) and (orientation: landscape) {
    .mobileMenuDiv {
        display: none !important;
    }
}

.margin-bottom-none {
    margin-bottom: 0;
}

.display-inline {
    display: inline;
}
/* ----------------------------------------------------- */
@media screen and (max-width: 768px) {
    .publicFooter {
        display: none !important;
    }
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .menu .NavBar {
        padding-bottom: 70px !important;
    }

    body {
        min-height: 100%;
    }

    .PageWithSections {
        margin-top: 80px !important;
    }

    @supports (-webkit-touch-callout: none) {
        .PageWithSections {
            margin-top: 0px !important;
        }
    }

    .publicFooter {
        display: none !important;
    }

    .publicHeader {
        position: fixed !important;
    }

    .app-main-container {
        margin-left: 70px;
    }
}

@media screen and (max-width: 640px) {
    body {
        min-height: 100%;
    }

    .newui-headerContentSpacer {
        margin-top: 55px;
        display: none;
    }

    .ContentWrapper-container {
        position: relative;
        top: 68px;
    }

    .ContentWrapperMobile {
        padding-top: 55px;
        margin-top: 20px !important;
    }

    .popoverTextarea form {
        width: 240px;
    }

    .publicFooter {
        display: none !important;
    }

    #detailHistoryPopup {
        height: auto !important;
    }

    .PageWithSections .ContentContent {
        min-height: calc(100vh - 350px);
    }

    .ContentWrapper-container {
        padding-bottom: 0 !important;
    }
}

.draftMsgSpan {
    color: #8F37FF;
    font-family: DM Sans;
    font-weight: 700;
    font-size: 12px!important;
    line-height: 20px;
    letter-spacing: 0.2px;
    text-align: center;
    vertical-align: middle;
}
.draftMsgWrapSpan {
    display: inline-block;
    width: 90px;
    line-height: 1;
    position: relative;
}