/* input(3710,23): run-time error CSS1038: Expected hex color, found '#0e6647d' */
/* 
 * Don't modify things marked with ! - unless you know what you're doing
 */

/* ! vertical layout */
.multiSelect .vertical {
    float: none;        
}

/* ! horizontal layout */
.multiSelect .horizontal:not(.multiSelectGroup) {
    float: left;
}

/* ! create a "row" */
.multiSelect .line {
    padding:  2px 0px 4px 0px;
    max-height: 30px;   
    overflow: hidden;
    box-sizing: content-box;
}

/* ! create a "column" */
.multiSelect .acol {
    display: inline-block;    
    min-width: 12px;
}

/* ! */
.multiSelect .inlineBlock {
    display: inline-block;
}

/* the multiselect button */
.multiSelect > button {
    display: inline-block;
    position: relative;
    text-align: center;    
    cursor: pointer;
    border: 1px solid #c6c6c6;    
    padding: 1px 8px 1px 8px;    
    font-size: 14px;
    min-height : 38px !important;
    border-radius: 4px;
    color: #555;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    white-space:normal;
    background-color: #fff;
    background-image: linear-gradient(#fff, #f7f7f7);      
}

/* button: hover */
.multiSelect > button:hover {    
    background-image: linear-gradient(#fff, #e9e9e9);    
}

/* button: disabled */
.multiSelect > button:disabled {
    background-image: linear-gradient(#fff, #fff);      
    border: 1px solid #ddd;    
    color: #999;
}

/* button: clicked */
.multiSelect .buttonClicked {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* labels on the button */
.multiSelect .buttonLabel {
    display: inline-block;
    padding: 5px 0px 5px 0px; 
}

/* downward pointing arrow */
.multiSelect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 0px 1px 12px  !important;    
    vertical-align: middle;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted; 
}

/* the main checkboxes and helper layer */
.multiSelect .checkboxLayer {
    background-color: #fff;
    position: absolute;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);    
    min-width:278px;
    display: none !important;    
}

/* container of helper elements */
.multiSelect .helperContainer {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 0px 8px;    
}

/* helper buttons (select all, none, reset); */
.multiSelect .helperButton {
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 26px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.6;
    margin: 0px 0px 8px 0px;
}

.multiSelect .helperButton.reset{
    float: right;
}

.multiSelect .helperButton:not( .reset ) {
    margin-right: 4px;    
}

/* clear button */
.multiSelect .clearButton {
    position: absolute;
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 22px;
    width: 22px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.4;
    right : 2px;
    top: 4px;
}

/* filter */
.multiSelect .inputFilter {
    border-radius: 2px; 
    border: 1px solid #ccc;
    height: 26px;
    font-size: 14px;
    width:100%;    
    padding-left:7px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
    color: #888;
    margin: 0px 0px 8px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* helper elements on hover & focus */
.multiSelect .clearButton:hover,
.multiSelect .helperButton:hover {
    border: 1px solid #ccc;
    color: #999;    
    background-color: #f4f4f4;    
}
.multiSelect .helperButton:disabled {
    color: #ccc;    
    border: 1px solid #ddd;
}

.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    border: 1px solid #66AFE9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
            box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
}

/* container of multi select items */
.multiSelect .checkBoxContainer {
    display: block;
    padding: 8px;   
    overflow: hidden;
}

/* ! to show / hide the checkbox layer above */
.multiSelect .show {
    display: block !important;
}

/* item labels */
.multiSelect .multiSelectItem {
    display: block;
    padding: 3px;
    color: #444;       
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;      
    border: 1px solid transparent;
    position: relative;
    min-width:278px;    
    min-height: 32px;    
}

/* Styling on selected items */
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
{
    background-image: linear-gradient( #e9e9e9, #f1f1f1 );    
    color: #555;        
    cursor: pointer;        
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;    
    border-right: 1px solid #d9d9d9;            
}

.multiSelect .multiSelectItem .acol label {
    display: inline-block;
    padding-right: 30px;    
    margin: 0px;
    font-weight: normal;    
    line-height: normal;
}

/* item labels focus on mouse hover */
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus { 
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* change mouse pointer into the pointing finger */
.multiSelect .multiSelectItem span:hover, 
.multiSelect .multiSelectGroup span:hover
{    
    cursor: pointer;  
}

/* ! group labels */
.multiSelect .multiSelectGroup {    
    display: block;
    clear: both;
}

/* right-align the tick mark (✔) */
.multiSelect .tickMark {
    display:inline-block; 
    position: absolute; 
    right: 10px; 
    top: 7px;
    font-size: 10px;          
}

/* hide the original HTML checkbox away */
.multiSelect .checkbox {    
    color: #ddd !important;    
    position: absolute;
    left: -9999px;
    cursor: pointer;    
}

/* checkboxes currently disabled */
.multiSelect .disabled, 
.multiSelect .disabled:hover,
.multiSelect .disabled label input:hover ~ span {
    color: #c4c4c4 !important;
    cursor: not-allowed !important;
}

/* If you use images in button / checkbox label, you might want to change the image style here. */
.multiSelect img {
    vertical-align: middle;
    margin-bottom:0px;
    max-height: 22px;
    max-width:22px;
}

 #tooltip
{
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 100;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;    
}

    @media only screen and (max-width: 800px){
        #tooltip:before{
            content: 'x';
            position: absolute;
            color: #fff;
            right: 8px;
            top: 3px;
            font-size: 12px;
        }
    }    
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid rgba(0,0,0,0.8);
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;                         
            bottom: auto;
        }

 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top]{transform:translateY(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(-20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left]{transform:translateX(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right]{transform:translateX(-20px)}
.b-contain *, .b-contain *::before, .b-contain *::after {
    box-sizing: content-box !important;
}

.b-contain input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.b-contain span {
    line-height: 1.54;
    font-size: 1rem;
    font-family: inherit;
}

.b-contain {
    display: table;
    position: relative;
    padding-left: 1.8rem;
    cursor: pointer;
    margin-bottom: .5rem;
}

    .b-contain input[type="checkbox"] ~ .b-input {
        position: absolute;
        top: 0;
        left: 0;
        height: 1.25rem;
        width: 1.25rem;
        background: rgba(241, 245, 248, 1);
        transition: background 250ms;
        border: 1px solid rgba(184, 194, 204, 1);
        border-radius: 0.125rem;
    }

    .b-contain input[type="radio"] ~ .b-input {
        position: absolute;
        top: 0;
        left: 0;
        height: 1.25rem;
        width: 1.25rem;
        background: rgba(241, 245, 248, 1);
        transition: background 250ms;
        border: 1px solid rgba(184, 194, 204, 1);
        border-radius: 2.0rem;
    }

    .b-contain input[type="checkbox"] ~ .b-input::after {
        content: '';
        position: absolute;
        display: none;
        left: .45rem;
        top: .18rem;
        width: .25rem;
        height: .6rem;
        border: solid rgba(236, 145, 37, 1);
        border-width: 0 2px 2px 0;
        transition: background 250ms;
        transform: rotate(45deg);
    }

    .b-contain input[type="radio"] ~ .b-input::after {
        content: '';
        position: absolute;
        display: none;
        left: 0.17rem;
        top: 0.19rem;
        width: 0.9rem;
        height: 0.9rem;
        border-radius: 2.0rem;
        background: rgba(236, 145, 37, 1);
        transition: background 250ms;
    }

    .b-contain input:disabled ~ .b-input::after {
        border-color: rgba(135, 149, 161, 1);
    }

    .b-contain input:checked ~ .b-input::after {
        display: block;
    }

    .b-contain:hover input ~ .b-input,
    .b-contain input:focus ~ .b-input {
        background: rgb(231, 238, 243);
    }

    .b-contain input:focus ~ .b-input {
        /*box-shadow: 0 0 0 2px rgba(52,144,220,0.5);*/
        box-shadow: 0 0 0 0px rgba(52,144,220,0.5);
    }

    .b-contain input:checked ~ .b-input {
        background: rgba(255, 255, 255, 1);
        border-color: rgba(51, 51, 51, 1);
    }

    .b-contain input[type="checkbox"]:disabled ~ .b-input {
        background: rgba(241, 245, 248, 1);
        border-color: rgba(184, 194, 204, 1);
        opacity: 0.6;
        cursor: not-allowed;
    }

    .b-contain input[type="radio"]:disabled ~ .b-input {
        background: rgba(241, 245, 248, 1);
        border-color: rgba(184, 194, 204, 1);
        opacity: 0.6;
        cursor: not-allowed;
    }

        .b-contain input[type="radio"]:disabled ~ .b-input::after {
            background: rgba(135, 149, 161, 1);
        }

    .b-contain input:checked:focus ~ .b-input, .b-contain:hover input:not([disabled]):checked ~ .b-input {
        background: rgba(255, 255, 255, 1);
        border-color: rgba(51, 51, 51, 1);
    }

    .b-contain .b-input::before {
        content: '';
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 3rem;
        height: 3rem;
        margin-left: -0.85rem;
        margin-top: -0.85rem;
        background: rgba(0, 130, 243, 1);
        border-radius: 2rem;
        opacity: .6;
        z-index: 99999;
        transform: scale(0);
    }

@keyframes b-ripple {
    0% {
        transform: scale(0);
    }

    20% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes b-ripple-duplicate {
    0% {
        transform: scale(0);
    }

    30% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.b-contain input + .b-input::before {
    animation: b-ripple 250ms ease-out;
}

.b-contain input:checked + .b-input::before {
    animation-name: b-ripple-duplicate;
}

.b-contain .b-input::before {
    visibility: hidden;
}

.b-contain input:focus + .b-input::before {
    visibility: visible;
}

.b-contain:first-child .b-input::before {
    visibility: hidden;
}

:root {
    --red: #eb3951;
    --orange: #ec9128;
    --white: #f1f2f7;
    --gray: #babbbf;
    --purple: #3c38a6;
}

body {
    padding-top: 123px;
    padding-bottom: 0;
    font-size: 16px;
    /*line-height: 1.2em;*/
    line-height: 1.4;
    background-image: url(images/road-image-cropped-sized.jpg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -96px;
    font-family: 'Palatino LT W01 Roman';
    background-color: #E7E8ED;
    color: #595a5a;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.light-text {
    color: #999a9f;
}

.dark-text {
    color: #333;
}

.text-italic {
    font-style: italic;
}

a {
    text-decoration: underline;
    color: #25247A;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

h4.modal-title {
    text-transform: uppercase;
}

h2 .btn {
    margin-left: 6px;
}

ul > li > ul {
    margin-left: 16px;
}

.btn {
    font-family: 'Roboto Condensed', sans-serif;
}

.table-status-message {
    margin-top: -25px;
}

a.intense {
    text-transform: uppercase;
    color: #ec9125;
}

.roboto {
    font-family: 'Roboto Condensed', sans-serif !important;
}

ul.with-bullets {
    list-style-type: disc !important;
}

body.modal-open {
    overflow: auto;
}

    body.modal-open[style] {
        padding-right: 0px !important;
    }

    body.modal-open .navbar.new-navbar {
        padding-right: 0px !important;
    }

.modal::-webkit-scrollbar {
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}

.new-container {
    background: linear-gradient(to bottom, rgb(241, 242, 244, .4) 0%, rgb(241, 242, 244, 1) 70%);
    margin: -20px 20px 0 20px;
    padding-top: 20px;
}

.container-heading .btn {
    float: right;
}

.row.container-heading {
    padding-left: 0;
    margin: 0;
}

.row.container-body {
    margin: 0;
}

.flex {
    display: flex;
}

.accent-column {
    background-color: #eaeaea;
}

.my-account-left {
    padding: 32px;
}

.pre-content-row {
    margin-bottom: 24px;
}

.content-box {
    background-color: #ffffff;
    margin-bottom: 24px;
    position: relative;
}

    .content-box .inside {
        position: relative;
        z-index: 1;
    }

    .content-box .title, .container-heading {
        background-color: #979696;
        padding: 4px 4px 4px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .container-heading.orange {
            background-color: var(--orange);
        }

    .content-box.orange {
        background-color: var(--orange);
    }

        .content-box.orange .body {
            background-color: #fff;
        }

    .content-box.white .title {
        background-color: #fff;
        color: #EC9125;
    }

    .content-box .title img {
        height: 30px;
        filter: invert(94%) sepia(9%) saturate(74%) hue-rotate(191deg) brightness(93%) contrast(88%);
        margin-left: auto;
        margin-right: 4px;
    }

    .content-box.customer-service h3 {
        text-transform: none;
    }

    .content-box.customer-service .navlist a {
        font-weight: 700;
        font-family: 'Palatino LT W01 Roman';
    }

    .content-box.dashboard-box ol li span {
        cursor: pointer;
    }

.admin-page .content-box .title img {
    height: 34px;
}

.admin-page .content-box a:not(.btn) {
    font-family: 'Roboto', sans-serif;
    color: #ec9125;
}

.archive-popover .fa-paper-plane {
    margin-left: -2px;
}

.archive-popover .fa-ban {
    margin-left: -1px;
}

.content-box.person::before {
    background-image: url(/images/vector/person.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
}

.content-box.map2::before {
    background-image: url(/images/vector/map2.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
}

.content-box.map::before {
    background-image: url(/images/vector/map.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
}

.content-box.sign::before {
    background-image: url(/images/vector/sign.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
}

.content-box.bank::before {
    background-image: url(/images/vector/bank.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
}

.content-box.professionals::before {
    background-image: url(/images/icons/professional.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
    background-size: 18%;
}

.content-box.teams::before {
    background-image: url(/images/icons/team.svg?v=MUucnWxySovlRi3vxZW0Z-NFEjs);
    background-size: 26%;
}

.content-box.professionals .title img, .content-box.teams .title img {
    margin-bottom: -4px;
}

.content-box .user-count {
    font-weight: 700;
}

.content-box.customizations ul, .content-box.reports ul {
    margin-top: 16px;
    margin-left: 0;
    padding-left: 0;
}

.content-box .btn-secondary {
    text-align: left;
}

.content-box .buttons {
    margin-top: 12px;
}

.orange-text {
    color: var(--orange);
}

li.total {
    border-top: 1px solid #333;
    font-weight: 700;
}

.content-box.membership .title .fas {
    color: #fce5cd;
}

.content-box .title .fa, .content-box .title .fas {
    font-size: 1.7em;
    margin-right: 4px;
    color: #D6D7DB;
}

.content-box::before {
    content: "";
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 36%;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: invert(94%) sepia(9%) saturate(74%) hue-rotate(191deg) brightness(93%) contrast(88%);
}

.content-box.customizations .underlay {
    right: 0;
}

.content-box.reports .underlay {
    right: 3px;
}

    .content-box.reports .underlay .fas {
        font-size: 80px;
    }

.content-box .underlay {
    position: absolute;
    right: -3px;
    bottom: 0px;
    z-index: 0;
}

    .content-box .underlay .fas {
        font-size: 100px;
        color: #f3f2f2;
    }

.content-box .body {
    padding: 2px 32px 18px 15px;
    font-size: .9em;
}

.content-box.padding .body {
    padding: 20px;
}

.welcome-box img {
    margin-top: 0;
}

.welcome-box h3 {
    margin-top: 0;
}

.content-box a {
    text-decoration: none;
}

    .content-box a.btn-primary, .content-box a.btn-primary .fa {
        color: #fff;
    }

.content-box.no-padding .body {
    padding: 0;
}

    .content-box.no-padding .body .row {
        margin-left: 0;
        margin-right: 0;
    }

.container-heading.bread p {
    margin-bottom: 0;
    margin-top: 12px;
}

.container-heading h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.content-box h1, .container-heading h1, .container-heading h3 {
    font-size: 1.8rem;
    line-height: 30px;
    padding: 0;
    margin: 0;
}

.content-box h2 {
    font-size: 2rem;
    color: #333;
    margin-top: 12px;
}

.content-box h3 {
    font-size: 1.6rem;
    text-transform: uppercase;
}

.content-box.purple .title {
    background-color: #4a3f9b;
}

.content-box.primary .title {
    background-color: var(--purple);
}

    .content-box.primary .title h2 {
        color: #EC9125;
    }

.content-box.orange .title {
    background-color: #ec9125;
}

.content-box .number-and-content {
    display: flex;
}

    .content-box .number-and-content .number {
        font-family: 'Roboto Condensed';
        font-weight: bold;
        border-radius: 5px;
        border: 2px solid #f4bf83;
        background-color: #fdf0e1;
        color: #efa24a;
        font-size: 3.3rem;
        line-height: 1.45em;
        height: 50px;
        width: 50px;
        text-align: center;
        vertical-align: middle;
        padding-top: 0;
        margin: 0 0 0 17px;
    }

.content-box li {
    line-height: 2.3rem;
    margin-bottom: 6px;
    /*cursor: pointer;*/
    /*padding-right:8px;*/
}

.content-box .small li {
    line-height: 1.8em;
}

.content-box ul {
    list-style-type: none;
    padding-left: 17px;
}

.content-box .buttons .btn-block {
    margin-bottom: 12px;
}

.welcome-box ul {
    list-style-type: disc;
    margin-top: 18px;
    line-height: .8;
}

.welcome-box h3 {
    text-transform: none;
}

.welcome-box img {
    /*margin-top: 12px;*/
    margin-right: 0;
}

.content-box.welcome-box .body {
    /*padding-right: 15px;*/
}

.dashboard-message {
    background-color: rgba(236, 145, 37, .7);
    display: flex;
}

    .dashboard-message .message {
        padding: 12px;
    }

    .dashboard-message h2 {
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 0;
        line-height: 28px;
        font-size: 35px;
    }

.alert-success {
    background-color: #fdf4e9;
    color: #ec9128;
    border-color: #f4bc7c;
}

.alert-centered {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alert-sm {
    padding: 0px 24px;
    margin-bottom: 2px;
    margin-top: 0;
}

.alert {
    padding: 6px;
    border-radius: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.alert-danger {
    background-color: var(--red);
    border-color: var(--red);
    color: var(--white);
    font-weight: bold;
    font-size: 1.5em;
}

.tippy-box[data-theme~='alert'] {
    background-color: #fdf4e9;
    color: #ec9128;
    border: 3px solid #ec9128;
    font-family: Roboto, sans-serif;
    text-align: center;
    display: inline-block;
    padding: 0 24px;
    font-size: 1.2em;
    font-weight: 700;
    filter: drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2));
    border-radius: 6px;
}

.tippy-box[data-theme~='i65'] {
    background-color: #fdf0e1;
    border: 2px solid #ff920c;
}

.tippy-box[data-theme~='i65blue'] {
    background-color: #f1f2f7;
    border: 2px solid #9cc6e3;
}

    .tippy-box[data-theme~='i65blue'] .close-link {
        margin-bottom: 8px;
    }

    .tippy-box[data-theme~='i65blue'] .tippy-content {
        padding: 0;
    }

    .tippy-box[data-theme~='i65blue'] h1 {
        font-size: 14px;
        background-color: #9cc6e3;
        margin: 0;
        padding: 3px 10px 3px 7px;
        font-weight: bold;
    }

.more-info-content {
    color: #333;
    padding: 4px 7px;
    font-size: 15px;
}

.tippy-content {
    padding: 10px 8px 10px 8px;
}

.tippy-box[data-theme~='i65'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #ff920c;
}

.tippy-box[data-theme~='i65'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #ff920c;
}

.tippy-box[data-theme~='i65blue'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #9cc6e3;
}

.tippy-box[data-theme~='i65blue'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #9cc6e3;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: -1px;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: -1px;
}

.dashboard-popover h5 {
    text-align: center;
    margin: 4px 0 6px 0;
    color: #000;
    text-transform: uppercase;
}

.btn-lg {
    min-width: 190px;
}

.dashboard-popover .btn {
    text-transform: none;
    text-align: left;
}

.archive-popover {
    width: 188px;
}

    .archive-popover .btn {
        text-align: left;
        text-transform: none;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .archive-popover .btn + .btn {
            margin-top: 8px;
        }

        .archive-popover .btn .fas, .archive-popover .btn .far {
            margin-right: 4px;
        }

        .archive-popover .btn img {
            margin-right: 5px;
            margin-left: -2px;
            filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
            width: 17px;
        }

    .archive-popover .close-link, .more-info-popover .close-link {
        text-align: center;
        display: block;
        font-weight: normal;
        text-decoration: none !important;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #979696 !important;
        font-size: .75em;
        margin-top: 8px;
        cursor: pointer;
    }

        .archive-popover .close-link .fas, .archive-popover .close-link .far {
            font-size: .9em;
            margin-right: 2px;
        }

.add-assessment {
    background-color: #ffffff;
    padding: 18px 18px 18px 32px;
    margin-bottom:20px;
}

@media (min-width: 768px) {
    .add-assessment {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    .add-assessment {
        padding: 12px;
    }
    .add-assessment .btn-lg {
        padding: 8px;
        font-size: .8em;
        min-width: 0;
    }

    .content-box.dashboard-box .title, .admin-page .content-box .title {
        padding-left: 6px;
    }
    .content-box.dashboard-box h1, .admin-page .content-box h1 {
        font-size: 1.4rem;
    }
}

.form-inline .checkbox, .form-inline .radio {
    margin-right: 14px;
}

table .btn-link {
    color: #ec9128;
}

    table .btn-link:hover, table .btn-link:active:hover {
        color: #ec9128;
        background-color: transparent;
    }

.table > tbody + tbody {
    border-top: none;
}

.table > thead > tr > th {
    background-color: #e3eef3;
    font-family: 'Roboto', sans-serif;
    border-style: none;
}

.common-table .record-count {
    display: flex;
    color: #999;
}

.common-table td a:not(.btn) {
    color: #333;
    text-decoration: underline;
}

.common-table .record-count .dataTables_length {
    font-family: Roboto, sans-serif;
    margin-right: 12px;
    text-transform: uppercase;
}

.common-table .dataTables_paginate {
    right: 24px;
    position: absolute;
}

.common-table .pagination {
    margin: 0;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4d9fed;
    border-color: #4d9fed;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > li > a, .pagination > li > span {
    color: #4d9fed;
}

.pagination a:focus {
    outline: none;
}

table a {
    color: #333333;
    font-family: 'Palatino LT W01 Roman';
    text-underline-offset: .25em;
}

.table-controls {
    background-color: #f1f2f7;
    margin-left: -15px;
    margin-right: -32px;
    margin-top: -2px;
    margin-bottom: 29px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .table-controls .button-stack div {
        margin-top: 12px;
    }

    .table-controls .button-stack {
        text-align: right;
    }

        .table-controls .button-stack div:first-child {
            margin-top: 0;
        }

    .table-controls .control-row {
        margin-bottom: 16px;
    }

    .table-controls label {
        text-transform: uppercase;
        color: #ec9125;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        position: relative;
        top: 3px;
    }

    .table-controls .form-group {
        margin-left: 16px;
    }

        .table-controls .form-group:first-child {
            margin-left: 0;
        }

    .table-controls .checkbox {
        margin-left: 14px;
    }

        .table-controls .checkbox input {
            top: 4px;
        }

        .table-controls .checkbox label, .table-controls label.control {
            text-transform: none;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            font-size: .9em;
            color: #333;
            margin-left: 4px;
            display: inline-block;
        }

.announcements {
    border-bottom: 2px solid #ddd;
    padding-bottom: 16px;
}

.announcement {
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.announcements .well-sm {
    height: 100%;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.announcements .col-sm-12:last-child .well-sm {
    margin-bottom: 0;
}

label.error {
    font-weight: normal;
    color: #a94442;
}

.field-validation-error {
    color: #a94442;
}

.ng-cloak {
    display: none !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.admin input {
    max-width: 100%;
}

.attached-content .row {
    margin-bottom: 4px;
}

.tree-sub-list {
    margin-left: 28px;
    padding-left: 0;
}

.navbar .container {
    padding-left: 0;
    padding-right: 0;
}

.navbar-default {
    background: #4844ae;
    background: -moz-linear-gradient(top, #4844ae 0%, #3c38a6 50%, #4844ae 100%);
    background: -webkit-linear-gradient(top, #4844ae 0%,#3c38a6 50%,#4844ae 100%);
    background: linear-gradient(to bottom, #4844ae 0%,#3c38a6 50%,#4844ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4844ae', endColorstr='#4844ae',GradientType=0 );
    border: none;
}

    .navbar-default.new-navbar {
        background: #9bc0e1;
        background: linear-gradient(to bottom, #9bc0e1 0%, #d2e4ed 100%);
    }

.navbar.new-navbar {
    margin-bottom: 0;
}

.new-navbar .navbar-text, .new-navbar h1 {
    line-height: .72;
    margin-top: 18px;
    color: #fbfeff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 70px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .new-navbar .navbar-text, .new-navbar h1 {
        font-size: 40px;
        margin-top: 39px;
    }
}

@media (max-width: 1199px) {
    .new-navbar .navbar-text, .new-navbar h1 {
        font-size: 50px;
        margin-top: 32px;
    }
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .navbar .container {
        width: 93%;
    }
}

.modal-backdrop {
    z-index: 1045;
}

.navbar.new-menu {
    background: #fbfeff;
    margin-top: -18px;
    min-height: 0;
    border: 0;
    border-radius: 0;
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    z-index: 1040;
    border-bottom: 1px solid #979696
}

.new-menu .nav a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    color: #595a5a;
    font-weight: 300;
}

    .new-menu .nav a.selected {
        color: #25247A;
        font-weight: 700;
    }

.new-menu .available-credits .quantity a {
    background-color: #979696;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: #F1F2F7;
    padding-top: 26px;
    padding-bottom: 21px;
    font-size: 18px;
    text-decoration: none;
}

.navbar-default .navbar-nav.profile-controls > li > a {
    color: #595a5a;
    padding-top: 26px;
    padding-bottom: 21px;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Palatino LT W01 Roman';
}

    .navbar-default .navbar-nav.profile-controls > li > a.selected, .navbar-default .navbar-nav.profile-controls a.selected .fa {
        color: #25247A;
    }

.navbar-default .navbar-nav.profile-controls .fa {
    color: #595a5a;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}

.navbar-default .navbar-nav.profile-controls > li > a:hover, .navbar-default .navbar-nav.profile-controls > li > a:focus, .navbar-default .navbar-nav.profile-controls > li > a:hover .fa, .navbar-default .navbar-nav.profile-controls > li > a:focus .fa {
    color: #333;
}

.logo {
    padding-top: 6px;
    padding-bottom: 6px;
}

    .logo img {
        /*width: 110px;*/
        max-height: 55px;
        max-width: 140px;
        margin-right: 16px;
    }

.admin .container-heading {
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .admin .container-heading h1 {
        font-size: 28px;
    }

.admin .container-body {
    padding-top: 0;
}

.admin h3 {
    margin-top: 10px;
}

.container-body {
    background-color: #fff;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    padding-top: 24px;
    padding-bottom: 50px;
}

footer {
    text-align: center;
    font-size: 11px;
    padding: 150px 0 2px 0;
}

    footer a, footer a:hover {
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }

.user-page h4, .user-page h5 {
    margin-top: 24px;
}

.note-editor {
    max-width: 800px;
}

.relative-row {
    position: relative;
}

.bottom-align-column {
    position: absolute;
    bottom: 10px;
    right: 0;
}

h2 {
    font-size: 33px;
}

h3 {
    font-size: 19px;
    margin-top: 12px;
}

.container-heading h3 {
    margin-top: 4px;
}

h4 {
    font-size: 16px;
    font-weight: normal;
    /*color: #000;*/
}

h3 .fa-stack {
    font-size: .6em;
}

h3 img {
    width: 1em;
    margin-bottom: 2px;
    margin-top: -1px;
    filter: invert(83%) sepia(6%) saturate(2066%) hue-rotate(174deg) brightness(94%) contrast(88%);
}

a .fa, .btn .fa {
    padding-right: 4px;
}

.btn {
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.btn-primary {
    font-weight: bold;
}

    .btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
        background-color: #ec9125;
    }

.btn, .btn:hover, .btn:active, .btn:active:hover, .btn:focus, .btn:active:focus {
    border-radius: 5px;
    border: none;
    background: #ec9125;
    font-weight: 700;
    outline: none;
    text-decoration: none;
}

    .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus, .btn.btn-danger:active:focus {
        background: var(--red);
    }

    .btn:hover {
        box-shadow: 0 10px 10px -10px rgba(0,0,0,.2);
        transform: scale(1.05);
    }

.btn-link:hover {
    box-shadow: none;
}

.btn.paused {
    box-shadow: inset 0 5px 5px rgba(0,0,0,.250);
}

.btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:active:focus {
    color: #999a9f;
    background-color: #f1f2f7;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
    background-color: #fdf0e2;
    color: #ec9125;
    text-transform: none;
}

    .btn-secondary img {
        width: 14px;
        margin-top: -3px;
        filter: invert(75%) sepia(23%) saturate(6423%) hue-rotate(346deg) brightness(98%) contrast(88%);
        margin-right: 3px;
    }

    .btn-secondary .fas, .btn-secondary .far {
        margin-right: 4px;
    }

.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:active:focus, .btn-group .btn-blue.active {
    background: #1e3d9b;
    color: #F4F5F4;
    border-color: #9D9EA3;
    text-transform: none;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:active:hover, .btn-group .btn-blue {
    background: #babbbf;
    color: #fdfefe;
    border-color: #9D9EA3;
}

.btn-group .btn-primary.active {
    background-color: #4d9fed;
    color: #ffffff;
}

.btn-group .btn-primary, .btn-group .btn-primary:active:focus, .btn-group .btn-primary:active:hover, .btn-group .btn-primary:focus {
    color: #4d9fed;
    background-color: #ffffff;
    outline: none;
}

    .btn-group .btn-primary:hover {
        transform: none;
        box-shadow: none;
    }

.btn.btn-link, .btn.btn-link:active:focus, .btn.btn-link:active:hover {
    background-color: transparent;
    border-color: transparent;
    background: none;
}

.btn-circle, .btn-circle:hover, .btn-circle:active, .btn-circle:active:focus, .btn-circle:focus {
    border-radius: 50px;
    height: 50px;
    width: 50px;
    font-size: 21px;
}

a.btn-circle {
    padding-top: 10px;
}

.btn-tiny {
    vertical-align: text-bottom;
    padding: 3px 8px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 5px;
}

.form-group .btn + .btn {
    margin-left: 8px;
}

.answer {
    margin-bottom: 12px;
}

.answer-text-col {
    margin-top: 9px;
}

.answer-button-col {
    text-align: right;
}

.answer-text {
    padding-left: 0;
}

.previous-answer .answer-text {
    padding-left: 0;
}

.current-question {
    margin-top: 24px;
}

.roadmap-side-column, .right-column {
    background-color: #F1F2F7;
    border-left: #ccc solid 2px;
    padding-bottom: 450px;
}

.roadmap .main-copy {
    padding: 2% 5% 12% 5%;
    font-size: 18px;
}

    .roadmap .main-copy h2 {
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 1.3;
    }

    .roadmap .main-copy .btn-info {
        border-radius: 50%;
        padding: 2px;
        width: 24px;
        height: 24px;
        background-color: #accbe7;
        vertical-align: middle;
        margin-top: -2px;
        transition: all 0.2s ease;
    }

.more-info {
    margin-top: 8px;
    padding-left: 12px;
    padding-right: 60px;
}

    .more-info ul {
        list-style-type: disc;
        margin-left: 16px;
    }

.roadmap .answer-text {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
}

.roadmap .container-heading {
    margin-top: 80px;
}

.roadmap .container-body {
    padding-top: 0;
    padding-bottom: 0;
}

.roadmap .client-name {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Roboto';
}

.roadmap .sidebar-copy {
    padding: 20px 30px;
    font-size: 18px;
}

    .roadmap .sidebar-copy ul {
        padding: 0;
        list-style-type: none;
    }

        .roadmap .sidebar-copy ul li {
            margin-bottom: 15px;
            font-family: 'Roboto', sans-serif;
        }

    .roadmap .sidebar-copy a.change {
        vertical-align: text-bottom;
        padding: 3px 8px;
        font-size: 12px;
        color: #FFF;
        background-color: #979696;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 5px;
    }

.roadmap-question-column h2, .left-column h2 {
    margin: 0 -15px 0 -21px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 21px;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #babbbf;
}

.roadmap-question-column, .left-column {
    padding-left: 21px;
}

.previous-answer {
    margin-bottom: 10px;
    clear: both;
}
/*.previous-answer a{
    display:block;
    float:left;
}
.previous-answer span{
    display:block;
    float:left;
}*/

.form-control {
    border-radius: 1px;
}

    .form-control:focus {
        border-color: #657cd7;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(101, 124, 215,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(101, 124, 215,.6);
    }


.answers {
    margin-top: 24px;
    margin-bottom: 24px;
}

.panel-default {
    background-color: #F1F2F7;
    padding: 0 24px;
    border-radius: 1px;
}

    .panel-default > .panel-heading {
        background: none;
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

.panel-heading > h3 {
    margin-bottom: 0;
}

select[multiple] {
    height: 103px;
    width: 455px;
}

select.content-selector {
    height: 150px;
}

.outline-container {
    overflow-y: scroll;
    max-height: 700px;
}

.survey-tree {
    list-style: none;
    padding-left: 6px;
}

    .survey-tree a {
        cursor: pointer;
    }

    .survey-tree ul {
        list-style: none;
    }

    .survey-tree .tree-toggler {
        cursor: pointer;
        padding-right: 6px;
    }

.multiSelect .checkBoxContainer {
    overflow-y: scroll;
    overflow-x: scroll;
    max-width: 800px;
    max-height: 421px;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-image: none;
    background-color: #657cd7;
    color: #fff;
}

.multiSelect .multiSelectItem:hover, .multiSelect .multiSelectGroup:hover {
    background-image: none !important;
    background-color: #999;
}

#tooltip:after {
    border-top: 10px solid rgba(255,255,255,0.8);
}

#tooltip {
    width: 500px;
    text-align: left;
    opacity: 1 !important;
    background-color: #F1F2F7;
    color: #000;
    box-shadow: rgba(0,0,0,.3) 4px 4px 8px;
}

.glossarizer_replaced, .glossarizer_replaced:hover, .glossarizer_replaced:active, .glossarizer_replaced:focus {
    color: #EC9128;
    border-bottom: 1px solid;
    font-weight: bold;
}

a.glossarizer_replaced {
    text-decoration: none;
    margin-right: 5px;
}

    a.glossarizer_replaced .fa {
        padding-right: 4px;
    }

abbr.glossarizer_replaced::before {
    content: "\f02d";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}

.tooltip {
    text-align: left;
    font-size: 14px;
}

    .tooltip.in {
        opacity: 1;
    }

    .tooltip .tooltip-inner {
        text-align: left;
        min-width: 300px;
        max-width: 300px;
        background-color: #F1F2F7;
        color: #000;
        box-shadow: rgba(0,0,0,.3) 4px 4px 8px;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #F1F2F7;
    }

.home-buttons .btn {
    text-align: left;
}

.resource-links h3 {
    color: #58595B;
}

    .resource-links h3 i {
        margin-right: 4px;
    }

.resource-links a, .resource-links a:hover {
    text-decoration: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

ul .fa {
    color: #25247A;
}

.situation-option .btn {
    text-transform: uppercase;
    font-size: 1.1em;
}

.landing .situation-option ul {
    list-style-type: none;
}

.situation-option ul {
    margin-top: 12px;
    list-style: none;
}

    .situation-option ul .fa {
        color: #EC9128;
    }

.situation-option.coming-soon ul .fa {
    color: #babbbf;
}

.situation-option h4 {
    text-transform: uppercase;
    color: #babbbf;
    font-size: 1.1em;
    margin-left: 12px;
}

.irmaa-step-heading {
    margin-top: 12px;
}

    .irmaa-step-heading ol {
        font-weight: bold;
        padding-left: 17px;
    }

.irmaa-message {
    font-size: 26px;
    font-weight: bold;
    margin-top: 12px;
    line-height: 1.3em;
}

ul.irmaa-message {
    margin-left: 38px;
}

ul.irmaa-warning {
    margin-left: 6px;
    list-style-image: url('images/IRMAA-Icon.png?v=cPu1fuHaqqPq3nvRJk8GLsodhkI');
}

.irmaa .text-danger {
    color: #ed1f24;
}

.irmaa .text-success {
    color: #009933;
}

.irmaa-resources {
    border-top: 1px solid #ccc;
    margin-top: 24px;
    padding-top: 6px;
}

    .irmaa-resources h3 {
        font-size: 18px;
        color: #58595B;
    }

.create-account .right-column li {
    margin-bottom: 12px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    /*background-color: #EC9128;*/
    background-color: #cccccc;
    color: #000;
}

.pricing h2 {
    margin-top: 0;
}

.pricing h3 {
    text-align: center;
    color: #333;
    font-size: 1.4em;
}

.pricing .col-sm-4 {
    border-right: 1px solid #333;
    text-align: center;
}

    .pricing .col-sm-4 p {
        margin-top: 8px;
    }

    .pricing .col-sm-4:last-child {
        border-right: none;
    }




table.pricing {
    margin: 0 auto;
}

    table.pricing th {
        width: 300px;
    }

    table.pricing td.plan {
        width: 100px;
        text-align: center;
        border: 1px solid #000;
        vertical-align: top;
    }

        table.pricing td.plan p {
            color: #fff;
            font-size: .8em;
        }

span.info-expander {
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    line-height: 17px;
    cursor: pointer;
    font-size: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
}

    span.info-expander.closed {
        padding-top: 2px;
    }

        span.info-expander.closed:before {
            content: '+';
        }

    span.info-expander.open:before {
        content: '-';
    }

th.description div {
    float: left;
    position: relative;
}

    th.description div.expander {
        float: left;
        width: 20px;
        width: 14%;
    }

    th.description div.content {
        width: 86%;
    }

table.pricing thead td.plan.individual, tfoot td.price.individual, span.info-expander.individual {
    background-color: #918f90;
}

table.pricing thead td.plan.solo, tfoot td.price.solo, span.info-expander.solo {
    background-color: #2a3e92;
}

table.pricing thead td.plan.starter, tfoot td.price.starter, span.info-expander.starter {
    background-color: #41b23b;
}

table.pricing thead td.plan.pro, tfoot td.price.pro, span.info-expander.marketing {
    background-color: #00adef;
}

table.pricing thead td.plan.premier, tfoot td.price.premier, span.info-expander.training {
    background-color: #8f55b0;
}

table.pricing thead td.plan.elite, tfoot td.price.elite, span.info-expander.elite {
    background-color: #3f2c92;
}

table.pricing tbody td.individual {
    background-color: #eee;
}

table.pricing tbody td.solo {
    background-color: #e3e4f4;
}

table.pricing tbody td.starter {
    background-color: #e5e1f1;
}

table.pricing tbody td.pro {
    background-color: #e9edf9;
}

table.pricing tbody td.premier {
    background-color: #e6f7fe;
}

table.pricing tbody td.elite {
    background-color: #e5e1f1;
}

/*tfoot td.price.individual h2 {
    color: #000;
}

tfoot td.price.starter h2 {
    color: #2a3e92;
}

tfoot td.price.pro h2 {
    color: #41b23b;
}

tfoot td.price.premier h2 {
    color: #00adef;
}*/




table.pricing tfoot td.price {
    vertical-align: middle;
}

    table.pricing tfoot td.price p {
        margin: 6px 0 0 0;
    }

    table.pricing tfoot td.price h2 {
        margin: 6px 0 0 0;
        margin-top: 1px !important;
    }

table.pricing .plan h2 {
    color: #fff;
    font-size: 1.2em;
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    text-transform: none;
}

table.pricing tbody td {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}

table.pricing tbody th {
    line-height: 1.5em;
    font-weight: normal;
    font-size: .8em;
    text-align: left;
}

table.pricing tbody th, table.pricing tbody td {
    padding: 10px;
    border: 1px solid #000;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}

table.pricing tfoot {
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}

    table.pricing tfoot th {
        background-color: #e9e9e9;
        border: 1px solid #000;
    }

    table.pricing tfoot .plan h2 {
        font-size: 1.2em;
        text-align: center;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    table.pricing tfoot th.info-cell {
        background-color: #e9e9e9;
        vertical-align: middle;
        padding: 10px;
        text-align: center;
        font-size: 1.1em;
        font-weight: normal;
    }

        table.pricing tfoot th.info-cell p {
            margin-top: 4px;
            line-height: 1.5em
        }

        table.pricing tfoot th.info-cell a {
            margin-bottom: 12px;
        }

    table.pricing tfoot .selection-cell {
        text-align: center;
        border: 1px solid #000;
        padding: 4px
    }

    table.pricing tfoot .interval-selector {
        text-align: center;
        border: 1px solid #000;
        background-color: #ececec;
        color: #000;
        font-weight: bold;
        position: relative;
        padding-top: 8px;
        padding-bottom: 12px
    }

table.pricing .pricing-toggler {
    width: 60px;
    height: 30px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 7px;
    position: relative;
    cursor: pointer;
}

table.pricing tfoot .interval-selector .save {
    font-size: .7em;
    background-color: #f7911e;
    padding: 3px;
    display: inline-block;
    text-transform: uppercase;
    top: 20px;
    margin-left: 6px;
    position: absolute;
    line-height: 1em;
}

table.pricing .pricing-toggler.left {
    background-image: url('data:image/png;base64,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');
}

table.pricing .pricing-toggler.right {
    background-image: url('data:image/png;base64,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');
}

table.pricing .check-mark {
    color: #41b23b;
    font-size: 1.4em;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMJDQ8MrZKUagAAAY9JREFUOMut1L9LAmEYB/Dv6eXBHYSZEZJkSklEcEtB5XJLQ5tBW4sODQ5B/4E0tAcNDYHZ4JxbYIsNboEegUm/TqUU8TfUwcUJTQfHeZ530nd8eZ8P7/s8Ly8BAMFYIOzedJ1TbsoHC/m6q++/XH6k/YeLzrnQbJZyOZZqmQb3nigXiGAsEF7Y89zCYur3jWjp4i2poIyXZgFAFuV+LdPgiJ3ERplyU75OvnvDx4sRK7gWVSKLct+mXP+/UACQOr9lGyaIEfrzKfLNXJsjjQoBoJlrc0Kq2rOCCqlqjxx7mhCyADghVe2ZRQFgCHauTyfVhYyXZhFClrATYfeWK20G1YXl70FZu8Z4aZY5oAW9tumhADA0vKez55NOvntjZoijUF1YeXrjcDW6erwcMQWPw7WoZ3f+2jQ8CtdeXw8dC2txo55qQ5oZEh8vRlaO/ElZHBTMoABgk1pSBQDY07Wk0cbXKyGrRZUaxVBn4m9T719Wr9nbj92SwznFUzOObZImnVZAqSVVGg/NqBYFgD+qUAnJ4rogGAAAAABJRU5ErkJggg==');
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

table.pricing a {
    cursor: pointer;
}

table.pricing ul.more-features {
    display: none;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 48px !important;
    font-size: .9em !important;
    clear: both;
}

table.pricing .btn.btn-primary {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "roboto-condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    padding: 9px 10px;
    background: #ff920c;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 1em;
    margin: 10px 0;
    color: #fff;
    border: none;
    -webkit-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -moz-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -ms-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -o-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
}

table.pricing button.btn.btn-primary:hover {
    background-color: rgba(255,146,12,.8);
}

.question-mark:hover div.question-mark-detail {
    display: block;
    position: absolute;
}


div.question-mark-detail {
    display: none;
    background: #ececec;
    margin-left: 28px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width: 350px;
    border-radius: 7px;
    border: 1px solid #333;
}

    div.question-mark-detail h3 {
        text-align: left;
        margin-top: 4px;
        font-size: 1.8em;
        color: #2a3e92;
    }

    div.question-mark-detail p, div.question-mark-detail li {
        text-align: left;
        color: #000;
        font-size: 1.3em;
        line-height: 1.7em;
    }

    div.question-mark-detail ul {
        margin-bottom: 10px;
    }

th.description div.question-mark {
    width: 15px;
    height: 15px;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    color: #fff;
    line-height: 15px;
    cursor: pointer;
    font-size: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-sizing: border-box;
    background-color: #2a3e92;
    padding-right: 1px;
    float: none;
}

    th.description div.question-mark div.question-mark-detail {
        float: none;
    }

.benefits-box {
    border: #ccc 2px solid;
    background-color: #F1F2F7;
    margin-bottom: 20px
}

    .benefits-box p {
        padding: 8px 0 8px 8px;
        margin: 0;
        line-height: 1.3em;
    }

    .benefits-box .section-divider p {
        background-color: #ccc;
        font-size: .8em;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .benefits-box ul {
        margin-top: 8px;
        list-style-type: none;
        padding-left: 18px;
    }

.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.org-dashboard h4 {
    padding-top: 8px;
}

.org-dashboard h3 {
    margin-top: 4px;
}

@media (min-width: 768px) {
    div.org-dashboard {
        display: flex;
        flex-wrap: wrap;
    }

    .org-dashboard > div[class*='col-'] {
        padding-bottom: 50px;
    }

        .org-dashboard > div[class*='col-']:first-child {
            border-right: 1px solid #ccc;
        }

        .org-dashboard > div[class*='col-']:last-child {
            border-left: 1px solid #ccc;
        }
}

ul.no-bullets {
    list-style-type: none;
    padding-left: 0;
}

.fa-li {
    top: 4px;
}

.email-content-editor .note-group-select-from-files {
    display: none;
}







.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}





















.navlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .navlist ul li {
        margin: 0;
    }

        .navlist ul li a {
            display: block;
            box-sizing: border-box;
            color: #969696 !important;
            text-decoration: none;
            font-family: "Roboto Condensed", sans-serif;
            line-height: 22px;
        }

        .navlist ul li img {
            filter: invert(59%) sepia(6%) saturate(16%) hue-rotate(322deg) brightness(100%) contrast(86%);
        }

        .navlist ul li a img {
            margin-right: 1rem;
            max-width: 22px;
            height: auto;
        }

        .navlist ul li a:hover {
            color: #EC9125;
        }


    .navlist ul li {
        margin-bottom: .3rem;
    }

        .navlist ul li:last-of-type {
            margin-bottom: 0;
        }

        .navlist ul li img.grey {
            display: inline;
        }

        .navlist ul li img.orange {
            display: none;
        }

        .navlist ul li.selected {
            /* Larger than desktop */
        }

            .navlist ul li.selected img.grey {
                display: none;
            }

            .navlist ul li.selected img.orange {
                display: inline;
            }

            .navlist ul li.selected a {
                color: #EC9125 !important;
                background: #fdf4ea;
            }

            .navlist ul li.selected img {
                filter: invert(75%) sepia(23%) saturate(6423%) hue-rotate(346deg) brightness(98%) contrast(88%);
            }

@media (min-width: 992px) {
    .navlist ul li.selected {
        position: relative;
    }

        .navlist ul li.selected::after {
            content: '';
            position: absolute;
            right: -15px;
            top: 50%;
            margin-top: -15px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 0 15px 15px;
            border-color: transparent transparent transparent #ec9225;
        }
}

.navlist ul li:hover a, .navlist ul li:focus a {
    color: #EC9125;
    background: #fdf4ea;
}

.navlist ul li a {
    font-weight: 700;
    padding: 1rem;
    background: #F1F2F4;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    align-content: center;
    -moz-align-items: center;
    align-items: center;
}

.navlist.secondary ul {
    padding-bottom: .5rem;
}

    .navlist.secondary ul li a {
        font-weight: 300;
        padding: .5rem 1rem;
        background: #fff;
    }

        .navlist.secondary ul li a span {
            text-decoration: underline;
        }

.service-item .body {
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.service-item .content-box.primary .title {
    background-color: #fdf4ea;
}

.service-item ul {
    /*margin-left: 0;
    padding-left: 0;*/
}

.service-item .description {
    width: 65%;
    padding: 1rem;
}

.service-item .content-box ul {
    list-style-type: disc;
}

.service-item .action {
    width: 35%;
    padding: 0 0 30px 0;
    background-color: #F1F2F4;
}

    .service-item .action .content {
        padding: 2rem 0 2rem 2rem;
    }

    .service-item .action h1 {
        padding: 4px 4px 4px 15px;
        font-size: 1.8rem;
        line-height: 30px;
        background-color: #979696;
    }

.option-credits {
    font-size: 1.2em;
    font-weight: bold;
}

.service-item .action .btnWrapper {
    padding-left: 20px;
    display: flex;
}

.service-item .btnWrapper .btn-lg {
    min-width: 70px;
}

.resource-item .btnWrapper {
    margin-top: 32px;
}

.resource-item .action {
    padding: 40px;
}

.service-item .action .error-message {
    font-family: Roboto, sans-serif;
    color: #ec9125;
    font-weight: 700;
    padding: 0 2px 0 12px;
    font-size: .85em;
}


.service-option {
    margin-top: 24px;
}

    .service-option:first-child {
        margin-top: 0;
    }

    .service-option .option-description {
        text-align: left;
        font-style: italic;
        padding-left: 2.2rem;
        font-size: .8em;
    }

        .service-option .option-description p {
            margin-bottom: 0;
        }

    .service-option .option-credits {
        text-transform: uppercase;
        text-align: left;
        padding-left: 2.2rem;
        font-size: .9em;
        line-height: 1em;
    }

    .service-option .option-bottom-row {
        display: flex;
        align-items: flex-end;
    }

        .service-option .option-bottom-row .option-icon {
            line-height: 1em;
        }

            .service-option .option-bottom-row .option-icon img {
                max-height: 20px;
                margin-left: 8px;
            }

.btn.activity-button {
    font-size: 1em;
    padding: 0;
}

.cell-button-container {
    display: flex;
    justify-content: space-between;
}

    .cell-button-container .sub-group {
        display: inline-flex;
    }

        .cell-button-container .sub-group > a:first-child {
            margin-right: 20px;
        }

    .cell-button-container a i.fas, .cell-button-container a i.far {
        margin-right: 6px;
        width: 17px;
        text-align: center;
    }

.common-table td a.archive-button {
    color: #979696;
    margin: 0 4px 0 auto;
    cursor: pointer;
}

.activity-button img {
    filter: invert(84%) sepia(34%) saturate(6456%) hue-rotate(342deg) brightness(96%) contrast(92%);
    width: 17px;
    /*margin-right: 11px;*/
    margin-right: 15px;
    margin-top: -4px;
}

.btn-link:focus {
    color: #ec9128;
}








/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0 !important;
    content: "" !important;
}





table.dataTable thead th {
    position: relative;
    background-image: none !important;
    outline: none;
}

    table.dataTable thead th.sorting, table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc {
        cursor: pointer;
    }

        table.dataTable thead th.sorting:after,
        table.dataTable thead th.sorting_asc:after,
        table.dataTable thead th.sorting_desc:after {
            /*position: absolute !important;
        top: 9px !important;
        right: 1px !important;
        display: block !important;*/
            margin-left: 6px;
            font-family: FontAwesome !important;
        }

        table.dataTable thead th.sorting:after {
            content: "\f0dc" !important;
            color: #bababa !important;
            font-size: 0.8em !important;
            padding-top: 0.12em !important;
        }

        table.dataTable thead th.sorting_asc:after {
            content: "\f0de" !important;
            color: #ec9125;
        }

        table.dataTable thead th.sorting_desc:after {
            content: "\f0dd" !important;
            color: #ec9125;
        }







.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 5px;
    padding-top: 0px;
    cursor: pointer;
    font-size: 16px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control_indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 13px;
    background: #ffffff;
    border: 1px solid #333333;
    border-radius: 3px;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #ffffff;
}

.control input:checked ~ .control_indicator {
    background: #4d9fed;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #4d9fed;
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 4px;
    top: 1px;
    width: 1px;
    height: 6px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}


.b-contain {
    margin-bottom: 0;
}

    .b-contain span {
        font-size: .9em;
        margin-left: 6px;
    }

    .b-contain input[type="radio"] ~ .b-input {
        top: 4px;
    }

.needs-assessment {
    font-size: 20px;
}

    .needs-assessment .col-sm-5 {
        padding-right: 5px;
    }

    .needs-assessment .col-sm-7 {
        padding-left: 5px;
    }

.mistakeTable {
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 15px 0 0;
    line-height: 1.2em;
    font-size: .8em;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
}

    .mistakeTable th:nth-child(1), .mistakeTable th:nth-child(3) {
        border: 2px solid #9fc8e4;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background-color: #fff3e4;
    }

    .mistakeTable th:nth-child(1) {
        border-color: #EB3951;
    }

    .mistakeTable td, .mistakeTable th {
        border-bottom: 2px solid #9fc8e4;
        padding: 5px 5px 5px 15px;
        text-align: left;
    }

        .mistakeTable td:nth-child(1) {
            border-bottom-color: #EB3951;
        }

        .mistakeTable th:nth-child(2) {
            border-bottom: none;
        }

    .mistakeTable td {
        padding: 10px 10px 10px 15px;
        vertical-align: top;
    }

    .mistakeTable th {
        /*border-left: 0;
        border-right: 0;
        border-top: 0;*/
    }

        .mistakeTable th div {
            display: flex;
            align-items: center;
            line-height: 1.2;
            font-size: 1.2em;
        }

        .mistakeTable th img {
            margin-right: 10px;
            max-width: 18px;
        }

    .mistakeTable tr td:first-child {
        width: 35%;
        font-weight: bold;
        background-color: #e9f2f9;
        border-left: 2px solid #EB3951;
        border-right: 2px solid #EB3951;
    }

    .mistakeTable tr td:nth-child(2) {
        width: 30px;
        padding: 0;
        border-bottom: none;
        vertical-align: top;
    }

        .mistakeTable tr td:nth-child(2) img {
            width: 100%;
            margin-top: -6px;
        }

    .mistakeTable tr td:nth-child(3) {
        border-right: 2px solid #9fc8e4;
        border-left: 2px solid #9fc8e4;
    }

.needs-assessment .content-box .body {
    padding-right: 0;
    padding-bottom: 0;
}

.needs-assessment ul {
    list-style: none;
    padding-left: 0;
}

    .needs-assessment ul > li {
        margin-left: 27px;
        line-height: 1.6em;
    }
        /* Prevent nested li's from getting messed up */
        .needs-assessment ul > li::before {
            content: "-";
            margin-left: -15px;
            margin-right: 11px;
        }

.content-box.extra-padding {
    padding: 0 5px 5px 5px;
}

.needs-assessment .content-box.primary {
    background-color: #3c38a6;
}

    .needs-assessment .content-box.primary .inside > .title {
        background-color: #3c38a6;
    }

        .needs-assessment .content-box.primary .inside > .title h1 {
            color: #fff;
        }

    .needs-assessment .content-box.primary .inside {
        background-color: #fff;
    }

.needs-assessment .header {
    background-color: #004f9b;
    display: flex;
    margin-top: -2px;
    margin-left: -15px;
    background: linear-gradient(to bottom, #9fc8e4 0%, #9fc8e4 70%);
    height: 50px;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid #969697;
}

    .needs-assessment .header img {
        height: 35px;
        margin-left: 12px;
    }

    .needs-assessment .header h1 {
        text-align: right;
        text-transform: none;
        font-size: 1.65em;
        font-family: 'Roboto';
        font-weight: 500;
        margin-right: 12px;
        margin-bottom: -4px;
        padding-bottom: 0;
    }

.needs-assessment .needs-assessment-step > div.title {
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    padding-left: 0;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    justify-content: left;
}

.needs-assessment-step .content {
    margin-left: 25px;
    border-top: 1px solid #969697;
    padding-top: 12px;
}

.needs-assessment-step .bullet {
    margin-right: 6px;
}

.needs-assessment h3 {
    text-transform: none;
    border-bottom: 2px solid #9fc8e4;
    margin-right: -12px;
    font-size: 1.1em;
}

    .needs-assessment h3 .fas {
        color: #9fc8e4;
        margin-bottom: 3px;
        margin-right: 2px;
    }

.needs-assessment a {
    font-family: 'Palatino LT W01 Roman';
    font-weight: normal;
}

.needs-assessment .assessment-body {
}

    .needs-assessment .assessment-body > div:first-child {
        padding-bottom: 18px;
        padding-right: 12px;
    }

    .needs-assessment .assessment-body > div:last-child {
        /*flex-basis: 200px;
        border-left: 2px solid #969697;*/
    }

    .needs-assessment .assessment-body h2 {
        color: #fff;
        text-transform: uppercase;
        background-color: #969697;
        margin-top: 0;
        font-size: 1em;
        padding: 4px 0px 4px 12px;
    }

    .needs-assessment .assessment-body .side-bar {
        font-family: 'Roboto', sans-serif;
        display: flex;
        margin-left: -15px;
    }

        .needs-assessment .assessment-body .side-bar img {
            margin-top: auto;
            width: 95%;
            margin-left: auto;
            margin-bottom: 6px;
        }

        .needs-assessment .assessment-body .side-bar > div {
            margin-bottom: 12px;
            overflow-wrap: break-word;
            padding-right: 2px;
            flex-grow: 1;
        }

            .needs-assessment .assessment-body .side-bar > div:last-child {
                padding-right: 0;
            }

            .needs-assessment .assessment-body .side-bar > div > div {
                padding-left: 12px;
            }

            .needs-assessment .assessment-body .side-bar > div img {
                max-width: 230px;
                margin-bottom: 12px;
            }

    .needs-assessment .assessment-body .bottom-logo {
        margin-top: 20px;
        text-align: center;
    }

    .needs-assessment .assessment-body .side-bar strong {
        display: block;
    }

    .needs-assessment .assessment-body .side-bar p {
        margin-bottom: 0;
        margin-top: 0;
    }

.product-selection {
}

.content-box.product-selection .body {
    padding: 6px;
    font-size: .8em;
}

.content-box.product-selection .alert {
    font-size: 1em;
}

    .content-box.product-selection .alert a {
        color: #fff;
        text-decoration: underline;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
    }

.product-selection-row {
    text-align: center;
    display: flex;
    font-size: .9em;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}

    .product-selection-row > div {
        flex-basis: 1em;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-self: auto;
        align-items: center;
        padding: 5px;
        justify-content: center;
    }

    .product-selection-row p {
        margin-bottom: 0;
    }

    .product-selection-row > div:first-child {
        flex-grow: 2;
        text-align: left;
        align-items: start;
    }

        .product-selection-row > div:first-child a {
            text-transform: uppercase;
            color: #969697;
            text-decoration: underline;
            font-size: .9em;
        }

.product-selection-product {
    border: 2px solid #969697;
}

    .product-selection-product strong {
        color: #000;
    }

    .product-selection-product > div:first-child {
        background-color: #fdf4e9;
    }

    .product-selection-product > div:nth-child(2) {
        background-color: #f1f2f7;
    }

    .product-selection-product > div:not(:last-child) {
        border-right: 1px solid #ec9128;
    }

.product-selection-header {
    background-color: #969697;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2px;
}

    .product-selection-header > div:first-child {
        text-align: center;
    }

    .product-selection-header > div:not(:last-child) {
        border-right: 1px solid #fdf4e9;
    }

.product-selection-footer {
    border: none;
}

.product-selection-detail-row {
    font-family: 'Roboto', sans-serif;
    border: 2px solid #969697;
    border-top: none;
    margin-top: -5px;
    background-color: #f1f2f7;
    color: #000;
    /*font-size: .88em;*/
    margin-bottom: 5px;
    padding: 12px 4px 4px 8px;
}

    .product-selection-detail-row .i65-radio {
        margin-right: 16px;
    }

        .product-selection-detail-row .i65-radio .radio__control {
            margin-top: 2px;
        }

    .product-selection-detail-row label {
        font-weight: normal;
    }

    .product-selection-detail-row .credits {
        text-transform: uppercase;
        font-size: .9em;
        font-weight: 700;
        color: #696967;
        margin-left: 19px;
        margin-top: -2px;
        margin-bottom: 0;
    }

.i65-radio {
    display: grid;
    margin: 13px 0;
    grid-template-columns: min-content auto;
    grid-gap: 0.5em;
    cursor: pointer;
}

.radio__label {
    line-height: 1.2em;
}

.radio__input {
    display: flex;
}

    .radio__input input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/*.radio__input input:focus + .radio__control {
        box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;
    }*/

.radio__control {
    width: 13px;
    height: 13px;
    /*width: 1em;
    height: 1em;*/

    border-radius: 50%;
    border: .1em solid currentColor;
    display: grid;
    place-items: center;
    box-shadow: rgba(0,0,0,.4) .05em .05em .15em;
    /*transform: translateY(-.1em);*/
}

input + .radio__control::before {
    content: "";
    width: 7px;
    height: 7px;
    /*width: .6em;
    height: .6em;*/
    /*box-shadow: inset .4em .4em #333;*/

    background-color: var(--orange);
    border-radius: 50%;
    transition: 90ms transform linear;
    transform: scale(0);
}

input:checked + .radio__control::before {
    transform: scale(1);
}

.i65-radio .radio__control {
    border-color: #ec9128;
    margin-top: 2px;
}

.orange-box {
    width: 1em;
    height: 1em;
    background-color: #ec9128;
    margin-top: 2px;
    margin-right: 8px;
    box-shadow: rgba(0, 0, 0, .3) 1px 1px 3px;
}

.orange-box-inner {
    width: .9em;
    height: .9em;
    background-color: #fff;
    border: 1px solid #ec9128;
}

.fade-out {
    animation: fade .5s;
    -webkit-animation: fade .5s;
    -moz-animation: fade .5s;
}

/* Animate opacity */
@keyframes fade {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fade {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}





























label.answer-text {
    font-weight: normal;
    margin-left: 54px;
    line-height: 1.5em;
}


/* big radio button snippet from doodlenerd starts here */

.bigradio {
    display: block;
    position: relative;
    padding-left: 79px;
    margin-bottom: 24px;
    padding-top: 5px;
    cursor: pointer;
    font-size: 25px;
}

    .bigradio input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.bigradio_indicator {
    position: absolute;
    top: -2px;
    left: 0;
    height: 48px;
    width: 48px;
    background: #ec9125;
    border: 0px solid #000000;
    border-radius: 50px;
}

.bigradio:hover input ~ .bigradio_indicator,
.bigradio input:focus ~ .bigradio_indicator {
    background: #ec9125;
}

.bigradio input:checked ~ .bigradio_indicator {
    background: #ec9125;
}

.bigradio:hover input:not([disabled]):checked ~ .bigradio_indicator,
.bigradio input:checked:focus ~ .bigradio_indicator {
    background-color: #0e6647d;
}

.bigradio input:disabled ~ .bigradio_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.bigradio_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.bigradio input:checked ~ .bigradio_indicator:after {
    display: block;
}

.bigradio-radio .bigradio_indicator {
    border-radius: 100%;
}

    .bigradio-radio .bigradio_indicator:after {
        left: 7px;
        top: 7px;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #faf9f9;
        transition: background 250ms;
    }

.bigradio-radio input:disabled ~ .bigradio_indicator:after {
    background: #7b7b7b;
}

/* big radio button snippet from doodlenerd ends here */

/* overrides for doodle nerd */
.bigradio_indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 28px;
    width: 28px;
    background: transparent;
    border: 2px solid #ec9125;
    border-radius: 50px;
}

.bigradio:hover input ~ .bigradio_indicator,
.bigradio input:focus ~ .bigradio_indicator {
    background: transparent;
}

.bigradio input:checked ~ .bigradio_indicator {
    background: transparent;
}

.bigradio-radio .bigradio_indicator:after {
    left: 4px;
    top: 4px;
    height: 16px;
    width: 16px;
    background: #ec9125;
}

.bigradio {
    padding-left: 47px;
    padding-top: 0;
}



/* big checkbox snippet from doodle nerd */
.bigcheckbox {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 55px;
    margin-bottom: 13px;
    padding-top: 0px;
    cursor: pointer;
    font-size: 22px;
}

    .bigcheckbox input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.bigcheckbox_indicator {
    position: absolute;
    top: 7px;
    left: 0;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 3px solid #ec9125;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-radius: 0px;
}

.bigcheckbox:hover input ~ .bigcheckbox_indicator,
.bigcheckbox input:focus ~ .bigcheckbox_indicator {
    /*background: #ec9125;*/
}

.bigcheckbox input:checked ~ .bigcheckbox_indicator {
    /*background: #ec9125;*/
}

.bigcheckbox:hover input:not([disabled]):checked ~ .bigcheckbox_indicator,
.bigcheckbox input:checked:focus ~ .bigcheckbox_indicator {
    /*background: #ec9125;*/
}

/*.bigcheckbox input:disabled ~ .bigcheckbox_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}*/

/*.bigcheckbox_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}*/

/*.bigcheckbox input:checked ~ .bigcheckbox_indicator:after {
    display: block;
}*/

/*.bigcheckbox-checkbox .bigcheckbox_indicator:after {
    left: 10px;
    top: 4px;
    width: 7px;
    height: 18px;
    border: solid #ec9128;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}*/

.bigcheckbox-checkbox input:disabled ~ .bigcheckbox_indicator:after {
    border-color: #7b7b7b;
}
/* end checkbox */

.bigcheckbox_indicator {
    width: 30px;
    height: 30px;
    top: 2px;
}

.bigcheckbox {
    padding-left: 55px;
    margin-bottom: 32px;
    padding-top: 7px;
}
/*.bigcheckbox-checkbox .bigcheckbox_indicator:after {
    left: 14px;
    top: 3px;
    width: 15px;
    height: 30px;
    border-width: 0 5px 5px 0;
    transform: rotate( 41deg );
}*/

.explainer {
    font-style: italic;
}

.sub-question {
    display: none;
    margin-left: 112px;
    background-color: #fdf0e1;
    padding: 20px 20px 0 20px;
    margin-top: -22px;
}

    .sub-question.error {
        border: 3px solid var(--red);
        border-radius: 2px;
    }

    .sub-question .answers {
        margin-bottom: 0;
    }

.roadmap .main-copy .sub-question h2 {
    font-size: 22px;
    margin-top: 0;
}

.roadmap .sub-question .answer-text {
    /*font-size: 16px;*/
}

.sub-question .bigradio {
    /*padding-top: 2px;*/
}

.question-panel {
    display: none;
}


.bigcheckbox_indicator {
    width: 0;
    height: 0;
    top: 2px;
    border: none;
    font-size: 41px;
    color: #ec9125;
    font-family: 'ITC Zapf Dingbats W05 Medium'
}

    .bigcheckbox_indicator:before {
        content: '\2751';
    }

.bigcheckbox_checkmark {
    display: none;
}

.bigcheckbox input:checked ~ .bigcheckbox_checkmark {
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 4px;
    font-size: 30px;
    color: #ec9125;
    -webkit-text-stroke: #ffffff 1px;
}


.bigcheckbox .fas, .question-panel h2 .fas {
    color: #9cc6e3;
}

.definable {
    top: -8px;
    position: relative;
    font-size: 16px;
    padding: 6px;
}

.question-panel h2 .fas {
    top: -14px;
    font-size: 18px;
    cursor: pointer;
    padding: 8px;
}

.income-year {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
}

    .income-year > div {
        flex-grow: 1;
        margin-right: 22px;
    }

    .income-year div:first-child {
        width: 70px;
        flex-grow: 0;
        text-align: center;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        margin-right: 0;
    }

    .income-year select {
        font-family: 'Roboto', sans-serif;
        max-width: 100%;
    }


.big-orange-input {
    font-family: 'Roboto', sans-serif;
    color: #ec9125;
    font-weight: bold;
    padding-left: 15px;
    font-size: 1.3em;
}



.signup-box {
    flex-direction: row;
}

@media (max-width: 767px) {
    .signup-box {
        flex-direction: column;
    }
}

.signup-box > div {
    padding: 15px 30px;
    flex: 1 1 auto;
}

    .signup-box > div:first-child {
        flex: 0 0 290px;
        background-color: #eaeaea;
    }






.onoffswitch {
    position: relative;
    width: 59px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 10px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #EC9125;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 25px;
    margin: 2.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.keep-together {
    display: inline-block;
}

.answered-question ul {
    margin-top: 6px;
}

    .answered-question ul li {
        list-style-type: disc;
        margin-left: 16px;
        margin-bottom: 2px;
        line-height: 20px;
    }

.more-info-button {
    margin-bottom: 12px;
}

.iestimate .answer .more-info-button {
    margin-top: -16px;
    margin-left: 110px;
}

.iestimate .answer .more-info {
    margin-left: 110px;
    margin-bottom: 18px;
    font-size: 18px;
    font-family: 'Palatino Linotype';
}

.border-separated-column {
    border-left: var(--gray) 1px solid;
    padding-left: 6%;
    margin-left: 47px;
}

.needs-assessment.receipt .content-box .body {
    padding-right: 15px;
}

.receipt .primary .body {
    padding: 20px 34px;
}

@media print {
    .receipt .body h1, .receipt .body h2 {
        color: var(--purple) !important;
    }
}

.receipt .body h1 {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--purple);
    text-transform: uppercase;
}

.receipt .body h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--purple);
}

.receipt .body h3 {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    border-bottom: none;
    margin-top: 24px;
}

.receipt ol li {
    font-weight: bold;
}

    .receipt ol li div {
        font-weight: normal;
    }

.receipt-bottom {
    border-top: 1px solid #000;
    font-size: .8em;
    text-align: center;
    margin-top: 24px;
    padding-bottom: 24px;
    padding-top: 8px;
}

.receipt .title a {
    font-family: 'Roboto', sans-serif;
    font-size: .7em;
    color: #fff;
    padding-right: 12px;
}

.receipt .title .fas {
    font-size: inherit;
    color: #fff;
}

.receipt .final-steps .body {
    padding-top: 12px;
    padding-bottom: 12px;
}

.receipt .final-steps p:nth-child(2) {
    border-top: 1px solid #000;
    padding-top: 16px;
    margin-top: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.receipt .final-steps button {
    margin-top: 16px;
}

.receipt .i65-radio {
    margin-bottom: -6px;
}

    .receipt .i65-radio:last-of-type {
        margin-bottom: 6px;
    }

.receipt .radio__label {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

.toc {
    position: relative;
    overflow: auto;
    padding: 0 20px 0 12px;
    font-family: 'Roboto', sans-serif;
}

.entry {
    display: grid;
    grid-template-columns: auto max-content;
    grid-template-areas: "chapter page";
    align-items: end;
    gap: 0 1ch;
    margin-bottom: 12px;
}

    .entry:last-child .page {
        border-top: 1px solid #000;
        padding: 6px 0;
    }

.chapter {
    grid-area: chapter;
    position: relative;
    overflow: hidden;
}

    .chapter::after {
        position: absolute;
        padding-left: .25ch;
        content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
        text-align: right;
    }

.toc .heading .chapter::after {
    content: "";
}

.toc .heading {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #595a5a;
    margin-bottom: 8px;
}

.toc .footing {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin-top: 8px;
}

.page {
    grid-area: page;
}

.option-selector {
}

.option-selection {
    border: 2px solid var(--gray);
    border-radius: 10px;
    margin-bottom: 13px;
    padding: 1px;
    text-align: center;
}

    .option-selection h2 {
        margin-top: 0;
        font-size: 1.8em;
        text-transform: uppercase;
        text-align: center;
        color: var(--orange);
    }

    .option-selection p {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
    }

    .option-selection strong {
        font-size: 1.2em;
        font-family: Roboto, sans-serif;
    }

input[type=radio]:checked ~ .option-selection {
    border-color: var(--orange);
    border-width: 3px;
    padding: 0;
    background-color: #fefcfa;
}

.option-selector input {
    display: none;
}

.option-selection label {
    display: block;
    padding: 8px;
    cursor: pointer;
}



.eghp-large-calc, .eghp-small-calc {
    cursor: pointer;
}

.eghp-calc {
    font-size: 1.7rem;
}

    .eghp-calc .back_link {
        margin-top: 12px;
    }

    .eghp-calc H1 {
        text-transform: uppercase;
        font-weight: 300;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.9rem;
        line-height: 24px;
        text-align: center;
        color: #000;
        margin-top: 12px;
        margin-bottom: 3px;
    }

        .eghp-calc H1 strong {
            display: block;
        }

    .eghp-calc H2 {
        font-weight: bold;
        font-size: 1.2rem;
    }

    .eghp-calc H3 {
        text-align: center;
        font-weight: bold;
    }

    .eghp-calc label .paranthetical {
        font-weight: 300;
        font-style: italic;
    }

#div_main {
    display: block;
    min-height: 150px;
    flex: 1;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
}

    #div_main input {
        max-width: 200px;
    }

    #div_main button {
        margin-top: 12px;
    }

    #div_main .btn-primary {
        color: #fff;
    }

#total {
    width: 450px;
    height: 99px;
    border: 1px solid;
    flex: 1;
    padding-right: 15px;
    padding-left: 15px;
}

#recap {
    width: 450px;
    min-height: 200px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    flex: 1;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    color: gray;
}

.recap-footer {
    text-align: center;
    margin-top: 36px
}

    .recap-footer p {
        margin-bottom: 0;
    }

.eghp-calc .title {
    background-color: #3C28A6;
    color: white;
    border: 1px solid black;
    flex: 1;
    width: 450px;
    height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    /* padding-bottom: 15px; */
    display: flex;
    align-items: center;
}

.current_costs {
    background-color: white;
    border: 1px solid black;
    flex: 1;
    padding: 15px;
}

.right_header {
    background-color: #EC9128;
    color: white;
    border: 1px solid black;
    flex: 1;
}

.medicare_costs {
    background-color: white;
    border: 1px solid;
    flex: 1;
    padding: 15px;
}

superscript {
    color: red;
}

.center_totals {
    text-align: center;
    font-size: 2.1rem;
    font-weight: bold;
}

#little_left {
    width: 49%;
    height: 99px;
    float: left;
    border-right: 1px solid black;
}

#little_right {
    width: 49%;
    height: 99px;
    float: left;
    padding-left: 5px;
}

.medicare-flag {
    color: black;
}

.current-flag {
    color: black;
}

.eghp-calc .recommendation {
    font-weight: bold;
    color: #000;
    padding-top: 12px;
}

.indent-p {
    display: flex;
}

    .indent-p *:first-child {
        width: 78px;
        text-align: center;
    }

.content-area h2, .content-area h3 {
    font-size: 1em;
    font-family: 'Palatino LT W01 Roman'
}
.content-area h3 {
    font-style: italic;
}
/* 
   abn-tree.css

   style for the angular-bootstrap-nav-tree
   for both Bootstrap 2 and Bootstrap 3

*/



/* ------------------------------------------
AngularJS Animations...

The first selector is for Angular 1.1.5
The second selector is for Angular 1.2.0

*/
.abn-tree-animate-enter,
li.abn-tree-row.ng-enter {
  transition: 200ms linear all;
  position: relative;
  display: block;
  opacity: 0;
  max-height:0px;
}
.abn-tree-animate-enter.abn-tree-animate-enter-active,
li.abn-tree-row.ng-enter-active{
  opacity: 1;
  max-height:30px;
}

.abn-tree-animate-leave,
li.abn-tree-row.ng-leave {
  transition: 200ms linear all;
  position: relative;
  display: block;
  height:30px;
  max-height: 30px;
  opacity: 1;
}
.abn-tree-animate-leave.abn-tree-animate-leave-active,
li.abn-tree-row.ng-leave-active {  
  height: 0px;
  max-height:0px;
  opacity: 0;
}


/* 
------------------------------------------
Angular 1.2.0 Animation 
*/


.abn-tree-animate.ng-enter{

}
.abn-tree-animate.ng-enter{

}




/*
   end animation stuff
-----------------------------------------
   begin normal css stuff
*/
ul.abn-tree li.abn-tree-row {  
  padding: 0px;
  margin:0px;
}

ul.abn-tree li.abn-tree-row a {
  padding: 3px 10px;
}

ul.abn-tree i.indented {
  padding: 2px;
}

.abn-tree {
  cursor: pointer;
}
ul.nav.abn-tree .level-1 .indented {
  position: relative;
  left: 0px;
}
ul.nav.abn-tree .level-2 .indented {
  position: relative;
  left: 20px;
}
ul.nav.abn-tree .level-3 .indented {
  position: relative;
  left: 40px;
}
ul.nav.abn-tree .level-4 .indented {
  position: relative;
  left: 60px;
}
ul.nav.abn-tree .level-5 .indented {
  position: relative;
  left: 80px;
}
ul.nav.abn-tree .level-6 .indented {
  position: relative;
  left: 100px;
}
ul.nav.nav-list.abn-tree .level-7 .indented {
  position: relative;
  left: 120px;
}
ul.nav.nav-list.abn-tree .level-8 .indented {
  position: relative;
  left: 140px;
}
ul.nav.nav-list.abn-tree .level-9 .indented {
  position: relative;
  left: 160px;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}