@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic');

*,
*::before,
*::after {
    margin: 0px;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --darkbrand: #141F68;
    --brand: #002595;
    --brandtxt: #002595;
    --brandbg: #005799;
    --brandgreen: #005799;
    --brandorange: #C05621;
    --txtcolor: #151E28;
    --white: #fff;
    --lgray: #F9F9F9;
    --link: #0033CC;
    --info: #cce5ff;
    --error: #a80000;
    --purple: #902A92;
    --lightpurple: rgb(223, 118, 184, 0.3);
    --ftxt: #A9D3CA;
    --leftactive: #bfdef3;
    --gray: #ccc;
    --mgray: #e3e3e3;
}

html[dir=ltr] li a {
    margin-left: 0px;
}

.help-block.error, label.control-label.required:before, .crmEntityFormView .cell div.info.required label:after, .crmEntityFormView .cell div.info div.validators, .crmEntityFormView .validator-text, .crmEntityFormView .rank-order-cell .validator-text, .crmEntityFormView .constant-sum-cell .validator-text, .crmEntityFormView .stack-rank-cell .validator-text {
    color: var(--error);
}

.navbar-static-top.navbar-inverse .navbar-brand {
    margin-right: 20px;
}

.navbar-right .dropdown-menu {
    right: 0 !important
}

.custom-search-control {
    height: inherit !important;
}

form > .input-group {
    margin-left: inherit !important;
}

.page_section .form-search .btn {
    padding: 10px 15px !important;
}

.page-heading {
    padding-top: 15px;
}

.breadcrumb > .active {
    font-weight: normal
}

.breadcrumb > li a {
    padding: 0px 5px 0 0;
    color: var(--link)
}

h1 {
    color: var(--brand);
    font-weight: 600;
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
    font-size: 30px;
}

.carousel h1 {
    text-align: center;
}

p {
    font-weight: normal;
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
    font-size: 16px;
}

html {
    scroll-behavior: smooth;
}

h3.form-subgrid-heading {
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
}

body {
    font-size: 16px;
    font-weight: normal;
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
    margin: 0;
    padding: 0;
    color: var(--txtcolor);
    background: transparent;
    overflow-x: hidden;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
    color: var(--darkbrand);
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-weight: 600;
    font-size: 17px;
    color: var(--txtcolor);
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: var(--link);
}

    a:hover {
        color: var(--brandbg)
    }

    a:not(.btn) {
        text-underline-offset: 2px;
    }

input,
textarea {
    border: none;
    outline: none;
    overflow: auto;
}

.row.sectionBlockLayout.text-left {
    padding: 0 !important
}

.primary-header {
    font-size: 32px;
    font-weight: 600;
    color: var(--white);
    display: block;
}

.multi-carousel {
    overflow: hidden;
}

.multi-carousel {
    padding: 0
}

    .multi-carousel h1 {
        margin-bottom: 10px;
        margin-top: 35px
    }

    .multi-carousel p {
        margin-bottom: 20px
    }

.hero {
    position: relative;
    margin: 0px;
    background: #e4f3fa url(/hero-bg.png) no-repeat right;
    padding: 30px 0 0px;
}

.hero-content {
    width: 90%;
    margin: 0 auto
}

.hero-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    color: var(--txtcolor);
    margin: 0;
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif;
}

.welcome {
    font-size: 20px;
    font-weight: 400;
    color: var(--txtcolor);
    line-height: normal;
}

.home-li {
    color: var(--txtwhite);
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
    /* font-size: 16px; */
}

    .home-li li {
        list-style: disc;
        margin-left: 20px
    }

.hero-description {
    color: var(--txtwhite);
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0px;
    margin-top: 10px;
    width: 70%;
}

    .hero-description span {
        font-weight: 600;
    }

.read-more {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    border: 1px solid var(--white);
    padding: 7px 15px;
}

.quicklinks .title {
    font-size: 48px;
    font-weight: 350;
    margin-bottom: 20px;
}

.search-field {
    /* box-shadow:0 3px 5px rgba(57, 63, 72, 0.3); */
    padding: 20px;
    position: relative;
    background: var(--white);
    border-radius: 8px;
    margin-top: 20px;
}

.box {
    box-shadow: 0px 3.2px 7.2px 0px #00000021;
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .box .item {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .box .title {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 26px;
        color: var(--brandtxt);
    }

.get-help {
    font-size: 16px;
    font-weight: 400;
}

    .get-help .title {
        font-size: 20px;
        font-weight: 600;
        color: #767676;
    }

    .get-help li {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
    }

        .get-help li img,
        .get-help li svg {
            margin-right: 15px;
        }

.box-whats {
    box-shadow: 0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647);
    box-shadow: 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);
    min-height: 200px;
    position: relative;
    background-color: var(--white);
    min-height: 217px;
    display: flex;
}

    .box-whats img {
        float: left;
    }

    .box-whats a {
        font-size: 14px;
    }

        .box-whats a:hover {
            text-decoration: underline;
        }

    .box-whats .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 26px;
    }

    .box-whats .description {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .box-whats .whats-right {
        padding: 20px;
    }

.box-support {
    display: inherit;
    padding: 20px;
}

    .box-support img {
        float: inherit;
        margin-bottom: 15px;
    }

.home-desc {
    width: 80%;
    margin: 0 auto;
    font-size: 18px
}

.footer {
    clear: both;
    margin-top: 60px;
}

footer,
footer a,
footer p {
    color: var(--ftxt) !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

    footer a {
        text-decoration: underline !important;
        text-underline-offset: 2px;
    }

        footer a:hover {
            color: white !important;
        }

    footer .footer-bottom {
        background-color: var(--darkbrand);
       /* font-size: 14px;
        padding: 20px 0;*/
    }

.footer-bottom li b {
    padding-bottom: 8px;
    display: block;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
}

.footer-logo {
    max-width:180px;
	width: 100%;
    margin-bottom: 35px;
}

/*  Mobile Screen for max-width: 767px   */
@media (max-width: 767px) {
    footer .footer-bottom .container {
        margin-left: 0px;
        width: 100%;
    }

       /* footer .footer-bottom .container .row {
            margin: 20px 10px;
        }

            footer .footer-bottom .container .row img {
                margin: 10px auto;
                min-height: 40px;
            }*/

    .footer-list {
        padding: 10px 5px;
    }

    footer .footer-bottom .container .row p br {
        content: " ";
        display: none;
    }

    .bg-hero {
        position: inherit;
    }

    .quicklinks .title {
        line-height: 32px;
        font-size: 22px;
    }

    .col-md-3,
    .col-md-2-half {
        margin-bottom: 15px;
    }

    .box-whats {
        flex-flow: column;
    }
}

/*   Mobile Screen for min-width: 768px and max-width:991px    */
@media (min-width: 768px) and (max-width: 991px) {
    /*footer .footer-bottom .container {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        min-width: 100%;
    }

        footer .footer-bottom .container .row p {
            float: right;
            position: relative;
            bottom: 23px;
            justify-content: center;
            align-items: center;
            right: 20px;
        }

    .footer-list.col-sm-4 {
        width: 28%;
        padding-left: 0px;
        padding-right: 0px;
    }

    footer .footer-bottom .col-sm-12,
    footer .footer-bottom .col-xs-12 {
        padding-right: 0px;
    }*/
}

.page-header,
.page-header h1,
.page-header .row {
    margin: 0;
    margin: 0;
}

.page-header {
    margin: 20px 0 10px 0;
}

section {
    padding: 30px 0;
}

.section-bg {
    background-color: #F4F4F4;
}

.section-title {
    padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 32px;
        font-weight: 600;
        color: #323130;
    }

.section-bg {
    background-color: #F4F4F4;
}

.btn {
    background-color: var(--brandbg);
    color: var(--white);
    padding: 9.5px 15px;
    border: 0px;
    border-radius: 4px;
    text-align: center;
    height: 42px;
}
.homebtn {
    background-color: var(--brandbg);
    color: var(--white);
    padding: 9.5px 15px;
    border: 0px;
    text-align: center;
    height: 42px;
    transition: background-color 0.3s, transform 0.2s;
}
.homebtn:hover {
    background: var(--brand);
    color: var(--white);
}
.homebtn:focus {
    background: var(--brand);
    color: var(--white);
}
.btn-white {
    background-color: var(--white);
    color: var(--brandtxt);
    border: 1px solid #ccc;
}

    .btn-white:hover {
        background-color: #ccc;
    }

.btn-blue {
    background-color: var(--brandbg);
    color: var(--white);
    border: 2px solid transparent
}

    .btn-blue:hover {
        background-color: var(--brandbg);
        color: white;
    }

    .btn-blue:focus {
        color: white;
    }

.btn-primary {
    min-width: 100px;
    background: var(--brandbg);
    border: 1px solid var(--brandbg);
}

.qlbtn {
    background-color: var(--brandgreen);
    color: var(--white);
    padding: 6px 15px;
    border: 0px;
    height: 42px;
    border-radius: 7px;
    text-align: center;
    min-width: 100%;
    font-size: 18px;
    font-weight: 600;
    align-self: flex-start; /* or center or flex-end based on preference */
    margin-top: auto;
}

    .btn-primary:hover,
    .qlbtn:hover {
        background-color: var(--brand)
    }

/*# sourceMappingURL=style.css.map */

.navbar-nav a {
    color: var(--brandtxt);
    font-weight: 600
}

    .navbar-nav a:hover {
        color: var(--brandgreen);
        text-decoration: none;
    }

.navbar-toggler {
    background: var(--brandgreen)
}

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}

.page-home {
    min-height: calc(100vh - 50px);
}

.user-dropdowp {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center
}

.username {
    color: var(--brandtxt);
    margin-left: 20px
}

nav {
    width: 100%
}

.nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
}

.navbar-header img {
    height: 80px;
}

.weblink > [aria-current="page"] {
    border-bottom: 5px solid var(--purple);
    height: 57px;
}

.navbar {
    padding: 0px
}

.dropdown-search.show {
    right: 35px;
    left: inherit;
    top: -10px;
    background: transparent;
    border: 0;
    width: 300px;
}

#search-filter {
    border-radius: 4px 0 0 4px;
    text-align: left;
}

#search_control {
    height: 44px
}

.form-search .btn-default {
    background: var(--brandgreen)
}

.input-group-btn .btn {
    border-radius: 0 4px 4px 0
}

.form-control {
    height: 42px;
}

.carousel-item {
    min-height: 400px;
}

.img-carousel {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.page-home .img-carousel:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    content: "";
}

#carousel-items .img-carousel, #carousel-items .img-carousel:after{
    height: auto;
}

.carousel-inner {
    overflow: inherit
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: invert(100%);
}

.carousel-indicators [data-bs-target] {
    background-color: var(--txtcolor)
}

.carousel-indicators {
    bottom: -45px;
}

.page-home .img-responsive {
    width: 100%;
}

.main-content, #mainContent {
    min-height: calc(100vh - 275px);
}

.breadcrumb,
.breadcrumb a {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #424242;
}

.breadcrumb-item.active {
    color: #424242;
    font-weight: 600
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\00BB"
}

.lic-box {
    box-shadow: 0px 0px 2px 0px var(--txtcolor)0001F;
    box-shadow: 0px 2px 4px 0px var(--txtcolor)00024;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid #E3E3E3;
    min-height: 180px;
}

.view {
    font-size: 16px;
    color: var(--brandtxt);
    padding-right: 20px;
    float: right;
    background: url("data:image/svg+xml,<svg viewBox='0 0 12 22' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>") no-repeat right 2px;
}

.lic-title {
    clear: both;
    font-size: 16px;
    color: var(--txtcolor);
    text-align: center;
    padding-top: 10px;
    font-weight: 600;
    padding-bottom: 10px;
    line-height: normal;
}

.plus {
    display: block;
    background: url(/icon_plus.svg) no-repeat center;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    border: 0
}

/*Start pophover*/
.pophover {
    position: relative
}

.popc {
    border: 1px solid #ccc;
    background: var(--white);
    font-size: 15px;
    width: 300px;
    position: absolute;
    top: 100%;
    left: -55%;
    margin-top: 10px;
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    line-height: 1.4;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    background-color: #FCFCFC;
    border-radius: 4px
}

    .popc li {
        border-bottom: 1px solid #C1C1C1;
        padding: 15px;
    }

.plus:hover + .popc {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.popc:after {
    content: " ";
    position: absolute;
    right: 45%;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ccc;
}

/*End Popover*/


/*Start accordion*/
.section-title.accordion {
    display: flex;
    align-items: center;
}

.program-checklist .section-title.accordion {
    padding: 10px 20px
}

.program-checklist .section.accordion-panel {
    background: #f9f9f9;
}

.accordion.section-title h3 {
    font-weight: 400 !important
}

.accordion {
    background-color: #F5F5F5;
    color: var(--txtcolor);
    cursor: pointer;
    padding: 10px 18px;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    background: #f9f9f9 url(/icon-arrow-down.svg) no-repeat 97% center;
    /* display: flex; */
    /* align-items:center; */
}

    .accordion h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        margin: 0px;
        padding: 0px;
    }

legend {
    margin: 0px !important
}

.accordion.active {
    background: #f1f1f1 url(/icon-arrow-up.svg) no-repeat 97% center;
}

.accordions fieldset {
    clear: both;
    margin-bottom: 10px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
    padding: 20px;
}

.expand-all {
    float: right;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #616161;
    margin-top: 30px;
}

    .expand-all input {
        padding: 0px;
        margin: 0px;
        height: 20px;
        width: 20px;
    }

    .expand-all label {
        padding: 0 0 0 10px;
        margin: 0px;
        font-weight: 500 !important;
    }

.accordion i {
    margin-right: 10px
}

/*End accordion*/
/*Start Dash Board */
.dbox-header .fa-bell,
.dbox-header .fa-envelope {
    position: relative;
    margin-right: 10px
}

    .dbox-header .fa-bell span,
    .dbox-header .fa-envelope span {
        position: absolute;
        font-size: 12px;
        background: #a94442;
        width: 18px;
        height: 18px;
        color: var(--white);
        border-radius: 50%;
        padding-top: 1px;
        top: -12px;
        left: 13px;
        justify-content: center;
        text-align: center;
    }

.dbox-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #F3F6FC;
    border-bottom: 1px solid #CBCBCB;
    font-size: 20px;
}

.dbox-header2 {
    align-items: center;
    padding: 15px;
    background: #F3F6FC;
    border-bottom: 1px solid #CBCBCB;
    font-size: 8px;
}


.app-box-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
    font-size: 20px;
    min-height: 85px;
}

    .app-box-header p {
        margin: 0;
        color: #666;
    }

.app-box-item-sub {
    padding: 10px 15px;
    min-height: 405px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 950px) and (max-width: 1190px) {
 .app-box-item-sub {
    min-height: 450px;
}
}
.app-box-item-sub .table {
    flex-shrink: 0; /* Prevent shrinking */
    font-size: 15px;
}

