@charset "utf-8";
/* CSS Document */


/*formsBased pages*/

.fifError {
    background: rgba(255, 0, 0, 0.6) !important;
    font-size: 24px;
    font-weight: bold;
    border: 6px solid red;
    border-radius: .25rem;
    border-width: medium;
}

.desc {
    /* used on form pages to hide field descriptions */
    visibility: hidden;
    display: none;
    font-size: 0px;
}

.descShow {
    font-size: 7px;
}

.relative {
    position: relative;
}

.formSection {
    position: relative;
    overflow-x: scroll;
}

.fromHTML {
    overflow-x: scroll;
}

.rowElement > *:not(table), .variableDisp, .beforeInput {
    display: flex;
    vertical-align: middle;
}

.beforeInput > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.afterInput > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.variableDisp > img {
    vertical-align: middle;
    margin-right: 2px;
}

#form .formSection > div.descGroup,
#form .formSection > div.pageText,
#form .formSection > fieldset:not(.showFieldset) {
    margin: 0;
}

#form .formSection > div,
#form .formSection > .notFieldset {
    font-size: 12px;
    margin: 6px;
    padding: 8px;
}

.formField {
    display: block;
    font-size: 10pt;
    position: absolute;
}

.variable-disp {
    display: inline-block;
    /*width: 100%;*/
    height: calc(1.5em + .75rem + 2px);
    /* padding: .375rem 0rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.editInput > * {
    background: unset !important;
    border: 0 !important;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-decoration: underline;
    vertical-align: middle;
    width: 22px;
    min-height: 0;
    position: relative;
    bottom: 1px;
    margin-bottom:0.4rem;
}

.formField > .descShow {
    display: block;
}

.formField > * {
    display: inline-block;
}

#formFields .relative {
    display: inline;
}
#form #formFields .formField {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
#formFields input {
    background: #e2e2e9;
    border: 0;
    padding: 0;
}
#formFields input.errorGroup{
    background: rgba(255, 0, 0, 0.6) !important;
}
#formFields .beforeInput,
#formFields .afterInput {
    display: none;
}
#formFields .helpHover:hover {
    cursor: pointer;
}

.formField .helpHover > p {
    margin: 0;
}

.formField input[type="text"],
.formField input[type="number"],
.formField input[type="date"] {
    background-color: #e2e2e9;
    border-width: 0;
    display: inline-block;
    height: 16px;
    min-height: 16px;
    padding: 1px;
    max-width: 100%;
}

.formField div:not(.noEdit) .variableDisp {
    background-color: #e2e2e9;
    cursor: pointer;
    min-width: 0;
    width: 100%;
    min-height: 14px;
}

.formField .editInput {
    display: none;
}

.form-input-group {
    position: relative;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.form-input-group>.custom-select:not(:first-child), .form-input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-input-group>.custom-select:not(:last-child), .form-input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*/formsbased pages*/



div.sheet.background {
    background: white;
    box-shadow: 0px 6px 10px 0px #b6b6b6;
    position: absolute;
    border: 1px solid #9e9e9e;
    padding: 12px;
    z-index: 1;
    position: absolute;
    right: -372px;
    top: 0;
}

div.sheet.background.beLeft {
    right: 20px;
    top: 54px;
}

table.sheet {
    border-collapse: collapse;
}

table.sheet input {
    max-width: 180px;
}

table.sheet th,
table.sheet td {
    margin: 0;
    padding: 1px;
}

label.sheet {
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*right: 10px;*/
    color: rgb(168, 167, 167);
    font-size: 22px;
    /*overflow: hidden;*/
    line-height: 1px;
}

label.sheet:hover {
    color: rgb(68, 68, 68);
    cursor: pointer;
}

label.sheet.has-sheet-values {
    color: rgb(14, 13, 13);
}

.notes-right.fade .notes-dialog {
    position: fixed;
    right: 0;
    top: 0;
    margin-right: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.notes-right.fade.show .notes-dialog {
    transform: translateX(0);
}

.notes-dialog {
    margin: 0;
    width: 100vw;
    max-width: 600px;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1100;
    background-color: #f8f9fa;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.notes-content {
    height: 100%;
}    
.notes-header {
    display: flex;
    flex-direction: column;
}

.icon-wraper {
    position: relative;
    display: inline-block;
}

.icon-wraper .icon-message {
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;    
    width: auto;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    font-size:13px;
    color:#495057;
    text-align: center;
    border-radius: 3px;
    padding: 4px 3px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    right: -110%;
    margin-left: -60px;
}
/* 
.icon-wraper .icon-message::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #040505 transparent transparent transparent;
} */

.icon-wraper:hover .icon-message {
    visibility: visible;
}

.errorUp .modal-header {
    background-color: red !important;
    color: white;
    margin: 0;
}

.errorUp .modal-body input[type="text"],
.errorUp .modal-body input[type="number"],
.errorUp .modal-body input[type="date"] {
    width: 25%;
}

.nav-colors {
    color: #ffffff;
    /* background-color: rgb(190, 29, 34); */
    /*border-bottom: solid 1px #333;*/
    background-color: var(--c-brand, #AADEFF);
}

.nav-item-colors {
    color: #ffffff;
    /* background-color: rgb(190, 29, 34); */
    background-color: var(--c-brand, #AADEFF);

}

.nav-sub-colors {
    color: #414040;
    background-color: #e8eaeb;
    border-bottom: #CCC;
}

.nav-background-color {
    background-color: #f8f9fa;
}

.control-colors{
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

.form-colors {
    color: #303030;
    background-color: #fff;
}

.input-colors {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
}

.formControls {
    float: right;
    display: flex;
}

.formControlDoneButton {
    /* float: right; */
    display: flex;
    justify-content: flex-end;
}

.formControls input, .formControls button {
    margin-left: 5px;
}

.form-input {
    width:auto;
    max-width: 100%;
    font-family: monospace;
}

.beforeInput {
    font-size: 24px;
    margin-bottom: .5rem;
    line-height: 1px;
    /*position: absolute;
    left: -15px;*/
}

.afterInput {
    display: flex;
    margin-bottom: 0.5rem;
    line-height: 1px;
}

.beforeInput ~ .form-input {
    display: inline-block;
}

.brand-logo {
    max-width: 200px;
    margin-top: -5px;
}

/*Start sidebar*/ 
#sidebar-wrapper {
    z-index: 999; /* bootstrap starts at 1000, so this shouldn't interfere with it */
    width: 25vw;
    min-width:400px;
}
#sidebar-wrapper:has(> .sidebar24){
    top: 50px;

}
.bg-navbar-right-side {
    background-color: rgb(190, 29, 34);
}
.nav-item-side {
    /*border-bottom: solid 1px #333;*/
    /*background-color: rgb(190, 29, 34);*/
    font-size: 17px;
}
.sidebar .nav-link {
    color: #fff;
}
.nav-item-side > .nav-link:hover, .nav-item-side >  .accordion > .nav-link:hover {
    background-color: rgb(158, 25, 30) ;
}
.nav-item-side-sub > .accordion > .nav-link:hover {
    background-color: #cdcfcf ;
}
.btn-link {
    color: #fff;
    padding: 0 0 0 10px;
}
.btn-link:hover  {
    color: #fff;
}
.nav-item-side-sub > .accordion > .nav-link > .btn-link:hover  {
    color: #414040;
}
.nav-item-side-sub .accordion > .nav-link{
    color: #414040;
}
.sidebar .nav-link.active {
    color: #380507;
}
.nav-content {
    background-color: #f8f9fa;
}
.card-body {
    background-color: #f8f9fa;
    /*    padding: 0px;*/
}
.card-child{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:3px;
    padding-bottom: 2px;
}
.card-child:nth-child(even){
    background-color: #e9ecef;
}
.form-added{
    font-weight:550;
}
.expand-button{
    color: var(--blue);
}
.expand-button:hover{
    color: #003166;
}
.card-child > .collapse{
    padding-left: 5px;
}
.card-child > .collapsing{
    padding-left: 5px;
}
.collapsed .accordionCaret{
    transform: rotate(-90deg);
}
.form-selected{
    color: #303030;
}
/*End sidebar*/

.h2 {   /*Page Headers */
    display: inline-block;
}

.toErrors span {
    bottom: 0;
    font-family: "Arial White", Gadget, sans-serif;
    left: 0;
    line-height: 28px;
    position: absolute;
    right: 0;
}

.toErrors {
    background-color: rgb(190, 29, 34);
    color: white;
    font-weight: bolder;
    border-radius: .25em;
}

.hidden {
    display: none !important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a.btn.disabled button { 
    color: #999;
}

body {
    color: #303030;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

main {
    /* margin-top: 70px; */
    /* overflow: hidden; */
}
.center {
    margin:0 auto; 
    display: block;
}
.text-center {
    text-align: center;
}
.orange {
    color: #FC8403;
}

.content_container {
    padding: 10px;
    margin-top: 20px;
}
.inside-container {
    width:100%;
    max-width:750px;
    margin:0 auto;
    padding: 25px;
}
.text-info-navbar{
    float: left;
}
.title-container {
    width:100%;
    max-width:1140px;
    margin:0 auto;
}
.section-intro {
    padding-bottom: 60px;
}

.home-icon {
    font-size: 50px;
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 10px;
    background-color: #6c757d;
    border-radius: 50%!important;
    color: #fff;
}
.blue-icon {
    color: #187eb7;
    font-size: 80px;
    padding: 45px;
}
.login-box {
    display: block;
    padding: 50px;
    background-color: #187eb7;
    max-width: 900px;
    width: 100%;
    color: #fff;
    margin: 25px auto;
}
.login-box a, .login-box a:visited {
    color: #fff;
}

.red-box {
    background-color: #ce1f32;
    padding: 80px 40px;
    color: #fff;
    text-align: center;
}
.grey-box {
    background-color: #757575;
    padding: 80px 40px;
    color: #fff;
    text-align: center;
}

.blue-txt {
    color: #0eaded;
}



.container2 {
    display:inline-block;
    width:100%;
}
.container3 {
    display:inline-block;
    width:100%;
    padding: 100px 0;
}

#header {
    box-shadow: 0px 18px 20px -10px #0000008f;
}

#errorWarn {
    font-size: 24px;
    font-weight: bold;
}

.errorGroup {
    border: 6px solid red;
    border-radius: .25rem;
    border-width: medium;
}

input[type="checkbox"].errorGroup {
    outline: 6px solid rgba(255, 0, 0, 0.5) !important;
}

.errorElement input,
.errorElement textarea,
.errorElement select,
.errorElement .radioOptions {
    border-color: rgba(255, 0, 0, 0.5) !important;
    box-sizing: border-box;
}

.errorElement input:focus,
.errorElement textarea:focus {
    border-color: rgba(255, 0, 0, 1) !important;
}
.navbar-default .navbar-nav > li > a {
    color:#fff;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.90);
}
.nav-link, .nav-link:visited {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.nav-link:hover {
    color: #f2f2f2;
}

nav.navbar {
    min-height: 50px;
    max-height: 50px;
    padding-right: 0px !important;
    margin-right: 0px !important;
}
.nav-height {
    max-height: 50px;
    padding: 0 .50vw;
/*    padding-right: 30px;*/
}
/*.navbar a {
color: white;
font-weight: bold;
border: 1px solid white;
border-radius: .25rem
}
 */
.dropdown-item.active, .dropdown-item:active {
    background-color: #bac7d3;
}
/*New styling 2024 only affects 2024*/
#wrapper:has(.sidebar24) ~ ul.dropdown-menu {
    max-height: 20rem;
    position: fixed;
    display: block;
    background: #fff;
    border-radius: 25px;
    border: solid 10px white;
    padding: 10px;
    /* position: relative; */
    filter: drop-shadow(0 0 0.75rem #808080);
    &.active {
        background-color: #bac7d3;
    }
    border-radius: 25px;
    overflow-y:scroll;
    margin-left:240px;
    margin-top:-60px;
}

/*Old styling*/
ul.dropdown-menu { 
    max-height: 20rem;
    overflow-y: auto;
    padding: 0;
    &.active {
        background-color: #bac7d3;
    }
}
ul.dropdown-menu li{
    padding: 3px;
    border-radius: 15px;
}
/*Navbar css*/
.navbar-dropdown-menu-wrapper{
    max-height: 85vh;
    overflow-y: auto;
    left:-140px;
    scrollbar-gutter: stable;
}
.expando-sub-menu{
    display: none;
    background-color: var(--c-brand-l2, #D5ECFA);
    border-radius: 15px;
}
.expando-sub-item
{
    background-color: var(--c-brand-l2, #D5ECFA);
    border: none;
    text-align: left;
    padding: 10px 17px;
    width: 100%;
    font-size: 14px;
    color:var(--c-gray-d, #5B5B5B);
    border-radius: 15px;
}
.expando-sub-item:hover{
    background-color:var(--c-brand-b1, #88D1FF);
    color:white;
}
.navbar-dropdown-wrapper
{
/*    transform: translateX(-30px);*/
}
.navbar-dropdown-header
{
    display: block;
    color: white !important;
    font-size: 16px;
    padding: 4px 18px;
    line-height: 24px;
    background-color: var(--c-brand-d, #366196);
    border-radius: 25px;
    margin-bottom:2px;
    margin-top: 2px;
    height:32px;

}
.navbar-dropdown-header-sub-menu
{

    display: none;
    background-color: var(--c-brand-l2);
    border-radius: 15px;
}
.expando
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: var(--c-off-black, #2c2c2c); 
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
.expando.active, .expando:active {
/*    border: solid 2px #006298;
    color: #212529;
    border-radius: 25px;*/
}
.expando:hover {
    color: var(--c-off-black, #2c2c2c); 
    background-color: var(--c-off-white,  #F8F8F8);
    text-decoration: none;

}

.support-expand{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: var(--c-off-black, #2c2c2c); 
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    text-decoration: none;
}
.support-expand:hover {
    color: var(--c-off-black, #2c2c2c); 
    background-color: var(--c-off-white,  #F8F8F8);
    text-decoration: none;

}
.nav-bar .support-expand .nav-icon
{
    color: var(--c-dropdown-icon);
    fill: var(--c-dropdown-icon);
}
.nav-bar .support-expand-dropdown-item .nav-icon
{
    color: var(--c-dropdown-icon);
    fill: var(--c-dropdown-icon);
}
.support-expand-sub-menu{
    display:none;
    background-color: var(--c-brand-l2, #D5ECFA);
    border-radius: 15px;
}
.support-expand-dropdown-item{
    display: inline-flex;
    background-color: var(--c-brand-l2, #D5ECFA);
    border: none;
    text-align: left;
    padding: 10px 17px;
    width: 100%;
    font-size: 14px;
    color:var(--c-gray-d, #5B5B5B);
    border-radius: 15px;
    text-wrap: pretty;
}
.support-expand-dropdown-item:hover{
    background-color:var(--c-brand-b1, #88D1FF);
    text-decoration: none;
    color:white;
}

.navbar-dropdown-menu-wrapper .dropdown-item:hover
{
    background-color:var(--c-off-white);
}


/*End of navbar section*/

.tab-content {
    margin-top: 30px;
    padding: 20px;
}

.orange-btn {
    background-color: rgba(252,132,3,1);
    border: none;
}
.orange-btn:hover {
    background-color: rgba(252,132,3, .7);
}
.orange-btn:active {
    background-color: rgba(252,132,3, .7) !important;
}

/* To make sure our recaptcha badge doesn't get burried under our footer */
.grecaptcha-badge {
    z-index: 9999;
}

/* Styles for certifications bar that pops up from bottom when moused over */
#certs2 {
/*    margin-bottom:100px;*/
}
#certs {
    margin: 0;
    height: 0px;
    text-align: center;
    overflow: hidden;
    transition: all .4s;
    opacity: 0;
    border-top: 0px solid transparent;
    filter: saturate(90%) contrast(90%);
    z-index: -1;
}

.certified #certs {
    border-top: 1px solid #999;
    height: 81px;
    /*54px;*/
    opacity: 1;
    z-index: 1030;
}

#certs a {
    padding: 6px;
    display: inline-block;
    vertical-align: middle;
    pointer-events: none; 
    cursor: default;
}

.certified #certs a {
    pointer-events: auto;
    cursor: pointer;
}

#footer {
    padding: 0 40px 0 20px;
    background-color: #DBDBDB;
    min-height: 23px;
    position: fixed;
    bottom: 0;
    /*was 23px*/
    width:75%;
}

#footer p {
    margin: 0;
    padding: 5px 0;
    font-size: 9px;
    float: left;
    width: inherit;
}

footer {
    display:block;
    background-color:#444;
    color:#fff;
    width:100%;
    padding:20px;
    text-align:center;
    font-size:12px;
}

footer a:hover {
    color: #ddd;
}

.footer-title {
    font-size:18px;
    border-bottom:solid 1px #999;
    margin-bottom:10px;
    font-weight:bold;
}

/* column space classes */

.column-radio{
    justify-content:space-between; 
    display:flex; 
    width:90px;
}

.column-background{
    background:#fbfbfb;
}

.column-text{
    width:10%; 
    margin-right:2rem;
}

.column-desc1{
    position:relative; 
    top:15px;
}

.column-dot-line{
    background-image:linear-gradient(to left, #000 10%, rgba(255, 255, 255, 0) 0%); 
    background-position:top; 
    background-size:30px; 
    background-repeat:repeat-x; 
    border-top:0; 
    width:100%; 
    height:3px; 
    position:relative; 
    top:18px;
}

.column-edit-position{
    left:95%; 
    top:0%;
}

@media only screen and (max-width: 1200px) {
    .column-edit-position{
        left:90%; 
        top:0%;
    }
}

@media only screen and (max-width: 450px) {
    .column-edit-position{
        left:85%; 
        top:0%;
    }
}



.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    background-color:#60dcea;
    color:#333333;
}
.pre-header {
    display:inline-block;
    width:100%;
    background:#666;
    height:25px;
    position:fixed;
    z-index:1000;
    color:#fff;
    top:0;
}
.pre-header a {
    color:#fff;
}
.pre-header a:hover {
    color:#0CF;
}
#header {
    position: fixed;
    top:0px;
    width: 100%;

    font-family: 'PT Sans', sans-serif;
    z-index:1000;
    /* background-color:rgba(240, 241, 241, 0.9) !important;*/
    background-color: rgba(255,255,255, 1) !important;


    /*set animation */
    -webkit-transition: all 0.4s ease;
    transition : all 0.4s ease;
}
#header.sticky {
    text-align: left;
    /*background-color:rgba(240, 241, 241, 0.95) !important; */
    background-color:rgba(255,255,255, 0.95) !important;
}


#header2.sticky a:link, #header2.sticky a:visited,
#header.sticky a:link, #header.sticky a:visited,
#header a:link, #header a:visited {
    color: rgba(0,0,0,0.6) !important;
}


.summaryBox,
#form.editingReturn > div {
    background: linear-gradient(to bottom right, #ededed, #f5f5f5);
    border: 1px solid lightgrey;
}

.listBox > div.full:not(:first-child) {
    display: list-item;
    margin-left: 20px;
    width: calc(100% - 20px);
}

.summaryBox {
    margin: 8px 4px;
    padding: 3px;
    width: calc(100% - 8px);
}

.summaryBox input[type="checkbox"] {
    margin: 0 4px 0 0;
    min-height: 0;
}

.summaryBox > div {
    padding: 1px 2px;
    width: 50%;
    font-size: 13px;
}

.summaryBox > div.returnFilingDetails {
    padding: 6px 2px;
}

.summaryBox div {
    display: inline-block;
    vertical-align: top;
}

.summaryBox > div.full {
    width: 100%;
}

.summaryBox > div.full:nth-child(odd),
.summaryBox > div.full:nth-child(even) {
    padding-left: 2px;
    padding-right: 2px;
}

.summaryBox div.spanContainer {
    display: inline-flex;
    justify-content: space-between;
}

.summaryBox > div:nth-child(1),
.summaryBox > div:nth-child(2):not(.full) {
    font-weight: bold;
    font-size: 12pt;
}

.summaryBox > div.subHeader {
    font-weight: bold;
    font-size: 11pt;
}

.summaryBox > div:nth-child(odd) {
    padding-right: 8px;
}

.summaryBox > div:nth-child(even) {
    padding-left: 8px;
}

.summaryBox > div span.separator {
    flex: 1 1 0px;
    border-bottom: 1px dotted grey;
    position: relative;
    bottom: 4px;
}

.summaryBox hr {
    color: lightgrey;
}

.errorListing > .errorCode {
    float: right;
    margin: 0 0 4px 12px;
    color: #a41414;
}

#nav-sticky {
    margin-top:34px;

    /* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#nav-sticky.sticky_margin {
    margin-top:20px;
}

.phone-header {
    font-size: 30px;
    font-weight: 700;
}
.link-white:link, .link-white:visited {
    color: rgba(255,255,255, 0.95);

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.link-white:hover {
    color: rgba(255,255,255, 0.75);
}
.in-bg {
    background:rgba(255,255,255, 0.8);
    margin-bottom:5px;
    width:100%;
    border:solid 1px #CCC;
}

.error {
    border: 1px solid #F00;
}

.fa-icon {
    font-size: 55px;
    color: rgb(109, 109, 109);
}
.footer-icon {
    color: #fff;
    margin-right: 30px;
    font-size: 30px;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.footer-icon:hover {
    color: #999;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}
.margin-bottom-100 {
    margin-bottom: 100px;
}
.margin-top-bottom-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.box1 {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/questionaire-bg.jpg);
    background-attachment:fixed;
    background-size:cover;
    color:#fff;
    padding:20px;
}
.box-shadow {
    background-color:#fff;
    border:solid 1px #CCC;
    border-radius:10px;
    margin:10px 20px 30px 10px;
    padding:10px;
    -webkit-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.37);
    box-shadow: 10px 10px 41px 0px rgba(0,0,0,0.37);
}
.mobile_hide {
    display:block;
}
.mobile_only {
    display:none;
}

/* View PDF drop down styling */
.navbar > div > .dropdown-menu{
    max-height: 90vh;
    overflow: auto;
}

/* Session timeout styling */
.timeoutPopup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 100px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    box-sizing: border-box;
    z-index: 2;
}

.timeoutPopup-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: max-content;
    overflow: auto;
    box-sizing: border-box;
}

.timeoutPopup-header{
    background-color: #2c429b;
    overflow: auto;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fefefe;
    box-sizing: border-box;
}

.timeoutPopup-body{
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    width: max-content;
    text-align: center;
}

.timeoutButton{
    margin: auto;
    width: 20%;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
}
/* End session timeout styling */

@media (max-width: 620px) {
    /*#wrapper {
    margin-top: 116px;
    }*/
.mobile_hide {
    display:none;
}
.mobile_only {
    display:block;
}
/*#logo {
width:256px;
}*/
.inside-container {
padding:10px;
}
}


/* Hamburger Icon Stuff */

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 24px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-box .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}
.hamburger-inner:before {
    top: -10px;
}
.hamburger-box .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
}
.hamburger-inner:after {
    bottom: -10px;
}
.hamburger-box.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-5px,-5px,0) rotate(-45deg) scaleX(.7);
}
.hamburger-box.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-5px,5px,0) rotate(45deg) scaleX(.7);
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #fff;
}


/* Spinner */

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;

}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: rgba(230, 30, 37, 1);
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
    100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4); 
    } 100%, 0% {
        transform: scale(1.0); 
    } 
}