.app-box-item-sub .table-footer {
    font-size: 16px;
    margin-top: auto; /* Push to bottom */
    flex-shrink: 0;
}

.dboxt {
    display: flex;
    align-items: center;
}

.dbox {
    border: 1px solid #E3E3E3;
    box-shadow: 0px 3.2px 7.2px 0px var(--txtcolor)00021;
    box-shadow: 0px 0.6px 1.8px 0px var(--txtcolor)0001A;
}

.dbox-item {
    min-height: 200px;
    padding: 10px;
}

tbody#eolaTableBody tr, tbody#pcppTableBody tr, tbody#caseTableBody tr {
height:50px;
}

/* First column (Reference ID) */
tbody#eolaTableBody td:nth-child(1),
tbody#pcppTableBody td:nth-child(1),
tbody#caseTableBody td:nth-child(1) {
  width: 450px;
}

/* Second column (Status) */
tbody#eolaTableBody td:nth-child(2),
tbody#pcppTableBody td:nth-child(2),
tbody#caseTableBody td:nth-child(2) {
  width: 150px;
}
/* Third column (date) */
tbody#eolaTableBody td:nth-child(3),
tbody#pcppTableBody td:nth-child(3),
tbody#caseTableBody td:nth-child(3) {
  width: 150px;
}

.d-head {
    color: var(--brand);
    font-weight: 600;
    font-size: 16px;
}

@media (max-width: 700px) {
#pcppPagination .pagination a {
    padding: 1px 5px; /* Adjust values as needed */
   
}

#combinedPagination .pagination a {
    padding: 1px 5px; /* Adjust values as needed */
   
}

#casePagination .pagination a {
    padding: 1px 5px; /* Adjust values as needed */
   
}
.add-new {
    width:30% !important;
}
}

.dbox-item li {
    color: var(--brand);
    display: flex;
    align-items: center;
    font-weight: normal;
    line-height: 35px;
    font-size: 15px;
}

    .dbox-item li input {
        padding: 0;
        margin: 0;
        margin-right: 10px;
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px
    }

    .dbox-item li i {
        margin-right: 10px;
        font-size: 18px;
    }

    .dbox-item li span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.box-action-center th {
    background: transparent !important
}

.app-box-item {
    font-size: 12px;
    min-height: 250px;
    padding: 20px 5px;
    display: table;
    width: 100%;
}

.app-box {
    background: #F9F9F9;
    box-shadow: 0px 0px 2px 0px var(--txtcolor)0001F;
    box-shadow: 0px 2px 4px 0px var(--txtcolor)00024;
    min-height: 265px;
}

.app-box-header .d-head {
    color: var(--txtcolor);
    font-size: 22px;
    font-weight: 400
}

.recent-application {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.status-btns {
    margin-top: 10px;
}

    .status-btns button {
        border-radius: 20px;
        padding: 4px 10px;
        margin: 2px;
        font-weight: 500;
        border-width: 1px;
        border-style: solid;
        font-size: 15px;
        cursor: pointer;
    }

.draft-btn {
    border-color: #E0E0E0;
    background-color: var(--white);
    color: #616161;
}

.all-btn {
     border-color: #C9B5E7;
     background-color: #F6F3FB;
     color: #4B2571;
}

.submitted-btn {
    border-color: #B4D6FA;
    background-color: #EBF3FC;
    color: #115EA3;
}

.action-required {
    border-color: #eeacb2;
    background-color: #fdf3f4;
    color: #b10e1c;
}

.review-btn {
    border-color: #FDCFB4;
    background-color: #fff9F5;
    color: #8A3707;
}


.approved-btn {
    border-color: #9FD89F;
    background-color: #F1FAF1;
    color: #0E700E;
}

.add-new {
    text-decoration: none !important;
    margin-top: 20px;
    color: var(--brandtxt);
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 25%; 
}

    .add-new .icon-plus {
        text-decoration: none !important;
        font-size: 35px;
        font-weight: 100;
        margin-right: 7px;
    }

    .add-new span:last-child {
        text-decoration: underline
    }

/*End Dash Board */

#navbar {
    width: 100%
}

.profile {
    float: right;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    text-decoration: none;
    border-radius: 4px;
}

    .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
        background-color: var(--lightpurple);
        color: var(--txtcolor);
        border-radius: 4px;
        border-bottom: 5px solid #902a92;
        transtion: 0.3s ease;
    }

.sign-in,
.sign-up {
    float: left;
}

    .sign-in a,
    .sign-up a {
        line-height: 32px;
    }

.profile a {
    text-decoration: none;
}

.profile a {
    padding: 5px 10px;
    font-weight: 500;
}

/*.searchli {
    margin-top: 5px
}
*/

.profile .sign-in a {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: var(--txtcolor);
    margin-right: 10px
}

.profile .sign-up a {
    border: 1px solid var(--brandtxt);
    border-radius: 4px;
    color: var(--white);
    background: var(--brandtxt);
}

.sign-up a {
    color: var(--white);
}

.sign-in a {
    color: var(--txtcolor);
}

    .sign-in a:hover {
        background: var(--brandbg);
        color: white;
        border: 1px solid var(--brandbg);
    }

.sign-up a:hover {
    background: var(--brandbg);
    color: white;
    border: 1px solid var(--brandbg);
}

.divider-vertical {
    display: none !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background: #f2f2f2;
    color: var(--txtcolor)
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: var(--txtcolor);
        text-transform: none;
        text-decoration: none;
        padding: 8px
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            border: 0
        }

.profile .dropdown {
    float: left
}

#search_control {
    width: 100%;
}

#search-filter {
    border: 1px solid var(--brandgreen);
    height: 44px !important;
    widht: auto;
}

    #search-filter span {
        color: var(--white) !important;
    }

.carousel-control {
    background: transparent !important;
    color: var(--txtcolor);
    width: 2% !important;
    display: none;
}

    .carousel-control .glyphicon {
        top: 50%
    }

    .carousel-control.right {
        right: 0;
    }

    .carousel-control.left {
        left: -0;
    }

.multi-carousel p,
.multi-carousel h1 {
    text-align: center
}

ol.progress.left,
ol.progress.right {
    margin: 0;
}

.form-control, input[type=text], select {
    border: 1px solid #909090 !important;
    border-radius: 4px
}

    .form-control:focus, input[type=text]:focus, select:focus, input[type=checkbox]:focus {
        border: 1px solid #0099E0 !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 2px rgb(0 157 229 / 100%);
    }

.div-left {
    padding: 0;
    margin-right: 20px;
    width: 30%;
    background: #F9F9F9;
    min-height: 500px;
    box-shadow: 2px 2px 2px 0px var(--txtcolor)0001A;
    border-radius: 5px;
}

.crmEntityFormView.right {
    width: 67%;
    border: 0;
    padding: 20px 20px;
    margin: 0;
    background: #F9F9F9;
    box-shadow: 2px 2px 2px 0px var(--txtcolor)0001A;
    border-radius: 5px;
}

.progress.list-group.left {
    border-radius: 5px;
}

.eda-right {
    background: #F9F9F9;
    min-height: 500px;
    box-shadow: 2px 2px 2px 0px var(--txtcolor)0001A;
}

.eda-page > div,
.eda-application .row {
    display: flex
}

/*Start Progress*/
.progress-round {
    width: 80px !important;
    height: 80px !important;
    background: none;
    position: relative;
    float: right;
}

    .progress-round:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 12px solid #f1f1f1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-round > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

.progress .progress-left {
    left: 0;
}

.progress-round .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress-round .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progress-round .progress-right {
    right: 0;
}

    .progress-round .progress-right .progress-bar {
        left: -100%;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
        border-right: 0;
        -webkit-transform-origin: center right;
        transform-origin: center right;
        animation: loading-1 1.8s linear forwards;
    }

.progress-round .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 14px;
    color: var(--txtcolor);
    line-height: 75px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    font-weight: 600;
}

.progress-round.blue .progress-bar {
    border-color: #107C10;
}

.progress-round.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

/*End Progress */
.error-message {
    color: var(--error);
    font-size: 14px;
}

.fac-filters {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .fac-filters div {
        margin-right: 40px;
        display: flex;
        align-items: center;
    }

.searchby {
    font-weight: 600;
}

.fac-filters label {
    font-weight: normal
}

.fac-filters input,
.fac-filters label {
    margin: 0 !important;
    padding: 0 !important;
}

.fac-filters input {
    width: 20px;
    height: 20px;
    margin-right: 7px !important
}

.crmEntityFormView,
.entitylist,
.panel-default {
    border: 0
}

.datetimepicker .input-group-addon {
    border: 1px solid #909090;
}

.common-form #entitylist-filters .input-group-addon {
    display: none
}

#searchAnd {
    margin-top: 10px;
}

.common-form #entitylist-filters + div {
    float: left !important;
    margin-top: 20px
}

.common-form .panel-body {
    padding: 0;
}

.crmEntityFormView .tab-title {
    border: 0
}

.mr20 {
    margin-right: 20px;
}

.actions {
    border: 0px !important;
    padding: 0 !important;
    margin: 0 !important
}

.table-striped th,
.view-grid .table > thead > tr > th {
    background: #f3f6fc;
    border-bottom: 2px solid #6e91e0 !important;
    font-weight: 600;
    height: 50px;
}

    .table-striped th a,
    .view-grid .table > thead > tr > th a {
        color: #171A22;
        text-decoration: none !important;
        font-weight: 600;
        position: relative;
    }

.table-striped,
.view-grid table {
    background-color: var(--white);
    border: 1px solid #E3E3E3;
    box-shadow: 0px 3.2px 7.2px 0px #00000021;
}

.grid-actions {
    border: 0
}

/*.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    border-bottom: 1px solid #d5def6;
}
*/

.nav-pills > li > a {
    text-decoration: none !important;
}

input[type="radio"],
input[type="checkbox"] {
    height: 20px;
    width: 20px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
    background-color: var(--brand) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
}

.entitylist-search {
    display: table;
}



/*Start PCPP Web Template*/
.overwrite-section {
    margin-bottom: 20px;
}

.main-content-licence {
    margin-bottom: 20px;
}

.Filters {
    margin-bottom: 20px;
}

.title-licence {
    font-size: 24px;
    font-weight: 600;
}

.filter-panel {
    padding: 0 20px;
}

.lbl-licence {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.page-pcpp .Filters .form-control {
    margin-bottom: 20px;
}

.page-pcpp .crmEntityFormView .cell {
    /* padding: 0 30px 20px 0;*/
    padding: 8px;
}

/*End PCPP Web Template*/

/*.pcpp-step2 tr,
.pcpp-step2 td,
.pcpp-step3sec1 tr,
.pcpp-step3sec1 td,
.pcpp-step3sec2 tr,
.pcpp-step3sec2 td,
.pcpp-step3sec3 tr,
.pcpp-step3sec3 td,
.pcpp-step3sec4 tr,
.pcpp-step3sec4 td,
.pcpp-step3sec5 tr,
.pcpp-step3sec4 td,
.pcpp-step4 tr,
.pcpp-step4 td,
[data-name="cdph_LengthofStay"] tr,
[data-name="cdph_LengthofStay"] td {
    display: flex;
    align-items: center;
}*/

    /*.pcpp-step2 td:first-child .info,
    .pcpp-step3sec1 td:first-child .info,
    .pcpp-step3sec2 td:first-child .info,
    .pcpp-step3sec3 td:first-child .info,
    .pcpp-step4 td:first-child .info,
    [data-name="cdph_LengthofStay"] td:first-child .info {
        width: 150px;
        padding: 0;
    }*/

/*.pcpp-step2 .control,
.pcpp-step3sec1 .control,
.pcpp-step3sec3 .control,
.pcpp-step4 .control,
[data-name="cdph_LengthofStay"] .control {
    width: 150px
}*/

/*.pcpp-step2 td:first-child .info {
    width: 190px;
}*/

/*.pcpp-step3sec2 .control {
    width: 80px;
}*/

.pcpp-step2 colgroup,
.pcpp-step3sec1 colgroup,
colgroup {
    display: none
}

/*.pcpp-step2 th {
    width: 175px;
    margin-right: 5px;
}

.pcpp-step3sec1 th {
    width: 130px;
    margin-bottom: 20px;
}

.pcpp-step3sec1 td:first-child .info {
    width: 330px;
}

.pcpp-step3sec1 th:first-child {
    width: 330px;
}*/

.mt20 {
    margin-top: 20px;
}

/*.pcpp-step3sec2 tr:nth-child(2) th:first-child {
    margin-left: 160px;
    white-space: nowrap;
    margin-right: 50px;
}

.pcpp-step3sec2 .validators,
.pcpp-step3sec3 .validators,
.pcpp-step3sec4 .validators,
.page-pcpp .validators {
    display: none;
}
*/
.page-pcpp .integer.form-control {
    text-align: center
}

/*.pcpp-step3sec2 th {
    width: 210px
}

.pcpp-step3sec2 th {
    width: 180px;
}
*/
.pcpp-step2 thead tr {
    background-color: #E1E1E1;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: normal
}

    .pcpp-step2 thead tr th,
    .pcpp-step3sec1 th,
    .pcpp-step3sec2 th,
    .pcpp-step3sec3 th,
    .pcpp-step3sec4 th,
    .pcpp-step3sec5 th,
    .pcpp-step4 th {
        font-weight: normal;
    }

        .pcpp-step2 thead tr th:first-child,
        .pcpp-step3sec1 th:first-child,
        .pcpp-step3sec2 tr:nth-child(3) th:first-child,
        .pcpp-step3sec3 tr:nth-child(2) th:first-child,
        .pcpp-step3sec4 tr:nth-child(3) th:first-child,
        .pcpp-step4 tr:nth-child(2) th:first-child {
            font-weight: 500;
        }

/*.pcpp-step3sec2 tr:nth-child(3) th:first-child,
.pcpp-step3sec3 tr:nth-child(2) th:first-child,
.pcpp-step3sec4 tr:nth-child(3) th:first-child,
.pcpp-step4 tr:nth-child(2) th:first-child {
    padding-left: 10px;
}*/

./*pcpp-step3sec2 thead tr:nth-child(2),
.pcpp-step3sec3 thead tr:first-child,
.pcpp-step3sec4 thead tr:nth-child(2),
.pcpp-step3sec5 thead tr:nth-child(2),
.pcpp-step4 thead tr:first-child {
    background-color: #cdcdcd;
    padding: 15px 0;
}

.pcpp-step3sec2 thead tr:nth-child(3),
.pcpp-step3sec3 thead tr:nth-child(2),
.pcpp-step3sec4 thead tr:nth-child(3),
.pcpp-step3sec5 thead tr:nth-child(3),
.pcpp-step4 thead tr:nth-child(2) {
    background-color: #E1E1E1;
    padding: 15px 0;
    margin-bottom: 20px;
}

.pcpp-step3sec2 tr:nth-child(3) th:first-child {
    width: 125px;
    margin-right: 20px;
}

.pcpp-step3sec2 tr:nth-child(3) th {
    width: 110px;
    margin-right: 5px;
}

.pcpp-step3sec3 th:first-child,
.pcpp-step3sec3 th:nth-child(2),
.pcpp-step3sec4 th:first-child,
.pcpp-step3sec4 th:nth-child(2),
.pcpp-step4 th:first-child,
.pcpp-step4 th:nth-child(2) {
    width: 180px;
    margin-right: 20px;
}

.pcpp-step3sec3 tr:first-child th:first-child,
.pcpp-step3sec4 tr:nth-child(2) th:first-child,
.pcpp-step4 tr:first-child th:first-child {
    margin-left: 210px;
    white-space: nowrap;
    margin-right: 35px;
}

.pcpp-step3sec3 td:first-child .info,
.pcpp-step3sec3 .control,
.pcpp-step3sec4 td:nth-child(1) .info,
.pcpp-step3sec4 .control,
.pcpp-step4 td:first-child .info,
.pcpp-step4 .control {
    width: 200px
}*/

.pcpp-step3sec2 .validators,
.pcpp-step3sec3 .validators,
.pcpp-step3sec4 .validators,
.page-pcpp .validators {
    display: none;
}

/*.pcpp-step3sec1 th {
    padding-right: 2px;
}*/

.page-pcpp .integer.form-control {
    text-align: center
}

table.section.pcpp-step4 tr:last-child .info label {
    font-weight: normal !important
}

textarea.form-control {
    min-height: 80px;
}

/*.pcpp-step3sec5 td:first-child .info {
    width: 100px;
    padding: 0;
    margin-right: 30px;
}

.pcpp-step3sec5 tr,
.pcpp-step3sec5 td {
    display: flex;
    align-items: flex-start;
}

    .pcpp-step3sec5 td:nth-child(1) .control {
        width: 100px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

.pcpp-step3sec5 .control {
    display: flex;
    flex-direction: column;
    width: 100px;
}*/

#applicant-signature-tab p {
    font-weight: 600;
}

#applicant-signature-tab ul {
    list-style: disc;
    margin: 20px
}

.form-pcpp-sign .tab-column {
    padding: 0 !important
}

.hlbl {
    width: 205px;
    margin-right: 10px;
}

/*.pcpp-step3sec5 td:nth-child(1) .control .info {
    width: 100px !important;
    word-break: break-all;
}

.pcpp-step3sec5 .control input {
    width: 100px !important;
}

.pcpp-step3sec5 th {
    font-weight: normal
}

.pcpp-step3sec5 tr:nth-child(2) th:first-child {
    margin-left: 340px;
    width: 130px;
    margin-right: 0px;
}

.pcpp-step3sec5 tr:nth-child(3) th:first-child {
    width: 119px;
    padding-left: 10px;
    font-weight: 500;
    margin-right: 10px;
}

.pcpp-step3sec5 tr:nth-child(3) th:nth-child(2) {
    width: 195px;
}

.pcpp-step3sec5 tr:nth-child(3) th:nth-child(3) {
    width: 130px;
    padding-left: 20px
}

.pcpp-step3sec5 tr:nth-child(3) th:nth-child(4) {
    width: 130px;
    padding-left: 20px
}

.pcpp-step3sec5 td:nth-child(1) .control .info {
    width: 270px !important;
}

.pcpp-step3sec5 tr:last-child td:first-child .control {
    width: 100px !important;
    flex-direction: column;
    margin-right: 10px;
}

.pcpp-step3sec5 tr:last-child td .control {
    width: 100px !important;
}

.pcpp-step3sec5 tr:last-child td:first-child .info {
    width: 315px !important;
}

.pcpp-step3sec5 tr:last-child td:nth-child(1) {
    padding-right: 20px;
}

.pcpp-step3sec5 tr:last-child td:nth-child(2) {
    width: 180px !important;
}*/

.pcpp-right .crmEntityFormView .cell.integer .field-label {
    font-weight: normal;
}

#customErrorDiv_cdph_total_nhosp_adm_TotalNonHospiceError {
    margin-left: 10px;
}

#Next,
#Previous,
#NextButton,
#PreviousButton,
#saveButton,
#nextButton {
    background: transparent !important;
    color: var(--brand);
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding: 10px 15px !important;
    line-height: normal;
    border: 1px solid transparent;
}

#Next,
#NextButton,
#nextButton {
    background: url(/icon-right.png) no-repeat right !important;
    min-width: inherit;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16'  fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>") no-repeat 90% center !important;
    background-size: 14px !important;
}

#Previous,
#PreviousButton {
    position: relative;
}

#Previous,
#PreviousButton {
    background: url(/icon-left.png) no-repeat left !important;
    margin-left: -30px;
    padding: 0 !important;
    min-width: inherit;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16'  fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0' clip-rule='evenodd'/></svg>") no-repeat 15px center !important;
    background-size: 14px !important
}

#Next,
#NextButton,
#nextButton {
    padding: 10px 30px 10px 15px !important;
}

#Previous,
#PreviousButton {
    padding: 10px 15px 10px 35px !important;
}

    #Next:hover,
    #Previous:hover,
    #NextButton:hover,
    #PreviousButton:hover,
    #saveButton:hover,
    #nextButton:hover,
    #Next:focus,
    #Previous:focus,
    #NextButton:focus,
    #PreviousButton:focus,
    #saveButton:focus,
    #nextButton:focus {
        border: 1px solid var(--brand);
        border-radius: 4px;
    }

.definition-container,
.payment-container {
    margin: 0px;
    margin-bottom: 20px;
}

.definition-container {
    background-color: var(--info);
    padding: 0px 20px;
    border-radius: 5px;
    line-height: 1.6;
    margin-top: 20px;
}

    .definition-container p {
        padding: 10px 0;
    }

.example {
    background-color: #f1f8e9;
    padding: 1px 15px;
    border-radius: 5px;
}

.dropdown-search {
    right: 0 !important
}

    .dropdown-search .form-control {
/*        width: 300px;
*/
        height: 44px;
    }

.eda-left .actions {
    position: absolute;
    bottom: -45px;
    width: 100%;
}

    .eda-left .actions .col-sm-6,
    .page-apcc .actions .col-sm-6 {
        width: 100%;
    }

        .eda-left .actions .col-sm-6 div:nth-child(2) {
            float: right;
        }

.eda-left .crmEntityFormView .cell {
    padding: 0 0px 20px 0;
}

.modal-body .private-mode-banner {
    display: none !important;
}

#cdph_productlabeltype,
#cdph_returncertificatecarrier {
    display: flex;
    align-items: center;
}

    #cdph_productlabeltype label,
    #cdph_returncertificatecarrier label {
        margin-right: 30px
    }

#cdph_productlabel_delete_button,
#cdph_shippinglabel_delete_button,
.btn-for-delete {
    background: transparent;
    color: var(--txtcolor);
    margin-left: 10px;
    padding: 3px 5px !important;
}


.tab-title,
.section-title,
.section-title h3,
#signtitle {
    font-size: 20px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--darkbrand)
}

.required-field {
    margin-bottom: 20px;
}

    .required-field .error-message {
        font-size: 16px;
    }

.form-readonly .required-field, .form-pcpp-designated-contact .required-field {
    display: none
}

#signtitle {
    text-decoration: none !important;
}

.section .cell {
    padding: 0 28px 20px 0;
}

#cdph_afcc_ap_label,
#cdph_afcc_cp_label {
    white-space: nowrap;
}

[data-name="EligibilityDeterminationSection"] tr:first-child td .info,
.datetime.form-control-cell .info {
    margin-left: 0px !important;
}

[data-name="EligibilityDeterminationSection"] .info,
[data-name="Offered patient right to rescind (2nd time)"] .info,
[data-name="PatientsMentalStatusSection"] .info,
[data-name="PatientsMentalStatus_Section"] .info {
    margin-left: 20px !important;
}

    [data-name="EligibilityDeterminationSection"] .info label,
    [data-name="Offered patient right to rescind (2nd time)"] .info label,
    [data-name="PatientsMentalStatusSection"] .info label,
    [data-name="PatientsMentalStatus_Section"] .info label {
        font-weight: normal;
    }

.progress {
    background: #F9F9F9;
}

[data-name="MentalHealthSpecialistsInformation"] .validators {
    display: none
}

#cdph_afcc_electronicallysignoptin_label,
#cdph_afcc_physicallysignoptin_label,
#cdph_pfuf_electronicsignatureoptin_label,
#cdph_pfuf_physiciansignatureoptin_label {
    margin-left: 20px;
    display: block
}

.sub-section td {
    padding-left: 40px !important
}

.form-control.readonly {
    padding-left: 12px !important;
}

.row {
    margin-bottom: 20px;
}

.dropdown.action .btn {
    background: transparent;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 40px;
}

.fa-chevron-circle-down {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    right: 15px;
}

    .fa-chevron-circle-down:before {
        content: "...";
        color: #0E47CB !important;
        font-size: 30px !important;
        line-height: 0;
    }

.fa-arrow-up {
    float: right
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    vertical-align: middle;
}

#navbar .dropdown-menu .dropdown-menu {
    left: 100%;
    top: auto;
    margin-top: -36px;
}

.sub-dropdown-toggle .caret {
    float: right;
    rotate: -90deg;
    text-align: center;
    margin-top: 8px;
}

.t-btns {
    position: absolute;
    top: -38px;
    right: 0;
}

.t-btn {
    padding: 8px 16px;
    border-radius: 4px;
    border: 0;
    background-color: transparent;
    font-weight: 600;
}

.btn-save,
.btn-checkoutandsubmit {
    background-color: var(--brandbg);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 4px;
    border: 0
}

.btn-cancel {
    color: var(--brand);
}

.list-group-item-success .glyphicon-ok {
    float: right;
    background: url(/icon-green-tick.png);
    height: 20px;
    width: 20px;
    font-size: 0;
    display: none;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--brandbg);
    border-color: var(--brandbg);
}

.eda-page .progress.list-group.left:before {
    content: "Tasks list to finish";
    padding: 15px 10px;
    display: block;
    font-weight: 600;
    font-size: 18px
}

.in-progress {
    font-size: 18px;
    margin-top: -40px;
    position: absolute;
    text-transform: uppercase;
    font-weight: normal
}

#create {
    padding-left: 45px
}

    #create:before {
        content: "+";
        font-weight: 100;
    }

#addProductsinBulk {
    padding-left: 40px
}

.modal-form .modal-body iframe {
    height: inherit;
    min-height: 500px;
}

.btn-default.btn-for-file-input {
    color: var(--txtcolor);
    border: 1px solid #909090;
    border-radius: 4px;
    outline: #909090;
    white-space: nowrap;
    padding: 10px 10px 10px 40px !important;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 28' fill='%23666' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.5 11.5a.5.5 0 0 1-1 0V7.707L6.354 8.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 7.707z' clip-rule='evenodd'/><path d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/></svg>") no-repeat 10px 8px !important;
}

    .btn-default.btn-for-file-input:hover {
        color: var(--white);
        background: var(--brand) url("data:image/svg+xml,<svg viewBox='0 0 16 28' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.5 11.5a.5.5 0 0 1-1 0V7.707L6.354 8.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 7.707z' clip-rule='evenodd'/><path d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/></svg>") no-repeat 10px 8px !important;
    }

.file-control-container {
    display: flex;
    align-items: center;
    width: 100%;
    background: var(--white);
    padding: 10px;
}

.break-file-name {
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    min-width: 70px;
}

.file-link-and-delete {
    width: calc(100% - 135px);
}

ol.progress li.incomplete {
    border-bottom: 1px solid #dadeda;
}

.list-group-item {
    border: 0;
    font-size: 16px;
    padding: 10px 40px 10px 20px;
}

.list-group-item-success {
    border-bottom: 1px solid #ddd;
    margin-bottom: inherit;
    background: #ebf7eb;
}

.alert-block h2 {
    font-size: 15px !important;
}

.alert-block li,
.alert-block li a {
    color: #a94442 !important;
}

#MaximumLengthValidatorcdph_pfuf_ap_mname {
    display: none;
}

[for=cdph_afcc_medication_delivery_method_0],
[for=cdph_afcc_medication_delivery_method_1],
[for=cdph_afcc_medication_delivery_method_2] {
    margin-right: 20px;
}

#cdph_certificate_information_label_text1 {
    border: 0 !important;
    padding: 0 !important;
    margin: 0;
    height: 45px
}

[aria-label="Certificate Information"] .section-title {
    margin: 0;
    padding: 0 !important;
}

#cdph_certificate_information_label_text1,
#cdph_certificate_information_label_text3,
#cdph_certificate_information_label_text2 {
    border: 0 !important;
    padding: 0 !important;
    margin: 0;
    height: 45px;
    font-weight: 500;
    color: var(--txtcolor);
}

#cdph_certificate_information_label_text3 {
    height: 65px;
}

#cdph_certificate_information_label_text2 {
    height: 100px;
}

[aria-label="Certificate Information"] .section-title {
    margin: 0;
    padding: 0 !important;
}

.custcont h4,
.custcont h2 {
    font-size: 20px;
    border-bottom: 1px solid #989898;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 15px
}

.custcont td,
.custcont th {
    padding: 5px;
    font-size: 14px;
}

.custcont th {
    font-weight: normal;
    font-weight: 600
}

    .custcont th:nth-child(4),
    .custcont th:nth-child(3),
    .custcont th:nth-child(2) {
        text-align: right;
    }

    .custcont th:nth-child(2) {
        text-align: center;
        padding: 0;
        width: 1px;
    }

.custcont td:nth-child(4),
.custcont td:nth-child(3) {
    text-align: right
}

.custcont td:nth-child(2) {
    text-align: center
}

.custcont td:nth-child(1),
.custcont th:nth-child(1) {
    width: 1px;
    !important;
    white-space: nowrap;
    padding: 0;
}

.amount-due {
    font-size: 20px;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center
}

.note {
    margin: 15px 0;
    font-weight: 600;
    color: var(--error);
}

.create-action {
    padding-left: 40px
}

[data-name="tab_fees"] .create-action {
    margin: 0 !important
}

.create-action:before {
    content: "+";
    font-size: 35px;
    font-weight: 100;
    position: absolute;
    top: -6px;
    left: 25px;
}

.create-action .fa-plus-circle {
    font-size: 0
}

textarea {
    outline: 0 !important;
}

#checkoutButton {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.boolean-radio input,
.boolean-radio label {
    padding: 0px !important;
    margin: 0px !important;
    padding-right: 15px !important;
    margin-right: 5px !important;
}