/* End Spinner */

.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.uib-typeahead-match.active {
    background-color: var(--c-brand, #AADEFF);
    border: none;
    border-radius: 5px;
    box-shadow: none;
}

/* Include this file in your html if you are using the CSP mode. */

/* @charset "UTF-8"; */

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility:hidden;
}

.ng-anchor {
    position:absolute;
}


/*Mica's added rules for ngAnimate on RSO elements*/
.rsoShowHide{
    opacity: 1;
    max-height: 999px;
}

.rsoShowHide.ng-hide{
    opacity: 0;
    max-height: 0px;
}

.rsoShowHide.ng-hide-remove{
    transition: all ease-in .7s;
}

/* Mica's sidebar24 rules */
.sidebar24 {
    background: var(--c-nav-sidebar-bg, #AADEFF);
    width: 25vw;
    min-width: 400px;
    height: calc(100vh - 50px);
    position: fixed;
    left: 0;
    transition: 0.6s ease;
    transition-property: left;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable both-edges; 
    padding-bottom: 20px;  
} 
.sidebar24 a{
    text-decoration:none;
}
.sidebar24 .bubble-head {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.sidebar24 .bubble-head a {
    position: relative;
    width: 100%;
    border-radius: 22px;
    background-color: var(--c-brand-b3, #009CFF);    
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 5px 30px;
    line-height: 45px;
    cursor: default;
    z-index: 2;
} 

.sidebar24 .bubble-head a.edit-return-link {
    background-color: var(--c-off-white, #F8F8F8); 
    padding: 0;
}

.sidebar24 .bubble-head-float {
    background-color: var(--c-brand-b3, #009CFF);  
    position: absolute; 
    width: 30px;
    height: 55px;
    z-index: 1;
    right: 5%;
    margin-top: 25px;
}
.sidebar24 .tp-bubble {
    background-color: var(--c-off-white, #F8F8F8);
    width: 90%;
    margin-top: 7px;
    margin-left: 5%;
    border-radius: 25px;
}
.sidebar24 .tp-bubble .tp-body-cont {
    background-color: var(--c-off-white, #F8F8F8);
    border-radius: 25px;
    position: relative;
    z-index: 3;
    padding: 5px 10px 10px 10px;
}
.display-cont {
    border-radius: 25px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.sidebar24 .tp-bubble .tp-body-cont .display-line {
    margin: 5px 10px 0px 10px;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

.sidebar24 .tp-bubble .tp-body-cont .display-header {
    font-size: 16px;
    font-weight: bold;
    color: var(--c-gray-d, #5B5B5B);
    flex-grow: 1;
}
.sidebar24 .tp-bubble .tp-body-cont .name-ssn-cont {
    display: flex;
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
    color: var(--c-gray-d, #5B5B5B);
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    background-color: var(--c-brand, #AADEFF);
    border-radius: 25px;
    flex-grow: 20;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-left: 10px; 
}
.sidebar24 .tp-bubble .tp-body-cont .name-ssn-cont:hover {
    background-color: var(--c-brand-b2, #4FB8FB); 
    color: white;
}
.sidebar24 .tp-bubble .tp-body-cont .tp-detail-dash {
    margin: 0px 5px 0px 5px;
}
.sidebar24 .tp-bubble .tp-body-cont .dep-cont {
    margin: 0px 7px 0px 7px;
}
.sidebar24 .tp-bubble .tp-body-cont .dep-cont .dep-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 20px;
    padding-left: 3%;
    width: 102%;
    margin-top: 5px;
    margin-left: -2%;
    transition: all 0.3s ease-in-out;
}    
.sidebar24 .tp-bubble .tp-body-cont .dep-cont .dep-btn:hover {
    background-color: var(--c-brand-b2, #4FB8FB); 
    color: white;
    border-radius: 25px;
}
.sidebar24 .tp-bubble .dep-cont .caret {
    display: block;
    font-size: 14px;
    margin-left: 10px;
    width: 10px;
    transition: all .3s ease-in-out;
    fill: var(--c-gray-d, #5B5B5B);
}
.sidebar24 .tp-bubble .tp-body-cont .dep-cont .dep-btn:hover .caret {
    fill: white;
}
.sidebar24 .tp-bubble .tp-body-cont .sub-dep-toggle {
    display: none;
}
.sidebar24 .tp-bubble .tp-body-cont .sub-dep-menu {
    background-color: var(--c-brand, #AADEFF);
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.sidebar24 .tp-bubble .tp-body-cont .dep-cont .dep-line {
    display: flex;
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
    color: var(--c-gray-d, #5B5B5B);
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    background-color: var(--c-brand, #AADEFF);
    border-radius: 25px;
    flex-grow: 3;
    align-items: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.sidebar24 .tp-bubble .tp-body-cont .dep-cont .dep-line:hover {
    background-color: var(--c-brand-b2, #4FB8FB);
    color: white;
}
.sidebar24 .tp-bubble .tp-body-cont .ret-nav {
    display: flex;
}

.sidebar24 .tp-bubble .tp-body-cont .ret-nav .ret-nav-btn {
    display: flex;
    justify-content: center;
    color: var(--c-gray-d, #5B5B5B);
    padding: 5px 0 5px 0;
    margin: 10px;
    margin: 10px 0 5px 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    background-color: var(--c-brand-l1, #BDE4FC);  
    border: 3px solid var(--c-brand, #AADEFF);
    align-items: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    align-self: center;
    transition: all 0.3s ease-in-out;
}


#ret-nav-link {
    width: 50%;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#ret-nav-link.int {
    width: 100%;
    border-radius: 25px; 

}

#ret-sum-link {
    width: 50%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn p{
    flex-grow: 0;
    font-size: 15px;
}
.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn svg{
    margin-right: 5px;
    transform: translateY(-1px)
}
.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn.sum-btn svg{
    transform: rotate(180deg) translateY(1px);
    
}
.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn:hover{
    background-color: var(--c-brand-b2, #4FB8FB);
    border-color: var(--c-brand-b2, #4FB8FB);
    color: white;
    transform: scale(1.03);

} 
.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn:hover svg{
    fill: white;
}
.sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn:hover p{
    color: white;
} 

.sidebar24 .tp-bubble .tp-footer-float {
    position: absolute;
    width: 30px;
    height: 55px;
    z-index: 1;
    margin-top: -30px;
    background-color: var(--c-brand-l2, #D5ECFA);
    right: 5%;
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont {
    background-color: var(--c-brand-l2, #D5ECFA);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    z-index: 3;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-header {
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--c-gray-d, #5B5B5B);
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-radius: 25px;
    width: 105.5%;
    margin-left: -5%;
    padding-left: 6%;
    transition: all 0.3s ease-in-out;
}

.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-header:hover {
    background-color: var(--c-brand-b1, #88D1FF);
    color: white;
}
.my-info-btn-box {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-header svg {
    margin-right: 10px;
    display: none;
    transform: scale(1.6);
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-header svg.active {
    margin-right: 10px;
    display: inline;
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-sub-menu {
    display: none;
}
.sidebar24 .tp-bubble .tp-footer .my-info-cont .my-info-sub-menu-flex-cont {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
/*    margin-left: 30px;*/
}
.sidebar24
.tp-bubble
.tp-footer
.my-info-cont
.my-info-sub-menu
.my-info-sub-item {
    text-decoration: none;
    font-size: 16px;
    color: var(--c-gray-d, #5B5B5B);
    line-height: 27px;
    transition: all 0.3s ease-in-out;
    border-radius: 25px;
    margin-left:-10px; /*Due to parent container margin starts at 20px*/
    padding-left: 30px;
    margin-right: 10px;
}
.sidebar24
.tp-bubble
.tp-footer
.my-info-cont
.my-info-sub-menu
.my-info-sub-item:hover {
    background-color: var(--c-brand-b1, #88D1FF);
    color: white;
}

.sidebar24 .ret-bubble {
    background-color: var(--c-off-white, #F8F8F8);
    width: 90%;
    margin-top: 15px;
    margin-left: 5%;
    border-radius: 25px;
    padding-bottom: 5px;  
}
.sidebar24 .ret-bubble .btn-cont {
    background-color: var(--c-off-white, #F8F8F8);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    z-index: 2;
    padding: 5px;
    flex-wrap: wrap;
}
.sidebar24 .ret-bubble .btn-cont .break{
    flex-basis: 100%;
    height: 0;
}
.sidebar24 .ret-bubble .btn-cont button {
    color: var(--c-gray-d, #5B5B5B);
    outline: none;
    width: 110px;
    height: 25px;
    border-radius: 50px;
    margin: 5px 0px 5px 0px;
    font-size: 15px;
    font-weight: bold;
    background-color: var(--c-brand-l1, #BDE4FC);
    border: 3px solid var(--c-brand, #AADEFF);
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out; 
}
.sidebar24 .ret-bubble .btn-cont button.edit-return-btn { 
    width: auto;
    margin-bottom: 0px;
}
.sidebar24 .ret-bubble .btn-cont button:hover {
    background-color: var(--c-brand-b2, #4FB8FB);
    color: #fff;
    transform: scale(1.05);
    border: none;
    transition: 0.3s ease-in-out;
}
.sidebar24 .ret-bubble .btn-cont button.active {
    background-color: var(--c-brand-l2, #D5ECFA);
    border: none;
    color: gray;
    transition: 0.3s ease-in-out;
}
.sidebar24 .ret-bubble .btn-cont button.active:hover {
    background-color: var(--c-brand-b2, #4FB8FB);
    border: none;
    color: white;
    transition: 0.3s ease-in-out;
}
.sidebar24 .ret-bubble .btn-cont .add-form-btn {
    border-radius: 0px 25px 25px 0px;
}
.sidebar24 .ret-bubble .btn-cont .add-form-btn:hover {
    margin-left: 3px;
}
.sidebar24 .ret-bubble .btn-cont .my-forms-btn {
    border-radius: 25px 0px 0px 25px;
}
.sidebar24 .ret-bubble .btn-cont .x-icon {
    width: 30px;
    transform: translateY(-3px);
}
.sidebar24 .ret-bubble .btn-cont .my-forms-btn.add-form-enabled {
    border-radius: 25px 0px 0px 25px;
}
.sidebar24 .ret-bubble .btn-cont .my-forms-btn.add-form-disabled {
    border-radius: 25px;
}
.sidebar24 .ret-bubble .btn-cont .my-forms-btn.add-form-enabled:hover {
    margin-right: 3px;
}
.sidebar24 .ret-bubble .search-cont {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--c-brand, #AADEFF);
    width: 76%;
    margin-left: 12%;
    margin-bottom: 5px;
    height: 30px;
    font-size: 16px;
    color: var(--c-gray-d, #5B5B5B);
    border-radius: 25px;
    transition: 0.3s ease;
    anchor-name:--SRAnchor;
}
.sidebar24 .ret-bubble .search-cont .search-input {
    border: none;
    background-color: var(--c-brand, #AADEFF);
    color: var(--c-off-black, #2C2C2C);
}
.sidebar24 .ret-bubble .search-cont .search-input:focus {
    border: none;
    background-color: var(--c-brand, #AADEFF);
    outline: none;
}
.add-form-toggle {
    display: none;
}
/* Rules for category/menus */
.add-form-menu {
    background-color: var(--c-brand-l2, #D5ECFA);
    cursor: pointer;
    border-radius: 12px;
    width: 96%;
    margin-left: 2%;
}
.sidebar24 .ret-bubble .summary-menu .category {
    cursor: pointer;
    border-radius: 25px;
    width: 96%;
    margin-left: 2%;
}
.sidebar24 .ret-bubble .category a {
    color: var(--c-gray-d, #5B5B5B);
    font-size: 16px;
    text-decoration: none;
    padding: 0px 30px;
    line-height: 18px;
    border-radius: 25px;
    min-height: 25px;
    height: fit-content;
}
.sidebar24 .ret-bubble .category .cat-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    margin-top: 5px;
    transition: all 0.3s ease-in-out;
}

.sidebar24 .ret-bubble .add-form-menu .category .cat-btn:hover {
    background: var(--c-brand-b1, #88D1FF);
    transition: 0.3s ease;
}

.sidebar24 .ret-bubble .summary-menu .category .cat-btn:hover {
    background: var(--c-brand-l2, #D5ECFA);
    transition: 0.3s ease;
}
.sidebar24 .ret-bubble .add-form-menu .category .cat-btn.active {  
    transition: all 0.3s ease-in-out;
    border-radius: 12px 12px 0px 0px;
    background: var(--c-brand-b3, #009CFF);
    color: white;
}
.sidebar24 .ret-bubble .summary-menu .category .cat-btn.active {
    transition: all 0.3s ease-in-out;
    border-radius: 12px 12px 0px 0px;
    background: var(--c-brand-b2, #4FB8FB);
    color: white;
}

.sidebar24 .ret-bubble .add-form-menu .category .cat-btn.active:hover {
    background: var(--c-brand-b2, #4FB8FB);
    color: white;
}

.sidebar24 .ret-bubble .summary-menu .category .cat-btn.active:hover {
    background: var(--c-brand, #AADEFF);
    color: white;
}
.sidebar24 .ret-bubble .category .cat-btn .amt-caret-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.sidebar24 .ret-bubble .category .amt-caret-cont .amt {
    display: block;
}
.sidebar24 .ret-bubble .category .amt-caret-cont .amt.inForm {
    display: none;
}
.sidebar24 .ret-bubble .category .cat-btn .caret {
    transition: ease-in-out;
    margin-left: 15px;
    width: 12px;
    fill: var(--c-gray-d, #5B5B5B);
    transition: all 0.3s ease-in-out;
}
.sidebar24 .ret-bubble .summary-menu .category .cat-btn.active .caret{
    fill: white;
}
.rotate {
    transform: rotate(90deg);
}
.sidebar24 .ret-bubble .add-form-menu .category .sub-cat-menu {
    background: var(--c-brand, #AADEFF);
    border-radius: 0px 0px 12px 12px;

    display: none;
}

.sidebar24 .ret-bubble .summary-menu .category .sub-cat-menu {
    background: var(--c-brand-l2, #D5ECFA);
    border-radius: 0px 0px 12px 12px;
    display: none;
}
.sidebar24 .ret-bubble .add-form-menu .category .sub-cat-menu .sub-cat-item {
    display: flex;
    align-items: center;
    anchor-name: --toolTipAnchor;
}
.sidebar24
.ret-bubble
.add-form-menu
.category
.sub-cat-item:hover {
    background: var(--c-brand-b2, #4FB8FB);
    transition: 0.3s ease-in-out;
    color: #fff;
}

.sidebar24 .ret-bubble .summary-menu .category .sub-cat-menu .sub-cat-item {
    /* padding-left: 40px; */
    padding-right: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    anchor-name: --toolTipAnchor;
}
.sidebar24 .ret-bubble .summary-menu .category .sub-cat-menu .sub-cat-item:hover {
    background: var(--c-brand, #AADEFF);
    transition: 0.3s ease-in-out;
    color: #fff;
}

/* Tip CSS */

.sidebar24 .tip {
    visibility: hidden;
    background-color: var(--c-off-white);
    color: var(--c-brand-d);   
    text-align: center;
    border-radius: 15px;
    padding: 5px;
    border: 3px var(--c-brand-d) solid;
    font-style: normal;
    position: fixed;
    z-index: 1;
    font-size: 14px;
    font-weight: bold;
    opacity: 85%;
    width: fit-content;
    filter: drop-shadow(0 0 0.75rem gray);
    transition: transform 0.3s ease-in-out; 
    transform: scale(0.8);
    position-anchor:--toolTipAnchor;
    top: anchor(top);
    left: anchor(right);
    margin-left: -60px;
    margin-top: -4px;

}
.sidebar24
.ret-bubble
.summary-menu
.category
.sub-cat-menu
.sub-cat-item:hover
.tip {
    visibility: visible;
    transform: scale(1);
}
/* hover visibility for add forms tool tip */
.sidebar24
.ret-bubble
.add-form-menu
.category
.sub-cat-menu
.sub-cat-item:hover
.tip {
    visibility: visible;
    transform: scale(1);
}
.sidebar24
.ret-bubble
.summary-menu
.category
.sub-cat-menu
.sub-cat-item:hover
.tip {
    visibility: visible;
    transform: scale(1);
}
/* End tool tip section */
.sidebar24 .ret-bubble .total-cont.refund {
    background: rgb(91, 205, 178);
    background: linear-gradient(
    90deg,
    rgba(91, 205, 178, 1) 0%,
    rgba(44, 193, 60, 1) 100%
    );

    border-radius: 15px;
    width: 80%;   
    margin-top: 10px; 
    margin-left: 10%;  
    text-align: center;
    color: white;
    cursor: default; 
}
.sidebar24 .ret-bubble .total-cont.bal-due {

    background: rgb(255,213,86);
    background: linear-gradient(90deg, rgba(255,213,86,1) 0%, rgba(248,155,75,1) 100%);
    border-radius: 15px;
    width: 80%;   
    margin-top: 10px;
    margin-left: 10%;  
    text-align: center;
    color: white;
    cursor: default; 
}

@media (max-width: 900px) {
    .main h1 {
        font-size: 40px;
        line-height: 60px;
    }
}
/* width */
::-webkit-scrollbar {
    width: 15px;    
}

/* Track */
::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px rgb(103, 133, 180); */
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #808080;
}

/* Begin New Summary Page CSS */

/* Full Width Bootstrap container */
.container-fluid {
/*    width: 100vw; */
    flex-direction: column;
    margin-top: -50px;
}
/* Top Nav Base Styling */
.nav-bar {
    width: 100vw;
    height: 50px;   
    background-color: var(--c-nav-sidebar-bg, #AADEFF);
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 1040;
}
/*  Nav Bar Logo */
.logo-cont{
    display: flex;
    justify-content: center;
    /* margin-left: 5%; */
    anchor-name: --anchor-logo;

}

.nav-bar img {
}
/* Nav Icon Container */
.nav-bar .icon-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right:10px;
}
/* Nav Icon */
.nav-bar .nav-icon {
    color: var(--c-nav-icon, #366196);
    fill: var(--c-nav-icon, #366196);   
/*    transition: all 0.3s ease-in-out;*/
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    flex-shrink:0;
    /* position: relative; */
    /* display: inline-block; */
}
.nav-bar .dropdown-item .nav-icon{
    color: var(--c-dropdown-icon);
    fill: var(--c-dropdown-icon); 
}
.nav-bar .expando .nav-icon{
    color: var(--c-dropdown-icon);
    fill: var(--c-dropdown-icon); 
}
/*Special Error Icon formatting */
.nav-bar .nav-error-icon
{
    fill:var(--c-nav-error-icon, rgb(190,29,34));
    transform: scale(1.1);
}
.nav-bar .dropdown-item .nav-error-icon
{
    fill: var(--c-nav-error-icon, rgb(190,29,34));
    transform: scale(1.1);
}
.error-wrapper
{
    background-color: var(--c-brand-l3, #E0F3FF);
    border-radius: 25px;
    line-height: 36px;
    padding: 0px 10px !important;
    margin-right: 10px;
}
.error-nav-text
{
    color: var(--c-brand-d, #366196) !important;
}
/*Special Icon Formatting*/
/* Return Dashboard Icon is Rotated to reflect layout of dashboard */
.nav-bar .nav-icon.bi-grid-1x2 {
    transform: rotate(180deg);
}
.nav-bar .nav-icon.bi-question-lg {
    transform: scale(1.3);
}
.nav-bar .nav-icon.bi-box-arrow-right {
    transform: scale(1.1,1.3);
}

/* End of special icon formatting */

.nav-bar .dropdown-toggle::after {
    content: none;
}
.nav-bar .nav-text
{
    color: var(--c-nav-icon, #366196);
    font-weight: bold;
    border-radius: 25px;
    font-size: 14px;
    text-decoration: none;
    margin-left: 6px;
    margin-right: 6px;
    text-wrap: nowrap;
}
/* Nav Bar Tool Tip Base Styling*/
.nav-bar .tip {
  visibility: hidden;
  background-color: var(--c-off-white, #F8F8F8);
  color: var(--c-brand-d, #366196);
  text-align: center;
  border-radius: 15px;
  padding: 5px 0;
  border: 3px var(--c-brand-d, #366196) solid;
  font-style: normal;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  opacity: 85%;
  width: 125px;
  margin-top: 45px;
  filter: drop-shadow(0 0 0.75rem gray);
  transition: transform 0.3s ease-in-out;
  transform:scale(.8);
}

@media(hover: hover) and (pointer: fine) {
    /*hover visibility for dropdown tooltip*/
    .nav-bar .navbar-dropdown-wrapper:hover .tip{
        visibility: visible;
        transform: scale(1);
    }
    .nav-bar .sidebar-dropdown-wrapper:hover .tip{
        visibility: visible;
        transform: scale(1);
    }
}
/* Wrapper for icon svg & tooltip */
.nav-bar .icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: transform 0.3s ease-in-out;
  padding-right:5px;
  padding-left: 5px;
}
.nav-bar .icon-wrapper:hover {
    transform: scale(1.2);
    text-decoration: none;
}

/*Forms dropdown styling 2024*/
.nav-bar .dropdown-menu-styling{
    background-color: var(--c-off-white);
    border-radius: 20px;
    padding-bottom:10px;
    padding-top:0px;
    height: fit-content;
    max-height:86vh;
    overflow-y: auto;
    scrollbar-gutter: auto;   

}
.nav-bar .dropdown-header-styling{
    display: block;
    color: white !important;
    font-size: 16px;
    padding: .25rem 1.5rem;
    line-height: 28px;
    background-color: var(--c-brand-b3, #009CFF);
    border-radius: 25px;
    margin-bottom: 2px;
}
.nav-bar .dropdown-item-styling{
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    width: -webkit-fill-available;
    font-size: 16px;
    color: var(--c-gray-d, #5B5B5B);
    border-radius: 15px;
    text-wrap: pretty;
}
.nav-bar .dropdown-item-styling:hover{
    background-color: var(--c-brand-b1, #88D1FF);
    color: white;
}
/*Forms dropdown styling END*/
/*New 2024 Error Styling*/
.modal-content-2024
{
    background-color: var(--c-brand-l3, #E0F3FF);
    border-radius: 25px;
}
.modal-content-2024 .modal-header-2024
{
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 30px;
    padding-bottom: 0px;
}
.modal-content-2024 .modal-header-2024 .module-error-icon
{
    fill: var(--c-nav-error-icon, rgb(190, 29, 34));
    transform: scale(1.5);
    margin-bottom: 5.5px;
    margin-right: 20px;
}

.modal-content-2024 .modal-header-2024 .modal-title-2024
{
    color: var(--c-brand-d, #366196);
    font-weight: bold;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 0px;
}
.modal-content-2024 .modal-body .summaryBox 
{
    display: flex;
    background-color: var(--c-off-white, #f8f8f8);
    border: 3px solid var(--c-brand-b2,#4fb8fb);
    flex-direction: column;
    border-radius: 25px;
    padding: 10px;
    color: var(--c-brand-d, #366196);
    font-weight: bold;
}
.modal-content-2024 .modal-body .summaryBox .errorListing
{
    padding : 5px;
}
.modal-content-2024 .modal-body .summaryBox .errorListing .btn
{
    display: block;
    margin: auto;
    color: var(--c-gray-d, #5B5B5B) !important;
    outline: none;
    width: 140px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: bold;
    background-color: var(--c-brand-l1, #BDE4FC) !important;
    border: 3px solid var(--c-brand, #AADEFF) !important;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.modal-content-2024 .modal-body .summaryBox .errorListing .btn:hover{
    transform: scale(101%);
    background-color: var(--c-brand-b1, #88D1FF) !important;
     border: 3px solid var(--c-brand-b1, #88D1FF) !important;
    color: white !important;
}
.ignore-Button-Wrapper{
    display: flex !important;
}
/* Main Frame Styling  */
#wrapper:has(.body-cont){ 
    overflow:hidden;
}
/* Bootstrap container - set to col-auto based on size of sidebar */
#page-content-wrapper{
    padding-top: 75px;
    padding-bottom: 60px;
    min-width: 370px;
}
#wrapper-nav{
    position: relative;
    top: 50px;

}
.main {
    background-color: #fff;
}
.under-nav-cont {
    margin-top: 20px;
}
/* contains the body-rows (all rows that are not the footer) */
.main .body-cont { 
    margin-left: 15px;
    margin-right: 15px;
    transform: translateY(15px); 
/*    margin-bottom: 100px;*/
}
/* header row */
.main .row-1 {
    justify-content: space-between;
    margin-top: 15px;
}
/* base styling for all dashboard Bubbles */
.main .bubble {
    color: var(--c-brand-d, #366196);
    background-color: var(--c-brand-l3, #E0F3FF);
    font-weight: bold;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 10px;
    font-size: 22px;
}
/* p tags inside of bubbbles */ 
.main .bubble p {
    margin: 0;
    padding-top: 2px;
}
/* header bubbles */
.main .row-1 .bubble {
    min-height: 5vh;
    height: fit-content;
    padding: 10px;
}
.main .row-1 .bubble.dash {
   margin-left: 25px;
    padding: 10px 30px;
}
/* Return Dashboard icon is rotated so it mirrors the layout of the dahsboard */
.main .row-1 .bubble.dash svg {
    margin-right: 10px;
    transform: rotate(180deg) scale(1.3);
}
/* container for left-half and right-half */
.main .row-2 {
/*    height: 81vh;*/
    display: flex;
}
/* bootstrap right half col-lg-6 col-md-12 col-sm-12 */
.main .row-2 .right-half-cont {
/*    height: 79vh;*/
}
/* action bubbles base styling */
.main .row-2 .bubble {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px;
}
/* bubble titles */
.main .bubble .title-cont {
    display: flex;
    
}
/* Up Next Bubble */
.main .row-2 .bubble.up-next {
    /* height: 45.4vh; */
    justify-content: space-between;
    align-self: flex-start;
} 

.main .row-2 .bubble.up-next .btn{
    background-color: orange !important;
    line-height: 2 !important;
    width: 90%;
    border-radius: 25px;
    font-weight: bold;
    font-size: 100%;
    border: none;
    transition: all .3s ease-in-out;
    white-space: normal;
}
.main .row-2 .bubble.up-next .btn:hover{
    background-color: rgb(255, 198, 91) !important;
   color: #009CFF !important;
   transform: scale(1.05);
}
/* Suggested Bubble */
.main .row-2 .bubble.suggested {
    /* height: 30.9vh; */
    margin: 20px 0 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Checklist Bubble */
.main .row-2 .bubble.checklist {
    /* height: 78vh; */
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
}
/* uo Next Card Base Styling */
.main .row-2 .bubble .card { 
    height: 36.4vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    border-radius: 25px;
    background-color: var(--c-off-white, #F8F8F8); 
    border: 3px var(--c-brand-d, #366196) solid;
    margin: 5px;
    width: 90%;
    padding: 20px;
}
/* color of svg icon in Up Next Card */
.main .row-2 .bubble .card svg {
    fill: var(--c-brand-d, #366196);
}
/* Up Next Action Button */
.main .row-2 .bubble .card button {
    background-color: var(--c-brand-d, #366196);
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    /* width: 70%; */
    margin-top: 15px;
    transition: all 0.3s ease-in-out;
    border: 4px solid var(--c-brand-d, #366196);
}
/* Action Button Hover State */
.main .row-2 .bubble .card button:hover {
    border: 4px solid var(--c-brand-b1, #88D1FF);
    background-color: var(--c-brand-b3, #009CFF);
    background-color: var(--c-brand, #AADEFF);
    color: var(--c-brand-b3, #009CFF);
    transform: scale(1.05);
}
/* Checklist and Suggestion Items Base Styling */
.main .row-2 .bubble .item {
    /* height: 10vh; */ 
    display: flex;
    flex-direction: row;
    border-radius: 25px;
    background-color: var(--c-brand-b3,  #009CFF);
    margin: 5px;
    width: 90%;
    display: flex;
    align-items: center;
    padding: 0 30px;
    transition: background-color  0.3s ease-in-out, transform 0.3s ease; 
  
}
/* Sugestion Item */
.main .row-2 .bubble.suggested .item {
    background-color: var(--c-brand, #88D1FF);
    border: 3px solid var(--c-brand-b2, #4FB8FB);
    color: var(--c-brand-d, #366196);
    line-height: 2.04;
} 
.main .row-2 .bubble.suggested .item a {
    color: var(--c-brand-b3, #366196);
    text-decoration: none;
} 
.item.est{
    display: flex !important;
    flex-direction: column !important;
}
/* Suggestion Item Hover State */
.main .row-2 .bubble.suggested .item:hover {
    transform: scale(101%);
    background-color: var(--c-brand-b1, #AADEFF);
    color: var(--c-brand-b3, #009CFF);
}

/* Checklist Item */ 
.main .row-2 .bubble.checklist .item {
    display: flex;
    justify-content: space-between;
    background-color: var(--c-off-white);
    border: 3px solid var(--c-brand-b2);
    flex-direction: column;
    justify-content: center;
    transition: all .3s ease-in-out;
    cursor: pointer;
}


/* Checklist Item Hover State */
.main .row-2 .bubble.checklist .item:hover {
    background-color: var(--c-brand-l3, #E0F3FF);
    color: var(--c-brand-b3, #009CFF);
    transform: scale(101%);
}
.main .row-2 .bubble.checklist .item:hover .status-exp-icon{
    color: var(--c-brand-b3, #009CFF);
    transform: scale(1.9);
}
.main .row-2 .bubble.checklist .item:hover .status-coll-icon{
    color: var(--c-brand-b3, #009CFF);
    transform: scale(1.9);
}
.main .row-2 .bubble.checklist .item:hover .item-sub-menu{
    background-color: var(--c-brand-l2, #D5ECFA); 

}
.main .row-2 .bubble.checklist .item.active:hover .item-sub-menu{
    background-color: var(--c-off-white, #F8F8F8);

}

/* Active Class to Flag a Completed Checklist Item */
.main .row-2 .bubble.checklist .item.active {
    background-color: #e2e2e2;
    border: 3px solid gray; 
    color: gray;
}
/* flagged colorvar needed */
/* Completed Checklist Item Hover State */
.main .row-2 .bubble.checklist .item.active:hover {   
    background-color: var(--c-gray-l3, #e9f0f3);
}

.item-top-level-cont{
    display: flex;
    align-items: center;
    width: 100%; 
    margin: 4vh 0; 
    cursor: pointer;
}

.item-sub-menu{    
    width: 100%;
    padding: 30px 30px 30px 41px;
    margin: 0 0 50px 0;
    display: none;
    background-color: var(--c-brand-l3, #AADEFF);
    border-radius: 25px;
}
.est .item-sub-menu{    
    width: 100%;
    padding: 0;
    margin: 0 0 37px 0;
    display: none;
    background-color: var(--c-brand-l3, #AADEFF);
    border-radius: 25px;
}
.active .item-sub-menu{    
    width: 100%;
    padding: 30px 30px 30px 41px;
    margin: 0 0 50px 0;
    display: none;
    background-color: var(--c-gray-l3, #e9f0f3);
    border-radius: 25px;
}
.item-sub-menu.active{
    display: block;
}
.sub-item-a{
    text-decoration: none;
    width: 100%;
}
.sub-item-a:hover{
    text-decoration: none;
}
.dets-cont{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    border-radius: 25px;
    transition: all .3s ease-in-out;
}
.dets-cont .sub-item-child-flex p  {
    margin-bottom: 10px !important; 
}
.main .row-2 .bubble.checklist .item .dets-cont:hover{
    background-color: var(--c-brand-l3, #E0F3FF);
   /* background-color: white; */

}
.main .row-2 .bubble.checklist .item.active .dets-cont:hover{
    background-color: var(--c-gray-l3, #e9f0f3);
    /* background-color: white; */
 
 }
.sub-item-flex{
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
    text-decoration: none;
    font-size: 20px;
    transition: color .2s ease, background-color .3s ease-in-out;
    border-radius: 25px;
    padding-left: 20px;
}
.dets-cont:hover .sub-item-flex{
    background-color: var(--c-brand-b3, #009CFF); 
    color: white;
}
.sub-item-flex:hover{
  background-color: var(--c-brand-b3, #009CFF);
   color: white;
}
.sub-item-flex p{
    text-decoration: none;
}
.sub-item-flex svg{
    transform: scale(0.8);
    margin-left: auto;
    color: green;
    transition: all .3s ease-in-out;
}
.sub-item-flex:hover svg{ 
     color: white;
  }
.dets-cont:hover svg{
     color: white;
  }
.sub-item-child-flex{
font-size: 15px;
justify-content: flex-start;
padding-left: 25px;
color: var(--c-gray-d, #2c2c2c)
}
.item-sub-menu .btn.control-colors{
    transition: all .3s ease-in-out;
    cursor: pointer;
    color: #366189 !important;
    text-decoration: none;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 20px !important;
    font-weight: inherit;
    padding: 0px 0px 0px 0px !important;
    margin-top: 0px !important;
}
.item-sub-menu .btn.control-colors:hover{
    background-color: var(--c-brand-b3, #009CFF); 
    color: white !important;
}
/* footer */
.main .row-4 {
    background-color: lightgray;
    height: 2vh;
    width: 100%;
    font-size: 9px;
    padding-left: 30px;
    position: fixed;
    bottom: 0;
}
/* 3300px breakpoint */
@media only screen and (max-width: 3300px) {
        .logo-cont{
        margin-left: 7%;
    }
}
/* 2000px breakpoint */
@media only screen and (max-width: 2000px) {
        .logo-cont{
        margin-left: 5.6%;
    }
}
/* 1600px breakpoint */
@media only screen and (max-width: 1700px) {
    .logo-cont{
        margin-left: 4.6%;
    }
}
/* 1350px breakpoint */
@media only screen and (max-width: 1350px) {
   .nav-bar .nav-text
    {
        font-size: 12.5px;
    }
    .nav-bar .nav-icon
    {
        width:25px;
        height:25px;
    }
}
/* 1200px breakpoint */
@media only screen and (max-width: 1200px) {
    .row-1 .bubble {
        font-size: 16px;
    }
    .logo-cont{
        margin-left: 5.5%;
    }
    .nav-bar .icon-wrapper
    {
        flex-direction: column;
        padding:0px;
    }
    .nav-bar .nav-icon
    {
        width:22px;
        height:22px;
    }
}
/* 992px breakpoint */
@media only screen and (max-width: 992px) {
    .row-1 {
        flex-direction: column;
    }
    .row-2 {
        flex-direction: column;
    }
    .row-1 .bubble {
        font-size: 22px;
    }
    .logo-cont{
        margin-left: 6%;
    }
    .nav-bar .nav-text
    {
        font-size: 11.25px;
    }
    .nav-bar .nav-icon
    {
        width:20px;
        height:20px;
    }
}
/* 768px breakpoint */
@media only screen and (max-width: 768px) {
    #page-content-wrapper {
        /* position: fixed;*/
        /* background-color: red; */ 
    }
    #footer
    {
        width:100%;
    }
    .logo-cont{
        margin-left: 0px;
    }
    .nav-bar .nav-icon
    {
        width:30px;
        height:30px;
    }

}
/*550 breakpoint*/
@media only screen and (max-width: 550px) {
    #wrapper:has(.sidebar24) ~ ul.dropdown-menu {
        margin-top: 0px;
        margin-left: 0px;
    }
}
/*370 breakpoint*/
@media only screen and (max-width: 370px) {
    .sidebar24
    {
        min-width: 360px;
    }
    .sidebar24 .tp-bubble .tp-body-cont .ret-nav-btn p
    {
        font-size:13px;
    }
    .sidebar24 .ret-bubble .search-cont .search-input 
    {
        font-size:14px;
    } 
}

.checkmark {
    visibility: hidden;
    transform: translateY(2px);
}

.checkmark.active {
    visibility:visible;
    margin-right: 15px;
}

.status-coll-icon {
    display: none;
    opacity: 0;
    margin-left: auto;
    margin-right: 18px; 
    transform: scale(1.5);
    transition: all .3s ease-in-out;
}


.status-exp-icon {
    margin-left: auto;
    margin-right: 18px;
    transform: scale(1.5);
    transition: all .3s ease-in-out;

}


/*  End New Summary CSS */

/* Begin Section Review CSS */

.section-review-forms-edit {
    border-radius:       25px;
    background-color: var(--c-brand-l3, #E0F3FF);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center; 
}

.section-review-forms-header-cont {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
    color: var(--c-brand-d, #366196);
    font-size: 24px;
    font-weight: bold;
}

.section-review-forms-edit .form-group {
    width: 100%;
}

.section-review-forms-header-bubble {
/*    width: 35vw; */
    border-radius: 25px;
    background-color: var(--c-brand, #AADEFF);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
/*    height: 60px; */
}

.empty-section-review {
    padding-top: 35px;
    font-size: 18px;
    text-align: center;
}

.total-con {
    background: rgb(91, 205, 178);
    background: linear-gradient(
    90deg,
    rgba(91, 205, 178, 1) 0%,
    rgba(44, 193, 60, 1) 100%
    );
    border-radius: 15px;
    padding: 5px 50px 5px 50px;
    margin-top: 30px;
    width: 20vw;
    text-align: center;
    color: white;
    cursor: default;
}

.section-review-forms-edit legend {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    align-items: center;
    border-radius: 25px;
    background-color: var(--c-brand-b3, #009CFF);
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none; 
    padding: 5px 30px;
    line-height: 45px;
    cursor: default;
    z-index: 2;
    transform: translateY(25px);
}

.formsedit-swoop-float {
    width: 30px;
    height: 50px;
    background-color: var(--c-brand-b3, #009CFF);
    position: absolute;
    z-index: 4;
    top: -30px;
    left: 0;
}

.section-review-forms-edit .swoop-body-cont {
    width: 100%;
    background-color: var(--c-brand-l3, #E0F3FF);
    border-radius: 25px;
    z-index: 4;
    position: relative;
    padding: 0 30px;
}

.section-review-forms-edit .total-count {
    background: rgb(91, 205, 178);
    background: linear-gradient(
    90deg,
    rgba(91, 205, 178, 1) 0%,
    rgba(44, 193, 60, 1) 100%
    );
    border-radius: 15px;
    width: 20vw;
    padding: 5px 0px 5px 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: default;
}

.forms-edit-empty {
    font-weight: bold;
    text-align: center;
    font-size: x-large;
    color: #006298;
}

.total-count div {
    width: 20vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: bold;
}

.justify-content-flex-end{
    justify-content: flex-end;
}

@media only screen and (max-width: 900px) {
    .section-review-forms-header-cont {
        font-size: 12px;
    }
    
    .empty-section-review {
        padding-top: 25px;
        font-size: 10px;
    }

    .forms-edit-empty {
        font-size: 20px;
    }

    .section-review-forms-edit legend {
        font-size: 12px;
    }
}

@media only screen and (max-width: 600px) {
    .forms-edit-empty {
        font-size: 14px;
    }
}


/* nav page css */
#wrapper-nav .nav-cont {
margin-left: 28%;
padding-bottom: 50px;
}
#wrapper-nav .nav-cont .bubble {
    background-color: var(--c-brand-l3, #E0F3FF);
    border-radius: 25px;
    padding: 10px 25px;
    margin: 5px;
    color: var(--c-brand-d, #366196)
}
#wrapper-nav .nav-cont h1 {
font-size: 22px;
font-weight: bold;
margin-bottom: 0;
}
#wrapper-nav .nav-cont .row-1 {
display: flex;
}
#wrapper-nav .nav-cont .row-1 .header.bubble {
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0 10px;
width: 250px;
}
#wrapper-nav .nav-cont .row-1 .header.bubble svg {
margin-right: 20px;
transform: scale(1.5);
}
#wrapper-nav .nav-cont .row-2 {
display: flex;
}
#wrapper-nav .nav-cont .row-2 .bubble {
width: 770px;
min-width: 770px;
}
#wrapper-nav .nav-cont .row-2 .ret-status-bubble-cont {
display: flex;
align-items: center;
justify-content: space-around;
width: 100%;
overflow-x: scroll;
}
/*Status bubble css START*/
#wrapper-nav .nav-cont .row-2 .ret-status {
width: 120px;
height: 120px;
position: relative;
margin: 25px;
border-radius: 15px;
display: flex;
flex-direction: column;
cursor: pointer;
}

#wrapper-nav .nav-cont .row-2 .ret-status.accepted {
background-color: rgb(232, 255, 215); 
}
#wrapper-nav .nav-cont .row-2 .ret-status.finalized {
    background-color: rgb(232, 255, 215);
    }
#wrapper-nav .nav-cont .row-2 .ret-status.rejected {
background-color: rgb(255, 192, 192);
}
#wrapper-nav .nav-cont .row-2 .ret-status.pending {
background-color: rgb(255, 214, 154);
}
#wrapper-nav .nav-cont .row-2 .ret-status.incomplete {
background-color: rgb(218, 218, 218);

}

#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-head {
width: 120px;
background-color: #009cff;
color: white;
font-weight: bold;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
align-self: flex-start;
z-index: 3;
transition: all 0.3s ease-in-out;
font-size: 20px;
}
#wrapper-nav .nav-cont .row-2 .ret-status:hover .status-bubble-head {
background-color: #4fb8fb;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-float {
background-color: #009cff;
position: absolute;
width: 30px;
height: 55px;
z-index: 1;
margin-top: 20px;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-2 .ret-status:hover .status-bubble-float {
background-color: #4fb8fb;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body {
width: 120px;
height: 70px;
position: relative;
z-index: 4;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: rgb(103, 103, 103);
font-weight: bold;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body.accepted {
background-color: rgb(232, 255, 215);
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body.finalized {
    background-color: rgb(232, 255, 215);
    }
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body.rejected {
background-color: rgb(255, 192, 192);
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body.pending {
background-color: rgb(255, 214, 154);
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body.incomplete {
background-color: rgb(218, 218, 218);
}

#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .sub-head-cont {
display: flex;
width: 100%;
margin-bottom: 10px;
}
/* #wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .sub-head-cont .isFiled {
margin-right: 30%;
} */
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .sub-head-cont svg {
margin-right: auto;
margin-left: 8px;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-2 .ret-status:hover svg {
color: #009cff;
transform: scale(1.3);
}
#wrapper-nav
.nav-cont
.row-2
.ret-status
.status-bubble-body
.sub-head-cont
.status-coll-icon {
display: none;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display {
border-radius: 15px;
font-size: 13px;
color: white;
font-weight: bold;
padding: 5px 10px;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display.accepted{
background-color: #2bc03a; 
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display.finalized{
    background-color: #2bc03a;
    }
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display.rejected{
background-color: #ff513a;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display.pending{
background-color: #ff7a00;
}
#wrapper-nav .nav-cont .row-2 .ret-status .status-bubble-body .status-display.incomplete{
background-color: #616161;
}
    
#wrapper-nav .nav-cont .row-2 .ret-status .sub-status {
flex-direction: column;
align-items: center;
display: none;
font-weight: bold;
height: 147px;
overflow-y: scroll;

}
/*Status Bubble css END*/

    
#wrapper-nav .nav-cont .row-2 .pre-enroll-msg-cont {
    background-color: var(--c-off-white, #F8F8F8);
    margin-top: 15px;
    border-radius: 25px;
    padding: 15px;
   width: 100%; 
}
#wrapper-nav .nav-cont .row-2 .pre-enroll-msg-cont h2{
    color: var(--c-bold, #ff7a00);
    font-weight: bold; 
    font-size: 29px;
}
#wrapper-nav .nav-cont .row-2 .pre-enroll-msg-cont p{
    font-size: 18px;
}
#wrapper-nav .nav-cont .row-3 {
display: flex;
}
#wrapper-nav .nav-cont .row-3 .bubble {
    display: flex;
    /* width: 23vw;
    height: 23vw; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: calc(13vw - 7px);
}
#wrapper-nav .nav-cont .row-4 .bubble.print-forms {
    display: flex;
    /* width: 23vw;
    height: 23vw; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 250px;
    /* min-width: 250px; */
    text-decoration: none;
}
#wrapper-nav .nav-cont .row-4 .bubble.invoice-info{
    display: flex;
    /* width: 23vw;
    height: 23vw; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 162px;
    /* min-width: 250px; */
    text-decoration: none;
}
/* IF we have Invoice Info bubble we want to resize other bubbles */
#wrapper-nav .nav-cont .row-4:has(.invoice-info) .bubble.print-forms{
    width: 162px;
}
#wrapper-nav .nav-cont .row-4:has(.invoice-info) .bubble.utilities{
    width: 162px;
}

#wrapper-nav .nav-cont .row-3 .bubble svg {
transform: scale(3.3);
margin: 30px;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .bubble.print-forms svg {
    /* transform: scale(3.3); */
    width: 75px;
    min-width: 75px;
    min-height: 75px;
    margin: 30px 0 10px 0;
    transition: all 0.3s ease-in-out;
    }
#wrapper-nav .nav-cont .row-4 .bubble.invoice-info svg {
    /* transform: scale(3.3); */
    width: 75px;
    min-width: 75px;
    min-height: 75px;
    margin: 30px 0 10px 0;
    transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont  .bubble .nav-page-btn {
    background-color: var(--c-brand-d, #366196);
    color: white; 
    padding: 5px 14px;
    border-radius: 10px;
    margin: 10px 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: none;
    border: 0;
    text-decoration: none !important;
    font-size: 16px;
}
#wrapper-nav .nav-cont .bubble:hover .nav-page-btn {
    background-color: var(--c-nav-highlight, #009CFF);
    color: white;
}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return{
    min-width: 510px;
    /* border: solid 2px #ff7a00; */
}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return .re-icon-cont{
    display: flex;

}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return svg{
    fill: var(--c-brand-d, #366196);
}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return svg.pie-chart{
    fill: var(--c-brand-d, #366196);
    transition: all 0.2s ease-in-out !important;
}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return svg.return-icon{
    fill: var(--c-brand-d, #366196);
    transition: all 0.5s ease-in-out !important;
}
#wrapper-nav .nav-cont .row-3 .bubble.enter-return svg.money-hand{
    fill: var(--c-brand-d, #366196);
    transition: all 0.8s ease-in-out !important;
}

#wrapper-nav .nav-cont .row-3 .bubble .nav-page-btn.enter-ret.disabled {
background-color: rgb(218, 218, 218);
color: #616161;
}
#wrapper-nav .nav-cont .row-3 .bubble .nav-page-btn.enter-ret.disabled:hover {
    background-color: rgb(218, 218, 218);
    color: #616161;
    }

#wrapper-nav .nav-cont .row-3 .bubble .nav-page-btn.enter-ret {
    background-color: var(--c-bold, #ff7a00);;
    width: 250px;
}
#wrapper-nav .nav-cont .row-3 .bubble:hover .nav-page-btn.enter-ret {
background-color: var(--c-bold-light, #ffb348);
}
#wrapper-nav .nav-cont .row-3 .bubble.file-ext{
    min-width: 250px;
}
#wrapper-nav .nav-cont .grayed-out{
   color: var(--c-gray-m, #808080) !important;
}
#wrapper-nav .nav-cont .grayed-out svg{
    fill: var(--c-gray-m, #808080) !important;
 }
 #wrapper-nav .nav-cont .grayed-out .nav-page-btn{
    background-color: var(--c-gray-m, #808080) !important;
 }
#wrapper-nav .nav-cont .row-3 .bubble h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
line-height: 1.8;
}
#wrapper-nav .nav-cont .row-4 .bubble.print-forms h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.8;
    min-width: 90px;
}
#wrapper-nav .nav-cont .row-4 .bubble.invoice-info h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.8;
    min-width: 90px;
    text-align: center;
}
#wrapper-nav .nav-cont .row-4 {
    display: flex;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* min-width: 250px; */
    width: 250px;
    cursor: pointer;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble.grayed-out { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .expand-icon-cont{
    align-self: flex-end;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble svg.bi-arrows-angle-expand{ 
    align-self: flex-end;
    transform: scale(1.3);
    margin-top: 10px;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .add-state-expanded-cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 80%;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .add-state-expanded-cont.expanded{
    display: flex;
    flex-direction: row;
    
    width: 80%;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .add-state-collapsed-cont.expanded{
    align-self: flex-start;
    margin-left: 60px;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble .form-cont {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
display: none;
transition: all .3s ease-in-out;
opacity: 0;
width: 0;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .form-cont select {
    border-radius: 25px;
    padding: 5px;
    border-color: var(--c-brand-d, #366196);
    cursor: pointer;
    background-color: var(--c-off-white, #f8f8f8 );
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .form-cont select:hover {
    outline: 1px solid var(--c-brand-d, #366196);
    outline-offset: -2px;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .form-cont select:focus {
    outline: 1px solid var(--c-brand-d, #366196);
    outline-offset: -2px;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .nav-page-btn {
    background-color: var(--c-brand-d, #366196);  
    color: white;
    padding: 5px 14px;
    border-radius: 10px;
    margin: 25px 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: 0;
    box-shadow: none; 
    text-decoration: none !important;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.8;
    font-size: 16px;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover .nav-page-btn {
    background-color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover #nav-exp-icon {
    transform: scale(1.5);
    color:  var(--c-nav-highlight, #009CFF);
    fill:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble #nav-coll-icon {
    margin-top: 10px;
    transform: scale(1.25);
    color: var(--c-nav-highlight, #009CFF);;
    fill: var(--c-nav-highlight, #009CFF);;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover #nav-coll-icon {
    transform: scale(1.5);
    color:  var(--c-nav-highlight, #009CFF);;
    fill:  var(--c-nav-highlight, #009CFF);;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.8;
    transition: all .3s ease-in-out;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble svg{
    fill: var(--c-brand-d, #003166);
    
    transition: all .4s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .expand-icon-cont.expanded #nav-exp-icon{
    display: none;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble .expand-icon-cont.expanded #nav-coll-icon{
    display: block !important;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover svg{
    fill:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover svg g{ 
    stroke:  var(--c-nav-highlight, #009CFF) !important;
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover h2{
    color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .add-state.bubble:hover #nav-exp-icon {
    transform: scale(1.5);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
/* min-width: 250px; */
width: 250px;
cursor: pointer;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-collapsed-cont {
display: flex;
flex-direction: column;
transition: flex-direction 0.5s ease-in-out;
align-items: center;
justify-content: flex-start;
width: 130%;
padding: 0 20px;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-collapsed-cont #nav-gear-icon {
    margin-bottom: 45px;
    }
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-expanded-cont {
    display: flex;
    flex-direction: row;
    transition: flex-direction 0.5s ease-in-out;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
    color: var(--c-brand-d, #366196);
    display: none;
}

#wrapper-nav .nav-cont .row-4 .utilities.bubble #nav-exp-icon {
transform: scale(1.3);
align-self: flex-end;
margin-top: 10px;
margin-right: 8px;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble #nav-coll-icon {
transform: scale(1.4);
margin-top: 10px;
transition: all 0.3s ease-in-out;
margin-left: auto;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble #nav-gear-icon {
transform: scale(3.3);
margin: 30px;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble #nav-gear-icon.expanded {
transform: scale(1.7);
margin: 0px 20px 0 0;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble:hover #nav-gear-icon {
rotate: 45deg;
color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble:hover #nav-exp-icon {
transform: scale(1.5);
color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble:hover #nav-coll-icon {
transform: scale(1.7);
color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble h2 {
font-size: 22px;
font-weight: bold;
transition: all 0.3s ease-in-out;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble h2.expanded {
margin: 0;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble:hover h2 {
color:  var(--c-nav-highlight, #009CFF);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-menu {
width: 90%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background-color: var(--c-brand-l4, #f4fbff);
display: none;
border-radius: 15px;
margin: 30px 0;
padding: 30px 0;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-menu a {
font-size: 22px;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-item {
    display: flex;
    align-items: center;
    text-decoration: none; 
    line-height: 2.3;
    transition: all 0.3s ease-in-out;
    border-radius: 25px;
    width: 100%;
    padding-left: 30px;
    color:var(--c-brand-d, #366196);
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-item:hover {
background-color:  var(--c-nav-highlight, #009CFF);
color: white;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-item svg {
transform: scale(1.5);
margin-right: 20px;
align-items: center;
}
#wrapper-nav #footer{
    width: 105%;
    transform: translateX(-25px);

}


@media only screen and (max-width: 1800px) {
#wrapper-nav .nav-cont {
margin-left: 25%;
}   
}
@media only screen and (max-width: 1650px) {
#wrapper-nav .nav-cont {
margin-left: 25%;
}   
}
@media only screen and (max-width: 1500px) {
#wrapper-nav .nav-cont {
margin-left: 21%;
}   
}
@media only screen and (max-width: 1350px) {
#wrapper-nav .nav-cont {
margin-left: 18%;
}   
}
@media only screen and (max-width: 1200px) {
#wrapper-nav .nav-cont {
margin-left: 15%;
}
}
@media only screen and (max-width: 1150px) {
#wrapper-nav .nav-cont {
margin-left: 12%;
}
}
@media only screen and (max-width: 1100px) {
#wrapper-nav .nav-cont {
margin-left: 11%;
}
}
@media only screen and (max-width: 1050px) {
#wrapper-nav .nav-cont {
margin-left: 10%;
}
}
@media only screen and (max-width: 1000px) {
#wrapper-nav .nav-cont {
margin-left: 7%;
}
}
@media only screen and (max-width: 950px) {
#wrapper-nav .nav-cont {
margin-left: 4%;
}
}






@media only screen and (max-width: 890px) {
#wrapper-nav .nav-cont {
margin-left: 18%;
}
	
#wrapper-nav .nav-cont .row-2 .bubble {
    width: 500px;
    min-width: 500px;
}

#wrapper-nav .nav-cont .row-3 {
    flex-direction: column;
}

#wrapper-nav .nav-cont .row-3 .bubble.enter-return {
    min-width: 500px;
    /* border: solid 2px #ff7a00; */
}

#wrapper-nav .nav-cont .row-3 .bubble.file-ext {
    min-width: 500px;
    width:500px;
}

#wrapper-nav .nav-cont .row-4 {
    flex-direction: column;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble {
    /* min-width: 500px; */
    width: 500px !important;
}

#wrapper-nav .nav-cont .row-4 .bubble.print-forms {
    /* min-width: 500px; */
    width: 500px !important;
}
#wrapper-nav .nav-cont .row-4 .bubble.invoice-info {
    /* min-width: 500px; */
    width: 500px !important;
}

#wrapper-nav .nav-cont .row-4 .utilities.bubble {
   /* min-width: 500px; */
    width: 500px !important;    
   /* height: 200px; */

}

#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-collapsed-cont {
    width: 110%;
}

#wrapper-nav .nav-cont .row-2 .pre-enroll-msg-cont h2{
   font-size: 27px;
}
}
@media only screen and (max-width: 800px) {
#wrapper-nav .nav-cont {
margin-left: 15%;
}
}
@media only screen and (max-width: 750px) {
    #wrapper-nav .nav-cont {
    margin-left: 13%;
    }
    }
@media only screen and (max-width: 700px) {
#wrapper-nav .nav-cont {
margin-left: 10%;
}
}

@media only screen and (max-width: 650px) {
#wrapper-nav .nav-cont {
margin-left: 22%;
}

#wrapper-nav .nav-cont .row-2 .bubble {
    width: 300px;
    min-width: 300px;
}

#wrapper-nav .nav-cont .row-3 {
    flex-direction: column;
}

#wrapper-nav .nav-cont .row-3 .bubble.enter-return {
    min-width: 300px;
    /* border: solid 2px #ff7a00; */
}

#wrapper-nav .nav-cont .row-3 .bubble.file-ext {
    min-width: 300px;
    width: 300px;
}

#wrapper-nav .nav-cont .row-4 {
    flex-direction: column;
}

#wrapper-nav .nav-cont .row-4 .add-state.bubble {
    min-width: 300px;
    width: 300px !important;
}

#wrapper-nav .nav-cont .row-4 .bubble.print-forms {
    min-width: 300px;
    width: 300px !important;
}

#wrapper-nav .nav-cont .row-4 .bubble.invoice-info {
    min-width: 300px;
    width: 300px !important;
}
#wrapper-nav .nav-cont .row-4 .utilities.bubble {
   /* min-width: 250px; */
    width: 300px !important;
   /* height: 190px; */

}
#wrapper-nav .nav-cont .row-4 .utilities.bubble .util-menu a {
    font-size: 15px;
    margin-bottom: 10px;
}

#wrapper-nav .nav-cont .row-2 .pre-enroll-msg-cont h2{
    font-size: 17px;
}  

#wrapper-nav .nav-cont .row-1 .header.bubble {
    width: 300px;
}
}

@media only screen and (max-width: 600px) {
#wrapper-nav .nav-cont {
margin-left: 20%;
}
}


@media only screen and (max-width: 550px) {
#wrapper-nav .nav-cont {
margin-left: 16%;
}
}


@media only screen and (max-width: 500px) {
#wrapper-nav .nav-cont {
margin-left: 11%;
}
}


@media only screen and (max-width: 400px) {
#wrapper-nav .nav-cont {
margin-left: 4%;
}
}

@media only screen and (max-width: 350px) {
#wrapper-nav .nav-cont {
margin-left: -7%;
}
}

@media only screen and (max-width: 300px) {
#wrapper-nav .nav-cont {
margin-left: -13%;
}
}
@media only screen and (max-width: 250px) {
#wrapper-nav .nav-cont {
margin-left: -15%;
}
}
@media only screen and (max-width: 200px) {
#wrapper-nav .nav-cont {
margin-left: -22%;
}
}
@media only screen and (max-width: 150px) {
#wrapper-nav .nav-cont {
margin-left: -50%; 
}
}
@media only screen and (max-width: 85px) {
#wrapper-nav .nav-cont {
margin-left: -70%; 
}
}