.product-details-info,
.application-details-info {
    margin: 20px 10px;
}

    .product-details-info strong {
        display: block;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .application-details-info strong {
        margin-bottom: 15px;
        display: block
    }

.form-product-label {
    min-height: 811px;
}

.product-details-info b {
    margin: 20px -20px 10px !important;
    display: block
}

.product-details-info li,
.application-details-info li {
    list-style: disc
}

.eda-right li {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: normal;
}

/*start converted drop to tabs*/
.grid-actions .dropdown-menu {
    display: inline-block;
    border: 0;
    box-shadow: none;
    z-index: inherit;
}

    .grid-actions .dropdown-menu li {
        float: left;
    }

.grid-actions .dropdown-menu {
    position: inherit
}

.grid-actions .selected-view.dropdown-toggle {
    display: none
}

.grid-actions .dropdown-menu > .active > a,
.grid-actions .dropdown-menu > .active > a:hover,
.grid-actions .dropdown-menu > .active > a:focus {
    background: transparent;
    color: var(--txtcolor);
    font-weight: 600;
    border: 0;
    border-bottom: 3px solid var(--brandbg) !important;
    padding: 1px 0px 8px
}

.grid-actions .dropdown-menu > li > a:hover {
    border: 0;
    background: transparent !important;
    color: #666
}

.grid-actions .dropdown-menu > .active > a:hover {
    border-bottom: 3px solid var(--brandbg) !important;
    padding: 1px 0px 8px
}

.grid-actions .dropdown-menu > li {
    padding: 0 15px
}

    .grid-actions .dropdown-menu > li:first-child {
        padding: 0 25px 0 0
    }

/*start converted drop to tabs*/
#validateAddress {
    margin-top: -60px;
    float: left;
    background: transparent url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23205493' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0M7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0'/></svg>") no-repeat 0 10px !important;
    background-size: 22px !important;
    padding-left: 30px !important;
    border: 0;
    color: var(--brand);
    font-weight: 500;
}

.btn-for-delete {
    border: 2px solid #fff !important;
}
/*start Pcpp home page*/
.left-col {
    padding-left: 0;
}

.right-col {
    background: #F8F8F8;
    padding: 30px 20px;
}

.right-btn {
    background: var(--brandbg);
    color: var(--white);
    width: 100%;
    border: 0;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 500;
}

    .right-btn:hover {
        background: var(--brand);
    }

.right-title {
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 10px
}

.right-col p,
.left-col p {
    margin-bottom: 30px;
}

.right-col p {
    font-weight: 600;
}

.res-links a {
    display: block
}

/*End Pcpp home page*/
[data-name="PatientAndAttendingPhysicianInformation"] .field-label,
#custom_doyouhavereferenceid_label {
    font-weight: normal
}

[data-name="PatientAndAttendingPhysicianInformation"] .section-title,
[data-name="PatientAndAttendingPhysicianInformation"] .section-title h3,
[aria-label="Attending Physician Details:"] .section-title,
[aria-label="Attending Physician Details:"] .section-title h3 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: normal;
    font-size: 18px;
}

    [data-name="PatientAndAttendingPhysicianInformation"] .section-title h3 {
        position: absolute;
        top: 20px;
    }

[aria-label="Patient Details:"],
[aria-label="Attending Physician Details:"] {
    background-color: #F1F1F1;
    padding: 60px 20px 0 !important;
    position: relative
}

#cdph_pfuf_additional_information_label,
#cdph_afcc_additional_email2 {
    font-weight: normal !important;
}

#cdph_pfuf_additional_information {
    height: 80px;
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    background-color: #D4D4D4;
    color: #3d3d3d;
    padding-left: 10px;
}

#signatureinfo,
#emailaddressinfo {
    padding-left: 0
}

label {
    font-weight: 600;
}

#cdph_pfuf_additional_email1,
#cdph_pfuf_additional_email2,
#cdph_pfuf_additional_email3,
#cdph_pfuf_additional_email4,
#cdph_afcc_additional_email1,
#cdph_afcc_additional_email2,
#cdph_afcc_additional_email3,
#cdph_afcc_additional_email4,
#cdph_additionalemail1,
#cdph_additionalemail2,
#cdph_additionalemail3,
#cdph_additionalemail4 {
    float: left;
    width: 90%
}

#additionalEmailsAddition button {
    background: transparent;
    border: 0;
    width: 20px;
    height: 20px;
    font-size: 0;
}

.btn-delete.fa-trash {
    float: left;
    margin: 5px;
}

.btn-add.fa-plus-circle {
    margin: 5px;
}

    .btn-add.fa-plus-circle:before,
    .btn-delete.fa-trash:before {
        font-size: 18px;
    }

#PhysicalSignInfoSection12 {
    margin-top: 20px
}

    #PhysicalSignInfoSection12 td {
        width: 33%;
        background: #F1F1F1;
        margin-right: 20px;
        border-right: 20px solid #F9F9F9;
        padding: 15px;
        vertical-align: top;
        font-size: 14px;
    }

    #PhysicalSignInfoSection12 th {
        background: #F1F1F1;
        border-right: 20px solid #F9F9F9;
        text-align: left !important;
        padding: 15px 0 0 15px
    }

#signatureinfo,
.txt-norms,
.txt-emails {
    font-weight: 600;
}

.txt-emails {
    margin-bottom: 5px
}

.additonalemailaddressinfo td {
    padding: 0 !important
}

.additonalemailaddressinfo + tr td .info {
    display: none;
    background: #a94442
}

.picklist.horizontal {
    display: flex;
    align-items: center;
}

    .picklist.horizontal label {
        margin: 0;
        margin-right: 40px
    }

    .picklist.horizontal input {
        margin: 0 10px 0 0 !important
    }

b,
.tab-title {
    font-weight: 600
}

#RequiredFieldSpan {
    color: #a94442;
}

.pcpp-right {
    background: #F9F9F9;
    min-height: 500px;
    padding: 20px;
}

.panel,
.crmEntityFormView,
.entitylist {
    background: transparent;
}

#entitylist-filters ul,
#entitylist-filters li,
#entitylist-filters .input-group.entitylist-filter-option-text {
    width: 100%;
}

#searchAnd {
    margin: 20px 10px;
    text-transform: uppercase
}

.btn-entitylist-filter-submit {
    background: var(--brandbg);
    color: white;
}

.pcpp-left .progress.list-group.left:before {
    content: "Tasks list to finish";
    padding: 15px 10px;
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.fac-filters label {
    font-weight: normal
}

.pcpp-right {
    position: relative;
    box-shadow: 2px 2px 2px 0px var(--txtcolor)0001A
}

    .pcpp-right #nextButton {
        position: absolute;
        bottom: -45px;
        right: 0
    }

#searchMessage {
    background: transparent;
    font-weight: 600;
    margin: 0;
    padding: 0;
    padding-bottom: 10px
}

.pcpp-right [class*=checkMark-],
.pcpp-right [class^=check-],
.pcpp-right [class^=checkbox-] {
    display: table-cell !important;
}

.btn:hover {
    background: var(--brand);
    color: var(--white);
}

.pcpp-right .actions {
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.pcpp-right #dropdown_0 {
    width: 350px;
}

.pcpp-right .dropdown-error-message {
    clear: both;
    display;
    display: block;
	color: darkred !important;
}

#continue_to_report {
    padding-bottom: 10px;
}

.rd-continue {
    display: flex;
    align-items: center
}

    .rd-continue label,
    .rd-continue input {
        margin: 0;
        padding: 0;
    }

    .rd-continue label {
        margin-right: 30px
    }

    .rd-continue input {
        margin-right: 5px
    }

#cdph_serv_under_pcpp_label {
    padding-bottom: 10px
}

#cdph_whystopparticipation,
#cdph_whynocare {
    height: 80px
}

.control .text-muted {
    top: 9px !important;
    left: 50% !important;
    display: none !important;
}

#info_cdph_pfuf_patient_health_care,
#info_cdph_pfuf_pain_suffering,
[for='cdph_pfuf_death_scenario_0'],
[for='cdph_pfuf_death_scenario_1'],
[for='cdph_pfuf_death_scenario_2'],
[for='cdph_pfuf_patient_death_type_0'],
[for='cdph_pfuf_patient_death_type_1'],
[for='cdph_pfuf_patient_death_type_2'] {
    display: contents;
}

#info_cdph_pfuf_pain_suffering, #info_cdph_pfuf_patient_health_care {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat center !important;
    background-size: 20px !important;
    display: inline-block;
    height: 20px;
    width: 30px;
    position: absolute;
}

    #info_cdph_pfuf_pain_suffering img, #info_cdph_pfuf_patient_health_care img {
        display: none
    }

table.pcpp-step3sec1 tr:last-child .info label {
    font-weight: normal !important;
}

#cdph_term_of_acceptance_label {
    margin-left: 15px;
    margin-top: 3px;
    display: block;
}

#cdph_electronic_signature_label {
    margin-top: 30px;
}

.signli {
    margin-left: 40px
}

    .signli li {
        list-style-type: disc;
        padding: 10px
    }

[aria-label="Source of payment"],
[aria-label="PCPP Patients Discharged By Reason"],
[aria-label="Hospice Admissions by Principal Diagnosis"],
[aria-label="Length of stay"] {
    background: var(--white);
    padding: 10px !important;
    padding-top: 40px !important;
    position: relative;
    border: 1px solid #E1E1E1 !important;
    border-radius: 6px;
    box-shadow: 2px 2px 2px 0px var(--txtcolor)0001A;
}

    [aria-label="Source of payment"] legend,
    [aria-label="PCPP Patients Discharged By Reason"] legend,
    [aria-label="Hospice Admissions by Principal Diagnosis"] legend,
    [aria-label="Length of stay"] legend {
        position: absolute;
        top: 15px;
        width: 98%;
        background: url(/icon-arrow-down.svg) no-repeat 97% 8px !important;
        /* padding-bottom: 30px !important; */
    }

    [aria-label="Source of payment"] legend:focus,
    [aria-label="PCPP Patients Discharged By Reason"] legend:focus,
    [aria-label="Hospice Admissions by Principal Diagnosis"] legend:focus,
    [aria-label="Length of stay"] legend:focus {
        outline: 5px auto -webkit-focus-ring-color;
    }


[data-name="PCPP Patients Discharged By Reason and Length of Stay"] {
    margin-top: 20px;
}

[data-name="PCPP Patients Discharged By Reason and Length of Stay"],
[data-name="cdph_LengthofStay"],
[data-name="cdph_Hospiceadmission"] {
    /*display: none;*/
}

/*Start PcppThank you Page*/
#MessagePanel {
    background-color: transparent !important
}

.thankyou,
.thankyou p {
    font-size: 18px
}

    .thankyou p,
    .trackingid {
        margin-bottom: 30px
    }

.para-1 {
    display: flex;
    align-items: center;
}

    .para-1 .glyphicon-ok {
        background: url(/icon-green-tick.png) no-repeat;
        height: 40px;
        width: 60px;
        font-size: 0;
        display: block;
        margin-right: 15px
    }

.thankyou-address li {
    margin: 0;
}

.thankyou-center {
    width: 60%;
    margin: 0 auto;
}

/*End PcppThank you Page*/

#custom_doyouhavereferenceid_label {
    margin-bottom: 30px;
}

#cdph_pfuf_patient_death_type_label,
#cdph_pfuf_death_scenario_label {
    margin-bottom: 20px
}

[aria-label="Export Document Application License Check"],
.license-check {
    width: 60%;
}

    .license-check .btn-default,
    .modal-footer .btn-default {
        background-color: var(--white);
        border: 1px solid #ccc;
        color: var(--txtcolor);
        margin-left: 10px;
        min-width: 40px !important;
    }

      .modal-footer .btn-primary {
        min-width: 40px !important;
       
    }

nav .glyphicon {
    color: var(--brand)
}

[data-attribute="cdph_attachments"] a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z' clip-rule='evenodd'/></svg>") no-repeat left center !important;
    padding-left: 30px !important;
    background-size: 24px !important;
}

.navbar .dropdown-menu {
    min-width: 250px
}

.dropdown.action .editButton,
.dropdown.action .edit-link {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z' clip-rule='evenodd'/></svg>") no-repeat 9px center !important;
    padding-left: 35px !important;
    background-size: 16px !important
}

.create-related-record-link {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z' clip-rule='evenodd'/></svg>") no-repeat 10px center !important;
    padding-left: 35px !important;
    background-size: 16px !important
}

.dropdown.action .details-link {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0' clip-rule='evenodd'/></svg>") no-repeat 8px center !important;
    padding-left: 35px !important;
    background-size: 18px !important
}

.dropdown.action [title="Delete"] {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z' clip-rule='evenodd'/><path fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z' clip-rule='evenodd'/></svg>") no-repeat 8px center !important;
    padding-left: 35px !important;
    background-size: 18px !important
}

.details-clone {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z' clip-rule='evenodd'/></svg>") no-repeat 8px center !important;
    padding-left: 35px !important;
    background-size: 18px !important
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #666;
}

.icon-loader {
    border: 10px solid var(--mgray);
    border-radius: 50%;
    border-top: 10px solid var(--purple);
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    text-align: center;
    margin: 10px auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.alert-danger {
    border: 1px solid #ebccd1 !important;
    color: var(--txtcolor) !important;
}

.eda-license-check {
    margin: 0 auto
}

.btn-outline, #CancelProducts {
    background: transparent;
    color: var(--txtcolor);
    font-weight: 600;
    border: 1px solid var(--txtcolor);
    margin-left: 20px;
    min-width: 100px;
    font-weight: normal;
}

.license-txt {
    font-size: 20px;
    margin: 0px 0 30px
}

#licensetext {
    text-align: center;
    font-size: 20px;
    margin: 100px auto 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.first-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: -40px;
}

.invalid-step p {
    margin-bottom: 10px;
}

.invalid-step ul {
    list-style-type: disc;
    margin-left: 40px;
    padding-left: 0;
}

.invalid-step li {
    margin-bottom: 4px;
    font-weight: normal;
}

.eda-license-check .btn {
    font-weight: 600;
}

.eda-license-check .second-step .btn {
    width: 90%;
    margin-bottom: 20px;
}

.eda-license-check .second-step .btn-outline {
    width: 90%;
    clear: both;
    margin: 0
}

.un-authorised {
    background: #6B6B6B;
    color: var(--white);
    padding: 20px 15px;
    margin: -30px -20px 30px;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    line-height: normal;
}

.eda-productbulkupload-modal {
    z-index: 1042;
    padding-top: 100px;
    overflow: auto;
    background-color: rgb(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.eda-productbulkupload-modal {
    display: none;
    /* Hidden by default */
    z-index: 1042;
    padding-top: 100px;
    overflow: auto;
    background-color: rgb(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.eda-productbulkupload-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    position: relative;
    height: 500px;
    overflow: auto;
}

.eda-productbulkupload-modal h3 {
    margin: 0;
}

.eda-productbulkupload-modal-close {
    position: absolute;
    right: 10px;
    top: 0;
    color: #595959;
    font-size: 28px;
    font-weight: 600;
    cursor: pointer
}

#BulkProductUploadFileInput_label {
    margin-bottom: 20px
}

table#BulkUploadErrorTable tr,
table#BulkUploadErrorTable th,
table#BulkUploadErrorTable td {
    border: 1px solid #ccc;
    padding: 5px;
}

table#BulkUploadErrorTable {
    width: 100%;
    display: table;
    margin-top: 20px;
}

    table#BulkUploadErrorTable th {
        background: #f1f1f1
    }

.input-group.rd-continue,
#continue_to_report .alert-error-message {
    margin-bottom: 10px
}

/*Start Progresss Circle*/
/*Start Progresss Circle*/
.circle-chart {
    width: 80px;
    height: 80px;
    float: right;
    padding-bottom: 10px;
}

.circle-chart__circle {
    stroke: #107C10;
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    animation: circle-chart-fill 2s reverse;
    /* 1 */
    transform: rotate(-90deg);
    /* 2, 3 */
    transform-origin: center;
    /* 4 */
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1, -1);
    /* 1, 2, 3 */
}

.circle-chart__info {
    animation: circle-chart-appear 2s forwards;
    opacity: 0;
    transform: translateY(0.3em);
}

.circle-chart__percent {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 8px;
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100;
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-stroke {
    stroke: #107C10;
}

.circle-chart__background {
    stroke: #ede4e4;
    stroke-width: 1;
    fill: none;
}

/*End Progress Circle*/
/*Start EOLA  */
.common-form {
    position: relative;
}

.page-eola .actions {
    position: absolute;
    bottom: -45px;
    width: 100%;
}

.eola-cancel {
    position: relative;
    z-index: 1;
}

.width100 {
    width: 100%
}

#cdph_referenceid_label {
    margin-top: 20px
}

#customErrorDiv_custom_doyouhavereferenceid_referenceIdValidator {
    margin-top: 10px
}

.rd-option1 {
    display: block;
    background: var(--info);
    padding: 15px 20px;
    margin: 15px 0px;
}

.txt-or {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 20px;
}

[data-name="DeathInformationDetailsPartA"] .field-label,
[data-name="AdditionalPrescriptionInformationPartB"] .field-label {
    margin-bottom: 10px
}

#patienthealthcareinfotextid,
#painsufferinginfotexteid {
    padding: 10px 20px 10px 45px;
    width: 100%;
    clear: both;
    margin: 10px 0;
    background: var(--info) url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat 15px center !important;
    background-size: 20px !important;
}

    #patienthealthcareinfotextid i,
    #painsufferinginfotexteid i {
        font-style: normal !important
    }

    #patienthealthcareinfotextid img,
    #painsufferinginfotexteid img {
        display: none
    }

button:disabled {
    background-color: light-dark(rgba(0, 0, 0, 0.1), rgba(19, 1, 1, 0.1));
    color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
    border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
}

#cdph_paymentauthorization_label {
    margin-left: 15px;
    display: block
}

.btn-checkoutandsubmit {
    margin-top: 40px
}

.txt-info {
    margin-top: 20px;
    display: flex;
    font-weight: normal !important;
    align-items: start;
}

    .txt-info img {
        margin-right: 10px;
    }

#cdph_pfuf_bedside_during_ingestion_label,
#cdph_pfuf_ap_at_death_label,
#cdph_pfuf_consumption_date_known_label,
#cdph_pfuf_death_after_consumption_known_label {
    display: inline-block;
}

.applicationprocesstext {
    color: #CA0000;
    background: url(/icon-triangle-info.svg) no-repeat;
    padding-left: 25px;
    font-weight: 600
}

.navbar-inverse .navbar-nav > li > a:focus {
    border: 0px !important;
    outline: 0px !important;
    background-color: var(--lightpurple) !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: var(--lightpurple) !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: var(--lightpurple);
    color: var(--txtcolor)
}

.datetime .control {
    width: 250px
}
/*End EOLA  */

/*Start Payment*/
.status-message p,
.status-check-message p {
    background: url(/icon-green-tick.png) no-repeat;
    padding-left: 30px;
    background-size: 22px;
}

.status-check-message p {
    margin-bottom: 50px
}

.payment-check .alert-message p {
    margin-bottom: 30px;
    font-weight: 600
}

.payment-receipt h2,
.payment-check h2 {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px
}

.payment-receipt table,
.payment-check table {
    margin-bottom: 40px;
}

.payment-details,
.payment-details table {
    width: 100%;
}

.payment-receipt table td,
.payment-receipt table th,
.payment-check th,
.payment-check td {
    padding: 10px;
    white-space: nowrap;
}

.request-missing-info, .payment-failed {
    background: #FFE8E8;
    padding: 15px;
    border-radius: 8px;
    margin: 0;
    display: flex;
}

    .request-missing-info p, .payment-failed p {
        display: flex;
        margin: 0;
        background: transparent;
        padding: 0
    }

    .request-missing-info img, .payment-failed img {
        margin: 0px 10px 0 0;
        height: 25px;
    }

.alert-message p {
    background: #FFE8E8 url(/icon-triangle-info.svg) no-repeat 20px center;
    padding: 15px;
    border-radius: 8px;
    margin: 0;
    padding-left: 45px
}

.payment-check .makecheckpayable,
.payment-check p {
    margin-left: 10px;
}

/*End Payment*/
[data-name="EligibilityDeterminationSection"] b {
    font-weight: normal
}

    [data-name="EligibilityDeterminationSection"] b span {
        margin-bottom: 10px;
        display: inline-block;
    }

[data-name="EligibilityDeterminationSection"] td,
[data-name="Offered patient right to rescind (2nd time)"] td {
    padding-bottom: 15px !important;
}

[data-name="EligibilityDeterminationSection"] input[type="checkbox"],
[data-name="Offered patient right to rescind (2nd time)"] input[type="checkbox"] {
    margin: 2px
}

.info-div {
    padding: 10px 20px 10px 45px;
    width: 100%;
    clear: both;
    margin: 10px 0;
    background: var(--info) url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat 15px 15px !important;
    background-size: 20px !important;
}

#cdph_afcc_cp_license_no,
#cdph_afcc_ap_license_no,
#cdph_afcc_det_capable_medical_decision_label {
    margin-bottom: 20px;
}

#cdph_afcc_det_capable_medical_decision_label {
    display: inline-block;
}

    #cdph_afcc_det_capable_medical_decision_label::after {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat center !important;
        background-size: 16px !important;
        margin-left: 5px
    }

#cdph_afcc_right_to_rescind_2_label,
#cdph_afcc_mh_impairedjudgement_label {
    font-weight: normal !important
}

[aria-label="Mental Health Specialist's Information"] legend {
    margin-bottom: 20px !important
}

#cdph_afcc_mh_impairedjudgement_label {
    margin-bottom: 10px;
}

[data-name="MedicationPrescribedSection"] td {
    width: 100%
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: transparent
}

[data-name="SignatureSection"] td {
    display: block;
}

#PhysicalSignInfoSection12 td,
#PhysicalSignInfoSection12 th {
    display: table-cell
}

/*End Payment*/
#cdph_facilitylookup_name {
    padding-left: 10px !important
}

#cdph_certificate_information_label_text1,
#cdph_certificate_information_label_text2 {
    height: 115px;
    background: transparent
}

.eda-summary-form fieldset {
    background: var(--white);
    padding: 10px !important;
    padding-top: 40px !important;
    position: relative;
    border: 1px solid #E1E1E1 !important;
    border-radius: 6px;
    box-shadow: 2px 2px 2px 0px #fff0001A;
    margin-bottom: 20px !important;
}

    .eda-summary-form fieldset legend {
        position: absolute;
        top: 13px;
        width: 98%;
        background: url(/icon-arrow-down.svg) no-repeat 95% 10px !important;
    }

    .eda-summary-form fieldset .accordion-panel {
        margin-top: 20px
    }

.eda-application .div-left {
    width: 40%
}

.fee-payment {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px;
    padding: 10px;
    text-align: center
}

    .fee-payment div {
        padding: 5px
    }

.error {
    color: var(--error) !important
}

/*Eola */

.cpcf-cpr label {
    font-weight: normal;
}

.cpcf-cpr .checkbox-cell label,
#cdph_electronicallysignoptin_label,
#cdph_physicallysignoptin_label {
    margin-left: 15px;
    display: block !important
}

.cpcf-cpr .checkbox-cell input {
    margin-top: 3px !important
}

#cdph_patienthascapacitytomakemedicaldecisions_label:after {
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat center !important;
    background-size: 16px !important;
    margin-left: 5px
}

#cdph_additionalnotes {
    margin-top: 10px;
}

.request-missing-info {
    margin-bottom: 20px;
}

#cdph_afcc_additional_info_label {
    font-weight: normal
}

.left-nav-alert {
    font-size: 13px;
    color: #a94442;
    margin: 0;
    padding: 0;
}

.eda-amended-application .list-group-item.active,
.eda-amended-application .list-group-item.active:hover,
.eda-amended-application .list-group-item.active:focus {
    background-color: inherit;
    border-color: var(--brandbg);
    color: var(--txtcolor);
    border-left: 6px solid var(--brand) !important;
}

.d-message-center li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--link)
}

    .d-message-center li a:hover {
        color: var(--brandbg)
    }

.form-contactus {
    width: 60%;
    padding-bottom: 50px
}

    .form-contactus h2 {
        display: none
    }

#contactusfootertext {
    margin-top: -40px;
    margin-bottom: 20px;
}

.RadCaptcha input[type="text"] {
    margin: 10px 15px 10px 0;
    padding: 10px;
    border-radius: 6px;
}

.form-contactus .crmEntityFormView .tab {
    margin: 0 !important
}

.alert {
    border-radius: 5px;
}

.email-label {
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

.email-body > div {
    border: 1px solid #ccc;
    padding: 20px 15px;
    border-radius: 5px !important;
    background: var(--white)
}

.form-email {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 10px;
}

    .form-email td:first-child {
        width: 100%
    }

/*Start Toggle*/
[data-name="PartASection"] td.checkbox-cell {
    display: flex;
}

.form-death-info .switch {
    position: relative;
    display: inline-block !important;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 25px;
    min-height: 25px;
    max-height: 25px margin-top:3px
}

    .form-death-info .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.form-death-info .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .form-death-info .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.form-death-info input:checked + .slider {
    background-color: var(--brandtxt);
    width: 40px
}

    .form-death-info input:checked + .slider:before {
        left: -9px;
    }

.form-death-info input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.form-death-info input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.form-death-info .slider.round {
    border-radius: 34px;
}

    .form-death-info .slider.round:before {
        border-radius: 50%;
    }

html[dir=ltr] .crmEntityFormView .form-death-info .cell.checkbox-cell div.info {
    padding-left: 10px;
}

/*End Toggle*/
/*Start EOLA Application*/

.eola-myapp .tab-content {
    padding: 30px 0
}

.eola-myapp .nav-tabs {
    border: 0
}

    .eola-myapp .nav-tabs > li.active > a,
    .eola-myapp .nav-tabs > li.active > a:hover,
    .eola-myapp .nav-tabs > li.active > a:focus {
        background: transparent;
        color: var(--txtcolor);
        font-weight: 600;
        border: 0;
        border-bottom: 3px solid var(--brandbg);
    }

    .eola-myapp .nav-tabs > li > a {
        color: var(--txtcolor);
        background: transparent !important;
        border: 0
    }

        .eola-myapp .nav-tabs > li > a:hover {
            background: transparent !important;
            border: 0;
            color: var(--brandtxt);
        }

/*End EOLA Application*/

/*Start PCPP Application*/

.pcpp-myapp .tab-content {
    padding: 30px 0;
    margin-top: -6%;
}

.pcpp-myapp .nav-tabs {
    border: 0
}

    .pcpp-myapp .nav-tabs > li.active > a,
    .pcpp-myapp .nav-tabs > li.active > a:hover,
    .pcpp-myapp .nav-tabs > li.active > a:focus {
        background: transparent;
        color: var(--txtcolor);
        font-weight: 600;
        border: 0;
        border-bottom: 3px solid var(--brandbg);
    }

    .pcpp-myapp .nav-tabs > li > a {
        color: var(--txtcolor);
        background: transparent !important;
        border: 0
    }

        .pcpp-myapp .nav-tabs > li > a:hover {
            background: transparent !important;
            border: 0;
            color: var(--brandtxt);
        }

/*End PCPP Application*/


.or {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -20px;
    margin-bottom: 20px
}

#cdph_interpreterdeclarationform_label {
    margin-left: 15px
}

#cdph_interpreterdeclarationform {
    margin-top: 2px
}

.form-apcc-step2 #PhysicalSignInfo {
    margin: 30px -30px 0
}

#cdph_patientsrequestforaidindyingdrugform_label {
    display: none
}

.list-group-item.active {
    background: var(--leftactive) !important;
    color: #242424;
}

    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus {
        color: inherit;
    }

#cdph_interpreterdeclarationform_label {
    font-weight: normal
}

.eda-application .notification.alert-dismissible {
    margin-top: -20px;
    margin-bottom: 40px
}

.section-landing-search {
    min-height: inherit;
    padding: 0
}

.page_section .row {
    padding-bottom: inherit
}

.eda-left .expand-all {
    margin: -30px 0;
}

.certicate-info {
    font-weight: 600;
    margin: 20px 0;
}

.form-checkout {
    min-height: 600px;
}

.status-btn {
    cursor: text
}

.dbox-item th,
.dbox-item td {
    font-size: 15px;
    height: 30px !important;
    padding: 7px 5px !important;
    border: 0 !important;
}

.dbox-item .fa-arrow-down,
.dbox-item .fa-arrow-up {
    display: none;
}

.dbox-item th {
    position: relative
}

.box-app-history-center .col-md-6 {
    margin-bottom: 30px
}

.trackingid b {
    margin-left: 10px
}

.dbox,
.app-box {
    box-shadow: 0px 3.2px 7.2px 0px #00000021;
}

.box-action-center td tr {
    display: flex
}

.box-action-center td:first-child,
.box-action-center th:first-child {
    width: 180px !important
}

.box-action-center td:nth-child(2),
.box-action-center th:nth-child(2) {
    width: 132px !important
}

.box-action-center td:nth-child(3),
.box-action-center th:nth-child(3) {
    width: 80px !important
}

.box-action-center td,
.box-action-center th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-action-center table tr {
    display: flex;
}

.box-action-center table {
    margin: 0
}

.dbox-item th {
    position: relative;
}

.page-dashboard .view-pagination {
    display: none !important;
}

.fa.fa-envelope:before {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23666' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z' clip-rule='evenodd'/></svg>") no-repeat 95% !important;
    content: "";
    width: 20px;
    height: 20px;
    display: block
}

.d-row {
    margin-bottom: 16px;
}

.page-dashboard .col-md-4,
.page-dashboard .col-md-6,
.page-dashboard .col-md-12 {
    padding: 0 8px
}

.coming-soon {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #666;
}

.actioncenter-description div,
#statecode {
    background-color: #D4D4D4;
    color: #3d3d3d;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px !important
}

.actioncenter-description-label {
    font-weight: 600;
    padding-bottom: 5px
}

.form-action-center-form legend {
    display: none;
}

.form-action-center-form #statecode {
    width: 300px !important;
    display: block
}

.form-action-center-form + div .btn-default,
.form-action-center-form + div .btn-default:hover,
.form-action-center-form + div .btn-default:focus {
    min-width: 100px;
    background: var(--brandbg) !important;
    color: white
}

.page-dashboard .table-striped {
    border: 0 !important
}

.form-email {
    word-break: break-word
}

.profile .dropdown-toggle:focus,
#search-filter:focus {
    border: 2px solid #000;
    border-radius: 4px;
}

.send-message {
    float: right;
    margin-top: -30px;
    background: var(--brandbg)url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z' clip-rule='evenodd'/></svg>") no-repeat 15px center !important;
    padding-left: 40px;
    background-size: 16px !important;
}

@media (max-width: 390px) {
 .send-message {
    float: left;
    margin-top: 6px;
    margin-bottom: 11px;
}
.message-right .d-head {
    margin-right: 12px !important;
    }
}

.common-form {
    clear: both
}

.breadcrumb > li + li:before {
    content: "\00BB";
    padding: 0px;
    color: #002f30;
    margin-right: 5px;
    font-size: 16px;
    padding-top: 2px;
    font-weight: normal
}

.dropdown.language {
    margin-right: 20px
}

/*Start Vertical Tabs*/
.tabs-left {
    border-bottom: none;
    min-height: 350px;
    background: #F9F9F9;
    box-shadow: 2px 2px 2px 0px #0000001A;
}

    .tabs-left > li {
        float: none;
        margin: 0px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            border-bottom-color: #ddd;
            border-right-color: transparent;
            background: var(--leftactive);
            border: none;
            border-radius: 0px;
            margin: 0px;
            color: var(--txtcolor);
        }

.nav-tabs > li > a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}

.tabs-left > li.active > a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--leftactive);
    display: block;
    width: 0;
}

.mycdph {
    background: var(--lgray);
    box-shadow: 2px 2px 2px 0px #0000001A;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px
}

    .mycdph p {
        margin: 10px 0
    }

.new-account b {
    padding: 20px 0 10px;
    display: block
}

.new-account li,
.page-about li {
    list-style: disc;
    margin-left: 30px
}

.sideways li {
    margin: 0
}

.collapsible_panel {
    background-color: #f2f2f2 !important;
    margin-bottom: 10px;
    font-weight: 600 !important;
    padding: 10px 15px !important;
}

    .collapsible_panel p {
        margin: 0;
    }

.collapsible_panel_body {
    margin: 15px !important;
}

.collapsible_panel_title p {
    font-weight: 600 !important;
    color: var(--brandtxt) !important
}

.collapsible_panel_icon {
    margin-top: 2px;
}

.collapsible_panel_head {
    cursor: pointer
}

/*End Vertical Tabs*/
.grid-about .view-empty.message {
    display: none !important
}

.grid-about {
    margin-bottom: 30px
}

    .grid-about .fa.fa-arrow-up,
    .grid-about .fa.fa-arrow-down,
    .grid-service .fa.fa-arrow-up,
    .grid-service .fa.fa-arrow-down {
        display: none
    }

.page-privacy p,
.page-usepolicy p {
    margin-bottom: 30px;
    font-size: 18px !important;
    line-height: 1.6;
}

.page-usepolicy h2 {
    font-size: 22px;
    color: var(--brandtxt);
}

.page-usepolicy h1 {
    color: var(--brandtxt);
    margin-bottom: 20px;
}

.page-usepolicy li {
    margin-left: 40px
}

.dropdown-menu .divider {
    display: none
}

#navbar .dropdown-menu {
    margin: 0
}

.profile .dropdown-toggle {
    display: flex;
    align-items: center
}

.profile .username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    text-align: right;
}

.message-right {
    display: flex;
}

[aria-label="action menu"] {
    padding: 0 0px 0 15px !important;
}

.click-here-login {
    font-size: 20px;
    font-weight: 600;
    color: var(--brandtxt);
}

.pagination {
    display: flex;
    align-items: baseline;
}

.page-eola-dashboard .box {
    min-height: 410px;
}

.contact-info {
    line-height: 30px;
}

.caret {
    margin-left: 10px;
}

.carousel-inner .row, .page-services, .page-eola-dashboard {
    display: flex;
}

    .page-services .box {
        box-shadow: 0px 3.2px 7.2px 0px #00000021;
    }

    .page-services .description,
    .page-home .description {
        margin-bottom: 30px
    }

/*Start Login Page*/
.page-loaging {
    padding-top: 50px;
}

.page-signup {
    min-height: calc(100vh - 214px);
}

.page-signup {
    width: 100% !important;
    background: #e4f3fa url(/img-signup-bg.png) no-repeat right;
    background-size: contain;
    padding: 0 !important;
    max-width: 100% !important;
}

    .page-signup .common-form {
        padding: 50px 0;
        text-align: center;
        min-height: calc(100vh - 235px);
    }

    .page-signup .crmEntityFormView {
        width: 500px;
        margin: 0px auto;
        background: white;
        padding: 30px 50px;
        box-shadow: 0px 6.4px 14.4px 0px #00000021;
        border-radius: 10px;
        border: 1px solid #e3e3e3;
    }

    .page-signup .entity-form h2,
    .page-signup h2 {
        text-align: center;
        font-size: 36px;
        margin: 0 0 10px;
    }

    .page-signup .description {
        text-align: center;
        padding-bottom: 20px;
    }

    .page-signup td {
        padding-right: 0 !important
    }

    .page-signup tr:last-child td {
        padding-bottom: 0 !important
    }

    .page-signup fieldset {
        margin: 0
    }

    .page-signup .actions input {
        width: 100%;
        margin: 10px 0
    }

    .page-signup .captcha-cell p {
        display: flex;
        flex-direction: column-reverse;
    }

        .page-signup .captcha-cell p input {
            margin: 0 auto !important;
            width: 70%;
        }

    .page-signup .captcha-cell,
    .captcha-cell a,
    .page-signup .captcha-cell img {
        text-align: center;
    }

        .page-signup .captcha-cell a,
        .page-signup .captcha-cell img {
            display: inline-block !important;
            width: 100%;
            margin-bottom: 5px
        }

/*End Login Page*/
.accordions h3 {
    margin-bottom: 0
}

.page-checkout .col-md-2 {
    min-height: 650px
}

.eda-left .form-custom-actions {
    position: absolute;
    bottom: -65px;
    width: 100%;
    left: 30px;
}

    .eda-left .form-custom-actions .col-sm-6 {
        width: 100%
    }

        .eda-left .form-custom-actions .col-sm-6:last-child {
            display: none;
        }

        .eda-left .form-custom-actions .col-sm-6 .entity-action-button:last-child {
            float: right;
        }

.private-mode-banner {
    display: none;
}

.email-body table {
    word-break: auto-phrase;
}

/*MultiSelect*/
.msos-container {
    min-height: 42px !important;
    padding: 0 0 0 !important;
    border: 1px solid #909090 !important;
    border-radius: 4px;
    background: white;
    color: var(--txtcolor) !important;
    font-family: Source Sans Pro, Arial, Segoe UI, sans-serif !important;
    font-size:15px !important;
}

    .msos-container input[type="text"] {
        border: 0 !important;
        color: var(--txtcolor) !important
    }

.msos-container input[type="text"]::placeholder{
    color: rgb(85, 85, 85);
}

.msos-option:hover {
    background: rgb(4 96 195) !important;
    color: #ffffff !important;
}

.msos-caret-button .msos-glyph:after {
    font-size: 12px !important;
}

.msos-quick-delete {
    position: absolute !important;
    right: 0;
    top: 6px;
}

.msos-selected-display-item {
    border-radius: 4px;
    padding: 3px 30px 3px 5px;
    height: inherit !important;
    line-height: inherit !important;
    min-height: 42px;
}

.msos-filter-container {
    min-height: 42px !important;
}

.msos-caret-button .msos-glyph {
    background-repeat: no-repeat !important;
    background-size: 20px 14px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    margin-right: 14px;
}

    .msos-caret-button .msos-glyph:after {
        display: none
    }

/*MultiSelect*/
.circlechart {
    margin: 15px 0 0;
}

.accordion-panel ul {
    list-style: disc;
    padding-left: 20px
}

.invalid-license {
    margin-bottom: 20px;
}

.custcont table {
    width: 100%
}

.page-eola-dashboard .img-responsive {
    height: 100%;
    margin: 0 auto
}

.eda-left .row.sectionBlockLayout.text-left {
    display: none !important
}

.form-eda-product {
    min-height: 640px;
}

#signupProcessing .icon-loader,
#signinProcessing .icon-loader, .ccpayment .icon-loader {
    border: 10px solid var(--mgray);
    border-top: 10px solid var(--purple);
    width: 100px;
    height: 100px;
}

#signupProcessing .please-wait,
#signinProcessing .please-wait, .ccpayment .please-wait {
    font-size: 20px;
    white-space: normal;
}

.waitMessage.ccpayment {
    position: absolute;
    top: 20%;
}

#signupProcessing,
#signinProcessing {
    min-height: calc(100vh - 275px);
}

.please-wait {
    white-space: nowrap;
}

.message-right .d-head {
    font-weight: normal;
    margin-right: 20px;
    font-size: 16px;
    color: var(--brandtxt);
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z' clip-rule='evenodd'/></svg>") no-repeat left center !important;
    padding-left: 23px;
    background-size: 16px !important
}

    .message-right .d-head:hover {
        color: var(--brandbg)
    }

.title-row h1 {
    margin: 0
}

.title-row .btn-blue {
    font-size: 18px;
    padding: 7px 30px;
}

.actions .btn-group > .btn:last-child:not(:first-child),
.actions .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.actions .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.tab-content .btn {
    min-width: 40px
}

.fa-arrow-up,
.fa-arrow-down {
    background-size: 20px !important;
    width: 20px;
    height: 20px;
    float: right;
}

.fa-arrow-up {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5' clip-rule='evenodd'/></svg>") no-repeat right center !important;
}

.fa-arrow-down {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23275ad0' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4' clip-rule='evenodd'/></svg>") no-repeat right center !important;
}

    .fa-arrow-up:before,
    .fa-arrow-down:before {
        display: none
    }

/*Start Search*/
.section-landing-search {
    height: 160px;
    padding: 0;
    position: relative;
    margin: 0px;
    background: #e4f3fa url(/hero-bg.png) no-repeat right;
    padding: 60px 0;
    background-size: contain;
    min-height: inherit;
}

#search_sort_options {
    width: 120px !important;
    border: 1px solid #909090 !important;
    border-radius: 4px;
    padding: 5px 10px;
    text-align: left;
    display: flex;
    align-items: center;
    overflow: hidden; /* Prevents content from overflowing */
    white-space: nowrap;
}
#search_sort_options select {
    width: 100%; /* Ensures the select element fits inside the container */
    background-color: white;
    border: none;
    padding: 5px;
    box-sizing: border-box;
}

.radio label {
    margin-left: 10px
}

.radio input[type="radio"] {
    margin-top: 0px;
    margin-left: -30px;
    padding-right: 50px !important
}

.search-results h3 {
    font-size: 18px;
    color: var(--brandtxt)
}

.search-results .summary,
.search-results h2 {
    margin: 0;
    font-size: 20px;
    color: var(--txtcolor);
}

.panel-default > .panel-heading {
    background-color: var(--leftactive);
    border-color: var(--leftactive);
}

.facet-list-group-item {
    padding: 7px 15px 5px 15px;
}

.page-search #search_control {
    border-radius: 0px !important;
}

.section-landing-search h1 {
    display: none
}

.section-landing-search .row {
    margin: 0;
    padding: 0
}

/*End Search*/
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--brandbg) !important;
}

#reportingyears {
    min-width: 300px;
}

#pcppsubmittedreports {
    margin-top: 20px;
}

.search-body-container {
    min-height: calc(100vh - 550px);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: var(--brandbg)
}

.form-search .input-group-btn button[type="submit"] {
    border: 1px solid var(--brandbg) !important;
    color: white;
    height: 44px !important;
    right: 10px;
}

    .form-search .input-group-btn button[type="submit"]:focus, #search-filter:focus {
        border: 1px solid var(--brandbg) !important;
        color: white;
        background: var(--brand);
    }

.dropdown-search .form-control {
    border-radius: 0 !important
}

.form-profile {
    width: 60%
}

.program-checklist .expand-all {
    margin-top: 20px
}

[style="color: rgba(47, 84, 150, 1)"] {
    color: var(--brandtxt) !important
}

.kbarticles a {
    color: var(--link) !important
}

.accordion .fa-check-circle {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23205493' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/></svg>") no-repeat !important;
    font-size: 0;
    width: 20px;
}

.no-message {
    padding: 10px 20px 10px 45px;
    width: 100%;
    clear: both;
    margin: 10px 0;
    background: var(--info) url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat 15px 15px !important;
    background-size: 20px !important;
    color: var(--txtcolor) !important;
    font-weight: normal !important;
    margin-top: 30px;
}

#continue_to_report .error {
    margin-bottom: 10px
}

#CancelButton {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>") no-repeat left center !important;
    background-size: 20px !important;
    padding-left: 25px
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover {
    padding: 6px 20px;
    border: 0 !important;
}

    .dropdown-menu > li > a:hover,
    .dropdown.action .details-link:hover {
        background-color: var(--lgray);
    }

#EDA_Application_Fee .create-action:before {
    left: 15px;
}

.form-eda-product .create-action,
#addProductsinBulk {
    font-size: 14px !important;
    padding: 10px 10px 10px 35px !important;
}

.form-eda-product .section td {
    padding-right: 0 !important
}

input#expand-all {
    opacity: 0;
}

    input#expand-all + label {
        font-size: 0;
        cursor: pointer;
    }

        input#expand-all + label:after {
            content: "Expand All";
            font-size: 16px;
            color: var(--brand)
        }

    input#expand-all:hover + label:after {
        color: var(--brandbg) !important;
    }

    input#expand-all:checked + label:after {
        content: "Collapse All";
        font-size: 16px;
    }

    input#expand-all + label {
        display: flex;
        align-items: center
    }

        input#expand-all + label:before {
            content: "";
            background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/></svg>") no-repeat !important;
            height: 16px;
            width: 16px;
            padding-left: 25px;
        }

    input#expand-all:checked + label:before {
        content: "";
        background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/></svg>") no-repeat !important;
        height: 16px;
        width: 16px;
        padding-left: 25px;
    }

.brdlred {
    border-left: 6px solid red;
    height: 40px;
}

.grid-actions .view-select li,
.grid-actions .view-select li a {
    padding: 0 25px 0 0 !important
}

    .grid-actions .view-select li a {
        padding: 0 0 10px 0 !important;
        border-bottom: 3px solid transparent !important
    }

.accordions .section-title h3 {
    margin: 0 !important
}

.bulkUploadProductSuccessMessage {
    margin-top: 25px;
    text-align: center;
}

.pagination > li > a,
.pagination > li > span {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
}

.pagination > li > a,
.pagination > li > span {
    padding: 5px 6px;
    font-size: 16px;
}

.pagination > li.disabled > a,
.pagination > li.disabled > span {
    padding: 0px 5px;
    display: flex;
    align-items: center;
    width: 20px;
}

.info-icon {
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/></svg>") no-repeat 0 8px !important;
    height: 24px;
    width: 16px;
    display: inline-block;
    margin-left: 10px;
}

.button-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .button-container button {
        margin-left: 20px
    }

.info-text {
    margin-top: 10px
}

.accordion-panel .btn-default {
    background-color: var(--white);
    border: 1px solid var(--gray);
    color: var(--txtcolor);
    margin-top: 10px
}

    .accordion-panel .btn-default:hover {
        background-color: var(--brand);
        color: var(--white)
    }

/*Start Loader*/
/* loader icon */
#mainContent {
    position: relative;
}

    /* Style for the loading overlay */
    #mainContent .loader-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        /* Ensure it's on top */
        color: #01269b;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mainContent .waitMessage {
        /* Styling for the text */
        font-size: 16px;
        font-weight: 600;
        color: var(--txtcolor);
        text-align: center;
    }

.hideLoader {
    display: none !important;
}

/*End Loader*/
.transparent-loader {
    opacity: 0.8;
}

#BulkUploadErrorTable td:first-child,
#BulkUploadErrorTable td:last-child {
    word-break: break-word
}

.form-add-product-edit,
.form-add-productlabel-edit {
    min-height: 640px
}

.form-edit-checkoutsubmit,
.form-edit-productLabel {
    min-height: 580px
}

.expandall-collapsed {
    border: 0;
    background: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/></svg>") no-repeat 0 1px !important;
    background: transparent;
    padding-left: 25px;
    font-size: 16px;
    color: var(--brand);
}

.expandall-expanded {
    background: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23002595' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16' clip-rule='evenodd'/><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/></svg>") no-repeat 0 1px !important;
    padding-left: 25px;
    border: 0;
    font-size: 16px;
    color: var(--brand);
}

.accordion button {
    border: 0;
    background: transparent
}

.kbarticles li {
    margin-left: 20px !important
}

.kbarticleaddress {
    margin-left: 45px;
    display: block;
}

.showMessage-PopUp {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.showMessageContent-PopUp {
    background-color: white;
    padding: 20px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    text-align: center;
}

.showerrorclosebtn {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    border: 0px solid rgba(0, 0, 0, .15)
}

#pcppsubmittedreports .error {
    color: rgb(10, 10, 10) !important;
    font-weight: 600
}

.right-col section,
.eda-right section {
    padding: 0
}

.right-col h4,
.eda-right h4 {
    margin: 20px 0 10px;
    font-weight: 600
}

.right-col h5,
.eda-right h5 {
    font-size: 16px;
    font-weight: 600
}

.eda-home-subinfo {
    margin-bottom: 40px;
}

.right-col ul,
.eda-right ul {
    margin: 0 0 0 15px !important;
    padding: 0;
}

/*Start SingIn*/
.signin-box {
    width: 500px;
    margin: 0px auto;
    background: white;
    padding: 30px 50px;
    box-shadow: 0px 6.4px 14.4px 0px #00000021;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
}

    .signin-box .form-group {
        margin-top: 40px;
    }

    .signin-box .info {
        text-align: left;
        padding: 0
    }

#continueBtn {
    width: 100%;
    margin-top: 40px;
}

.new-to-cdph {
    text-align: center;
    margin: 40px 0;
}

    .new-to-cdph .btn {
        width: 70%
    }

/*.pcpp-step2 .control {
    width: 100px !important
}

.pcpp-step2 th:first-child {
    width: 170px
}

.pcpp-step2 th {
    width: 130px;
}

.pcpp-step3sec1 .control {
    width: 100px
}

.pcpp-step3sec3 .control {
    width: 120px
}

.pcpp-step3sec3 tr:nth-child(2) th:nth-child(2) {
    width: 130px
}

.pcpp-step3sec3 tr:nth-child(2) th:nth-child(3) {
    width: 130px
}

.pcpp-step3sec3 tr:first-child th:first-child {
    width: 100px;
    white-space: normal;
}

.pcpp-step3sec3 tr:first-child th:nth-child(2) {
    width: 100px;
    white-space: normal;
}

.pcpp-step3sec4 .control {
    width: 120px
}

.pcpp-step3sec4 tr:nth-child(3) th:nth-child(2) {
    width: 130px
}

.pcpp-step3sec4 tr:nth-child(3) th:nth-child(3) {
    width: 130px
}

.pcpp-step3sec4 tr:nth-child(2) th:first-child {
    width: 100px;
    white-space: normal;
}

.pcpp-step3sec4 tr:nth-child(2) th:nth-child(2) {
    width: 100px;
    white-space: normal;
}

.pcpp-step3sec5 tr:nth-child(2) th:nth-child(2) {
    width: 130px
}*/

.pcppmobilemsg {
    display: none;
}

.pcppmobilemsg {
    background: #ffe8e8 !important;
    color: #cc0000 !important;
    font-weight: 600;
    background: #ffe8e8 url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23cc0000' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z' clip-rule='evenodd'/><path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/></svg>") no-repeat 15px center !important;
    background-size: 35px !important;
    padding-left: 65px;
    font-size: 18px;
    line-height: normal;
}

.eda-web {
    display: none;
}

.form-profile #emailaddress1 + .control {
    background-color: #D4D4D4;
    color: #3d3d3d;
    border-radius: 4px;
    padding: 0px 12px;
    font-size: 15px;
    height: 42px;
    line-height: 42px
}

    .form-profile #emailaddress1 + .control a {
        color: #3d3d3d;
    }

/*.pcpp-step4 tr:first-child th {
    width: 130px !important;
    white-space: normal !important;
}

    .pcpp-step4 tr:first-child th:first-child {
        margin-left: 200px !important;
        margin-right: 20px
    }

.pcpp-step4 th:nth-child(2),
.pcpp-step4 th:nth-child(3) {
    width: 130px
}

.pcpp-step4 .control {
    width: 120px
}*/

#actioncompletion-message {
    font-weight: 600 !important;
    margin-bottom: 20px;
    color: #2F2F2F;
    width: 50%
}

.page-eola-dashboard .description {
    margin-bottom: 30px
}

.page-eola-dashboard .title {
    min-height: 50px
}

.eda-special-wording {
    min-height: 555px;
}

.make-address {
    display: flex;
    align-items: flex-start;
}

    .make-address .custcont {
        background: var(--lgray);
        padding: 0 20px;
        margin: -20px 0 30px 100px;
        min-width: 560px;
    }

        .make-address .custcont td,
        .make-address .custcont th {
            font-size: 16px;
            padding: 5px;
        }

        .make-address .custcont h4 {
            color: var(--txtcolor);
            font-weight: 700;
            font-size: 16px;
            margin: 0;
        }

#addressvalidationmessage-container {
    color: var(--txtcolor);
    clear: both;
}

#message-container {
    margin: 20px -70px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:focus:hover, .btn-primary.focus:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus {
    background-color: var(--brand);
    border-color: var(--brand);
}

.btn-primary:focus, .btn-primary.focus {
    background-color: var(--brandbg);
    border-color: var(--brandbg);
    outline: 2px solid #000 !important;
    outline-offset: 0px;
}

.page-apcc > div {
    display: flex
}

.alert-icon {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.datetimepicker .input-group-addon:focus {
    border: 1px solid #000 !important;
}
/*Start Sign in page*/
.new-to-cdph h2 {
    position: relative;
    font-size: 15px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

    .new-to-cdph h2:before,
    .new-to-cdph h2:after {
        position: absolute;
        top: 51%;
        width: 30%;
        height: 1px;
        content: '';
        background-color: #ccc;
    }

    .new-to-cdph h2:before {
        left: 0;
    }

    .new-to-cdph h2:after {
        right: 0;
    }
/*End Sign in*/
.continue-report-radio span {
    display: flex;
    align-items: center
}

.pcpp-right .error-message {
    padding: 5px
}

.pcpp-right .entitylist-filter .btn-entitylist-filter-submit {
    background: var(--brandbg) !important;
    color: white !important;
}

.pcpp-right .entitylist-filter button:disabled {
    background-color: light-dark(rgba(0, 0, 0, 0.1), rgba(19, 1, 1, 0.1)) !important;
    color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3)) !important;
    border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3)) !important;
}

.page-help .nav > li > a:hover, .page-help .nav > li > a:focus, .page-about .nav > li > a:hover, .page-about .nav > li > a:focus {
    text-decoration: none !important;
}

.tabs-left > li.active > a {
    text-decoration: none !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border: 0
}

.nav-tabs a, .grid-actions a {
    text-decoration: none
}

.dropdown.action li a {
    color: var(--link);
    text-decoration: underline;
}

    .dropdown.action li a:hover {
        color: var(--brandbg)
    }

#facility_participated {
    margin-bottom: 40px
}

.page-search-main ul li a {
    text-decoration: none
}

.sendmessagemodalbody iframe {
    min-height: inherit !important
}

.facility-details {
    margin-top: 30px;
}

#cdph_pfuf_patient_death_type input[type="radio"], #cdph_pfuf_death_scenario input[type="radio"] {
    position: absolute;
}

#cdph_pfuf_patient_death_type label, #cdph_pfuf_death_scenario label {
    margin-left: 30px;
    position: relative;
    display: block
}

.icon-help {
    background: transparent url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat center !important;
    background-size: 20px !important;
    display: inline-block;
    height: 20px;
    width: 20px;
}

#reportinformation .required-field {
    margin-bottom: 20px;
    color: var(--txtcolor);
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.pcpp-right .required-field .error-message {
    padding: 0px;
}

#cdph_referredtomentalhealthspecialist_label .icon-help, #cdph_afcc_mh_referral_label .icon-help {
    background: transparent url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%235f5f5f' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z' clip-rule='evenodd'/></svg>") no-repeat 5px 5px !important;
    background-size: 16px !important;
    display: inline-block;
    height: 21px;
    width: 28px;
}

.form-readonly [data-name="ConsultingPhysiciansReport_section"] .info {
    padding: 0 !important;
}

.form-readonly [data-name="ConsultingPhysiciansReport_section"] .checkbox-cell label {
    margin-left: 40px !important;
    font-weight: normal
}

.form-readonly .section-title h3, .form-readonly [aria-label="Additional Email Addresses"] h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    color: var(--txtcolor);
}

.form-readonly [data-name="Signature_section_3"] .info, .form-readonly [aria-label="Additional Email Addresses"] .info {
    padding: 0 !important;
    display: none;
}

.form-readonly [data-name="PatientInformation"], .form-readonly fieldset {
    margin: 0 !important;
}

.form-readonly .msos-viewmode-text {
    padding-left: 10px
}

.form-readonly #cdph_afcc_det_capable_medical_decision_label {
    margin: 0
}

.form-readonly #cdph_afcc_safe_secure_location, .form-readonly #cdph_afcc_safe_secure_location_label, .form-readonly #cdph_afcc_person_present_label, .form-readonly #cdph_afcc_person_present,
.form-readonly #cdph_afcc_not_in_public_label, .form-readonly #cdph_afcc_not_in_public, .form-readonly #cdph_afcc_counseled_notifying_next_of_kin, .form-readonly #cdph_afcc_counseled_notifying_next_of_kin_label,
.form-readonly #cdph_afcc_hospice_palliative_label, .form-readonly #cdph_afcc_hospice_palliative, .form-readonly #cdph_afcc_informed_medical_diagnosis_label, .form-readonly #cdph_afcc_informed_medical_diagnosis,
.form-readonly #cdph_afcc_informed_prognosis_label, .form-readonly #cdph_afcc_informed_prognosis, .form-readonly #cdph_afcc_informed_potential_risks_label, .form-readonly #cdph_afcc_informed_potential_risks,
.form-readonly #cdph_afcc_informed_probable_result_label, .form-readonly #cdph_afcc_informed_probable_result,
.form-readonly #cdph_afcc_drug_not_using_label, .form-readonly #cdph_afcc_drug_not_using, .form-readonly #cdph_hisorhermedicaldiagnosis, .form-readonly #cdph_hisorherprognosis, .form-readonly #cdph_thepotentialrisksassociated, .form-readonly #cdph_thepotentialresultoftakingthedrug,
.form-readonly #cdph_thefeasiblealternatives {
    margin-left: 40px !important;
    display: block;
}

#cdph_afcc_counseled_notifying_next_of_kin_label {
    display: block
}

.form-readonly #cdph_hisorhermedicaldiagnosis_label, .form-readonly #cdph_hisorherprognosis_label, .form-readonly #cdph_thepotentialrisksassociated_label, .form-readonly #cdph_thepotentialresultoftakingthedrug_label, .form-readonly #cdph_thefeasiblealternatives_label {
    padding-left: 40px;
    display: block;
}

.modal-footer .cancel {
    min-width: 40px !important;
}

.list-group-item img {
    height: 20px;
    position: absolute;
    right: 16px;
    top: 11px
}

.cloningBlock .description {
    margin-bottom: 20px;
}

.eda-summary-form fieldset {
    margin-bottom: 20px !important
}

    .eda-summary-form fieldset h3 {
        font-size: 20px !important;
        color: var(--darkbrand) !important;
    }

#applyButton {
    width: 200px;
}

.list-group-item.incomplete img {
    opacity: 0.6
}

.icon-alert {
    top: 21px !important;
    opacity: 1 !important;
}

select {
    appearance: none;
    background-repeat: no-repeat !important;
    background-position: right .99rem center !important;
    background-size: 20px 14px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
   
}


@media (max-width: 600px) {
  select {
    font-size: 14px;
    max-width: 100%;
  }
}


select :not([multiple]) {
  max-width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1000;
}



.m-btn,
.mobile-menu {
    display: none;
}

@media (min-width: 1200px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: auto;
    }

    .navbar .container {
        height: 140px;
        margin-top: -6px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .carousel-inner .row, .page-services, .page-eola-dashboard {
        flex-direction: column;
    }

    .new-to-cdph h5:before,
    .new-to-cdph h5:after {
        position: absolute;
        top: 51%;
        width: 20%;
        height: 1px;
        content: '';
        background-color: #ccc;
    }

    .home-desc {
        width: inherit;
    }

    .box .item {
        padding: 10px;
    }

    /*footer {
        .container

{
    padding: 0
}

.col-md-6 {
    padding: 0
}

}*/

.payment-check {
    padding: 0;
}

.page-apcc > div {
    display: inherit;
}

#message-container {
    margin: 20px 0px;
}

.make-address {
    flex-direction: column;
}

.makecheckpayable {
    margin: 30px 0
}

.make-address .custcont {
    padding: 0 10px;
    margin: 0;
    min-width: inherit;
}

.eda-special-wording,
.form-add-product-edit,
.form-add-productlabel-edit,
.form-edit-checkoutsubmit,
.form-edit-productLabel {
    min-height: inherit;
}

#pcppsubmittedreports {
    overflow-x: auto;
}

.pcppmobilemsg {
    display: block;
}

.page-signup .common-form {
    min-height: inherit
}

.signin-box {
    width: 90%;
    padding: 30px 20px;
}

.new-to-cdph .btn {
    width: 100%;
}

.hlbl {
    width: inherit;
}

.circle-status {
    display: none;
}

.form-profile {
    width: 100%
}

.searchli #search {
    display: none
}

.dropdown-menu.dropdown-search {
    display: block
}

.profile {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    align-items: normal;
}

    .profile li {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .searchli{
        margin-bottom: 15px !important;
    }

.dropdown-search .form-control {
    width: 100%;
}

.weblink > [aria-current="page"] {
    border-bottom: 0px;
    height: inherit;
}

.weblink > [aria-current="page"] {
    border-bottom: 0px;
    height: inherit;
}

.page-signup .crmEntityFormView {
    width: 95%
}

.page-dashboard {
    padding: 0;
}

.search-field {
    padding: 10px
}

section {
    padding: 15px
}

.hero {
    margin-bottom: 15px
}

.div-left {
    display: none
}

.m-btn,
.mobile-menu {
    display: block;
    margin: 20px 0;
}

.mobile-menu {
    background: #F9F2FA;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    color: var(--brand);
    background-repeat: no-repeat !important;
    background-position: right .99rem center !important;
    background-size: 20px 14px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23205493' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    border-radius: 8px;
    margin-top: 0
}

.eda-page > div,
.eda-application .row {
    flex-direction: column;
}

.div-left {
    width: 100% !important;
    margin-bottom: 20px
}

.crmEntityFormView.right {
    width: 100%;
    margin-bottom: 20px
}

.carousel-control.right {
    width: inherit !important;
    margin-bottom: 0px
}

html[dir=ltr] ol.progress.left li,
html[dir=ltr] ol.progress.right li {
    width: 100%;
}

.entitylist-search {
    width: inherit;
    margin-bottom: 20px;
}

html[dir=ltr] .grid-actions a.btn.action {
    margin-left: 0px;
}

.create-action:before {
    left: 15px;
}

.pagination > li {
    display: inline-block;
}

.navbar .container {
    display: inherit
}

.hero {
    background: #e4f3fa;
}

.hero-title {
    font-size: 34px;
    margin-bottom: 0px;
    line-height: normal;
}

.welcome {
    font-size: 16px;
    margin-top: 0px;
    font-weight: 600;
    line-height: normal;
}

.hero-description {
    font-size: 18px;
    margin: 0 0 10px;
    line-height: normal;
}

.search-field {
    margin-top: 20px
}

.navbar-toggle,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #0b76bf;
    border: 1px solid #0b76bf
}

.navbar-toggle {
    margin-top: 15px;
}

.div-left {
    min-height: inherit
}

#Previous,
#PreviousButton {
    margin-right: 10px !important;
}

a {
    word-break: break-all;
}

/*.pcpp-step2 th,*/
.pcpp-step3sec1 th {
    width: 100% !important;
    border-bottom: 1px solid var(--white);
    padding: 10px 0
}

.pcpp-step4 .control,
.pcpp-step4 .info,
.pcpp-step3sec5 .control,
.pcpp-step3sec5 .info,
.pcpp-step3sec4 .control,
.pcpp-step3sec4 .info,
.pcpp-step3sec3 .control,
.pcpp-step3sec3 .info,
/*.pcpp-step2 .control,
.pcpp-step2 .info,*/
.pcpp-step3sec1 .control,
.pcpp-step3sec1 .info,
.pcpp-step3sec2 .control,
.pcpp-step3sec2 .info,
.control .info,
.pcpp-step3sec5 .control input,
.pcpp-step3sec5 tr:last-child td:first-child .control,
.pcpp-step3sec5 tr:last-child td .control,
.pcpp-step3sec5 tr:last-child td:nth-child(2) {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pcpp-step4 th,
.pcpp-step3sec2 tr:nth-child(2) th,
.pcpp-step3sec2 tr th,
.pcpp-step3sec3 th,
.pcpp-step3sec4 th,
.pcpp-step3sec5 th {
    width: 100% !important;
    border-bottom: 1px solid var(--white);
    padding: 10px;
    margin: 0 !important
}

.accordion-panel,
.page-pcpp .crmEntityFormView .cell,
.pcpp-step3sec5 tr:last-child td:nth-child(1),
.pcpp-step3sec2 thead tr:nth-child(2),
.pcpp-step3sec3 thead tr:first-child,
.pcpp-step3sec4 thead tr:nth-child(2),
.pcpp-step3sec5 thead tr:nth-child(2),
.pcpp-step4 thead tr:first-child {
    padding: 0;
}

.pcpp-right #dropdown_0 {
    width: 200px
}

.accordion.section-title h3 {
    font-weight: 600 !important;
    font-size: 16px;
}

.thankyou-center {
    width: 100%
}

.para-1 {
    flex-direction: column
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    margin: 0 !important;
    padding: 0;
}

.sub-dropdown {
    border-bottom: 1px solid #ccc;
}

.dropdown-menu .divider {
    margin: 0
}

.dropdown-menu li li a {
    border-bottom: 1px solid var(--white) !important
}

.eda-application .crmEntityFormView.right {
    width: 100%;
    margin-bottom: 60px
}

.eda-right {
    margin-top: 50px
}

.t-btns {
    top: -40px;
    right: inherit;
}

.profile {
    float: inherit;
    margin-top: inherit;
}

[aria-current="page"] {
    border: 0
}

.collapse.in {
    min-height: 320px
}

.payment-check,
.eda-license-check,
[aria-label="Export Document Application License Check"],
.license-check,
.eda-application .div-left,
.eda-productbulkupload-modal-content {
    width: 100%;
}

.payment-details {
    overflow: auto
}

.status-message p {
    background: url(/icon-green-tick.png) no-repeat 0 3px;
    background-size: 20px
}

.form-contactus {
    width: 100%;
}

.btn-blue {
    padding: 10px;
    font-size: 14px
}

.col-md-4,
.status-btns button {
    margin-bottom: 20px
}

.view {
    white-space: nowrap
}

.in-progress {
    display: none;
}

.form-product-label {
    min-height: inherit;
}

.col-md-8 {
    margin-bottom: 20px;
}

.fac-filters {
    display: inherit;
}

    .fac-filters div {
        margin-bottom: 10px
    }

.eda-left .expand-all {
    margin: -99px 0 0;
}

.hero-description {
    width: 100%;
}

.form-email {
    width: 100%;
    padding: 15px
}

.eola-home-right #navigateButton,
.pcpp-home-right #navigateButton,
.eda-mobile {
    display: none;
}

.eda-web {
    display: block;
    margin-bottom: 30px;
}

.accordion-panel .file-link-and-delete {
    width: 100%
}

/* #navbar {
   height: 150vh;
    max-height: 150vh !important;
    background: #f9f9f9;
    top: 65px;
}*/

    #navbar .dropdown-search {
        top: 0;
        left: 0;
        clear: both;
        width: 100%;
    }

    #navbar .dropdown-menu .dropdown-menu {
        left: 0
    }

/*.sign-in,
.usernameli {
    margin-top: 60px !important;
}
*/

.profile .username,
#actioncompletion-message {
    width: 100%;
}

.makecheckpayable .custcont td:nth-child(1), .makecheckpayable .custcont th:nth-child(1) {
    white-space: normal
}

.sign-in {
    margin-bottom: 15px !important;
}

    .sign-in a, .sign-up a {
        width: 100px !important;
        display: block;
        text-align: center;
    }

#cdph_pfuf_patient_death_type input[type="radio"], #cdph_pfuf_death_scenario input[type="radio"] {
    position: inherit;
}

#cdph_pfuf_patient_death_type label, #cdph_pfuf_death_scenario label {
    margin-top: -30px;
}

}

.tab-content > .active {
    display: block !important
}

[type="button"]:focus {
    outline: 2px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.clear-both {
    clear: both;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px
    }
}

@media (min-width: 1084px) {
    .container {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .pagination > li > a,
    .pagination > li > span {
        width: 30px;
        height: 30px;
        font-size: 12px;
        padding: 0 5px
    }
}

@media print {

    /* All your print styles go here */
    footer,
    .page-heading,
    .print-link {
        display: none !important;
    }

    .payment-details,
    .payment-details table {
        width: fit-content;
    }

    .status-check-message p,
    .status-message p {
        padding-left: 0;
        margin-left: 0;
    }
}

@media(min-width: 992px) and (max-device-width: 1200px) {
    .page-eola-dashboard .title {
        min-height: 80px
    }

    .page-eola-dashboard .description {
        min-height: 140px
    }

    .page-services .title,
    .page-home .title {
        min-height: 50px
    }

    .page-services .description,
    .page-home .description {
        min-height: 180px
    }
}

/* Custom class to make radio button mandatory */
.makeradiomandatory::after {
    content: " *";
    /* Adds the asterisk after the label text */
    color: #a94442;
    /* Red color for the asterisk */
    font-weight: bold;
    /* Ensure it's not bold */
}

@media (max-width:1230px) {
    .pagination > li > a, .pagination > li > span {
        width: 25px;
        height: 25px;
        
    }
}

.navbar-inverse .navbar-toggle {
    border-radius: 4px;
    background-color: var(--brandbg);
    border: 1px solid var(--brandbg);
	margin-top: 30px;
	padding: 9px 10px;
}

.navbar-inverse .navbar-toggle:hover {
	background-color: var(--brand);
	border: 1px solid var(--brand);
}

.navbar-inverse .navbar-toggle:focus {
	background-color: var(--brandbg);
	border: 1px solid var(--brandbg);
}
	
@media (max-width: 767px) {
    .navbar-inverse .navbar-toggle {
        margin-top: 30px;
    }
}

.navbar-header img {
    height: 80px !important;
    width: auto !important;
	max-height: 80px;
	margin: 30px 40px;
    padding: 0;
	box-sizing: content-box !important;
    object-fit: contain;
    display: inline-block;
	vertical-align: middle;
}

.navbar-brand {
	height: auto !important;
	vertical-align: middle;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
}

.navbar-header {
    position: relative;
}

.navbar,
.navbar-header {
    min-height: 140px !important;
}

@media (max-width: 767px) {

#navbar .dropdown-search #q, .form-search .input-group-btn button[type="submit"] {
    right: 2px;
}

    .navbar-header {
        position: relative;
        height: 140px !important;
    }

    .navbar-inverse .navbar-toggle {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        margin: 0 !important;
        padding: 9px 10px;
        background-color: var(--brandbg) !important;
        border: 1px solid var(--brandbg) !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    .navbar-header img {
        margin: 30px 40px;
        vertical-align: middle;
    }
}


    @media (min-width: 768px) and (max-width: 991px) {
        .navbar-header img {
            margin: 30px 40px !important;
            vertical-align: middle;
        }

        .navbar-inverse .navbar-toggle {
            position: absolute;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            margin: 0 !important;
            padding: 9px 10px;
        }

        .footer-logo {
            margin-right: 20px !important;
        }
    }

    /*.footer-logo {
	height: 80px !important;
	width: auto !important;
	max-height: 80px;
	object-fit: contain;
	display: block;
	padding: 20px 0;
	margin-left: auto !important;
	margin-right: 20px;
	box-sizing: content-box !important;
}

.footer-logo img {
	height: 80px !important;
	width: auto !important;
	object-fit: contain;
	display: block;
}*/

    .cdph-table .info {
        padding-bottom: 0;
    }

    .cdph-table.table > tbody > tr > td {
        border: none !important;
    }

        .cdph-table.table > tbody > tr > td .validators {
            line-height: 0;
        }


    .dayRedLine {
        border-left: 6px solid red;
        height: 42px;
        position: absolute;
    }

    .alert-primary {
        color: #004085;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
    }

    .center {
        text-align: center;
    }

   .table3 {
      width: -webkit-fill-available !important;
    }

    .background-cd {
        background-color: #cdcdcd;
    }

    .background-e1 {
        background-color: #E1E1E1;
    }

/*    div[data-name="patient_information"] .table2,
    div[data-name="patient_information"] .table3,
    div[data-name="patient_information"] .table4,
    div[data-name="patient_information"] .table5 {
        display: none;
    }
*/

.home-search-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 40px;
/*            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
*/
        }

        .home-no-results-message {
            background-color: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 14px;
            padding: 28px 32px;
            display: flex;
            align-items: center;
            gap: 5px;
            margin: 50px 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .home-search-icon {
            width: 48px;
            height: 35px;
            color: #4a90e2;
            flex-shrink: 0;
            margin-bottom: 30px;
        }

        .home-message-content {
            flex: 1;
        }

        .home-main-message {
            font-size: 18px;
            font-weight: 700;
/*            color: #1a202c;
*/
            margin: 0 0 12px 0;
            line-height: 1.5;
        }

        .home-sub-message {
            font-size: 15px;
/*            color: #4a5568;
*/
            margin: 0;
            line-height: 1.6;
            font-weight: 400;
        }

        .home-search-term {
            font-weight: 700;
/*            color: #2d3748;
*/
            padding: 2px 6px;
            border-radius: 4px;
        }
		
/* Accessibility: screen reader only */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.inline-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 2px 6px;
}

    .inline-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 4px;
        text-decoration: none;
        padding: 4px;
    }

        .inline-actions a:hover {
            background-color: #f0f0f0;
        }

    .inline-actions .fa {
        font-size: 16px;
    }

div:where(.swal2-icon).swal2-warning {
    border-color: #B75B0B !important;
    color: #B75B0B !important;
}

.swal2-confirm {
    background: var(--brandbg) !important;
    border: 1px solid var(--brandbg) !important;
}

.swal2-cancel {
    background-color: var(--white) !important;
    border: 1px solid #ccc !important;
    color: var(--txtcolor) !important;
}

select#cdph_reasonforcontact {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important; /* This is the key fix */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 600px) {
  #search_sort_options {
       width: 110px !important;
  }
}
   .search-field .input-group {
    display: flex;
    align-items: center;
}

.search-field .input-group .form-control {
    width: 100%;
}
#search_control:focus {
    z-index: 2 !important;
}

.msos-a11y {
    opacity: unset !important;
}

btn.custom-search-control.disabled,
.btn.custom-search-control:disabled {
     background: var(--brand);
    color: var(--white);
    opacity: unset;
}

.custom-h3 {
    margin-top: 0 !important;
}

.icon-help{
  border:none;
}