@charset "utf-8";
/* CSS Document */

.formitem {
    width: 100%;
    margin: 0 0 2rem 0;
}

.formlabel {
    margin: 0rem 0 1rem 0;
}

.bottommargin {
    margin-bottom: 3em;
}

input, select {
    font:;
    height: 44px;
}

input, textarea, select {
    border: 1px solid #777 !important;
    padding: .4rem;
    border-radius: .25rem !important;
    box-sizing: border-box;
    font-size: 18px;
    font-family: "Proxima Nova Regular",Arial,sans-serif;
    color: #777;
}

textarea {
    min-height: 8rem;
    width: 93%;
    width: calc(100% - 44px);
    border: 1px solid #777;
    border-radius: .25rem;
}

input[type=text], input[type=password] {
    height: 44px;
    width: 93%;
    width: 100%;
    max-width: 600px;
    border: 1px solid #777;
    border-radius: .25rem !important;
}

.input-group input {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #777;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 44px;
}

.input-group button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
    z-index: 2;
    display: flex;
    font-weight: 400;
    color: transparent;
    background-color: #e9ecef;
    border: 1px solid #777;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-left: -1px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-image: url(../Default/_imgs/common/bg-datepicker.png);
    background-position: center;
    background-size: 70% !important;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    box-shadow: none;
}

.custom-select {
    border-color: #777;
}

select {
    cursor: pointer;
    height: 44px !important;
    max-width: 600px;
    border: 1px solid #777;
    border-radius: .25rem;
}

.input-group {
    max-width: 600px;
}

select.relationshiproles, select.associatedrelationshiproles {
    border-bottom: #ccc 2px solid;
    border-left: #ccc 2px solid;
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 0.2em;
    margin-bottom: 0em;
    margin-left: 0.5em;
    cursor: pointer;
    float: none;
    border-top: #ccc 2px solid;
    border-right: #ccc 2px solid;
    padding-top: 0.1em;
    font-size: 1em;
}

input[type='radio'] {
    border-bottom: medium none;
    border-left: medium none;
    vertical-align: bottom;
    border-top: medium none;
    border-right: medium none;
    cursor: pointer;
}

input[type='checkbox'] {
    border-bottom: medium none;
    border-left: medium none;
    border-top: medium none;
    border-right: medium none;
    cursor: pointer;
}

input[type='image'] {
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none
}

legend {
    margin-bottom: 2rem;
    color: #43285D;
    font-size: 1.7rem;
}

.legendgap {
    width: 100%;
    display: block;
    float: left;
    height: 2em
}

fieldset .alert, span.fieldset .alert {
    padding-left: 50px;
}

input:focus {
    border: 2px solid #ff6700 !important;
    background: #ffffcc !important;
    color: #555 !important;
}

select:focus {
    border: 2px solid #ff6700 !important;
    background: #ffffcc;
}

textarea:focus {
    border: 2px solid #ff6700 !important;
    background-color: #ffffcc;
}

.input-group button:focus {
    background-color: #ffffcc !important;
    border: 2px solid #ff6700 !important;
    box-shadow: 0 0 0 0.2rem rgba(210,195,58, .45) !important;
}

input[type=checkbox]:focus {
    box-shadow: 2px 2px 0 #000;
}

.currencycode {
    z-index: 22;
    position: relative;
    line-height: 2em;
    padding-left: 12px;
    width: 25px;
    display: inline-block;
    float: left !important
}

.currencyinput {
    position: relative;
    min-width: 10em !important;
    padding-left: 42px;
    max-width: 15em !important;
    float: left !important;
    margin-left: 5px;
    left: -42px
}

.dateinput {
    min-width: 5em !important;
    width: 5em !important;
    max-width: 5em !important
}

.distanceinput {
    min-width: 5em !important;
    width: 5em !important;
    max-width: 5em !important;
}

.checklist li {
    margin-top: 0.8em;
    display: block
}

    .checklist li label {
        float: none !important
    }

.disabled {
    border-bottom: #ccc 2px solid;
    border-left: #ccc 2px solid;
    background: #f0f0f0;
    color: #747474;
    border-top: #ccc 2px solid;
    cursor: default;
    border-right: #ccc 2px solid
}

    .disabled:focus {
        border-bottom: #ccc 2px solid;
        border-left: #ccc 2px solid;
        background: #f0f0f0;
        border-top: #ccc 2px solid;
        border-right: #ccc 2px solid
    }

.errorwrap {
    padding: 30px;
}

    .errorwrap:empty {
        display: none;
    }

.FormError, .alert {
    background-color: #fce6e6;
    border-width: 1px 1px 1px 9px !important;
    border: solid;
    border-color: #f4cbcb;
    color: #d27777;
    background-image: none;
    border-radius: .25rem;
    box-shadow: none;
    clear: left;
    padding: 0.5em 1rem;
    font-weight: normal;
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    text-shadow: none;
    line-height: 140%;
    margin: .5rem 0;
    min-height: 44px;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}
.halfleft .FormError {
    white-space: normal !important;
    line-height: normal !important;
    padding-left: 35px !important;
    table-layout: auto !important;
    padding-right: 10px !important;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.deactivate .FormError {
    float: left !important;
    margin-bottom: 10px !important;
    white-space: normal !important;
    margin-right: 10px;
}

.deactivate input[type="password"] {
    float: nonet !important;
}

.ProviderPanel .FormError {
    float: left;
    clear: left;
    margin-bottom: 10px;
    background-image: url(/_imgs/common/icon-error.png);
}

.fback .FormError, .popup .FormError {
    float: left;
    clear: left;
    margin-bottom: 10px;
    background-image: url(/_imgs/common/icon-error.png);
}

.fback .formitem {
    float: left;
}

.ProviderPanel input[type="text"] {
    float: left;
}
/* Buttons */

input[type=submit], input[type=button], .main button {
    background-color: #dfdfdf;
    border: 1px solid #777;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    height: 42px;
    border-radius: .25rem;
    cursor: pointer;
    min-width: 150px;
    padding: 0 1.5rem;
    margin-bottom: 2rem;
    position: relative;
    color: #565656;
    transition: all 250ms ease-in-out;
}

    input[type=submit]:hover, input[type=button]:hover, button:hover {
        background-color: #BEBEBE;
        color: #333;
    }

    input[type=submit]:active, input[type=button]:active, button:active {
        top: 2px;
        box-shadow: none;
        border: 1px solid #777;
    }

    input[type=submit][disabled=disabled], input[type=button][disabled=disabled] {
        top: 2px;
        box-shadow: none;
        border: 1px solid #aaa;
        color: #aaa;
        background: #dfdfdf;
        cursor: not-allowed;
    }

.helpbutton, .helpbutton:focus {
    -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#9dce2c', endcolorstr='#8cb82b');
    background-color: #9dce2c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #ffffff !important;
    padding: 6px 11px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #689324;
    margin-right: 1em;
    float: right;
    height: 22px;
    cursor: pointer;
    font-family: arial;
    font-size: 1.7em;
    line-height: 22px;
    font-weight: bold;
}

    .helpbutton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
        background: -moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
        filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#8cb82b', endcolorstr='#9dce2c');
        background-color: #8cb82b;
        text-decoration: underline;
    }

    .helpbutton:active {
        position: relative;
        top: 1px;
        text-decoration: underline;
    }
/* FAQ Search */

.SearchButton, .SearchButton:focus {
    background-color: #ededed;
    border: 1px solid #ADADAD;
    display: inline-block;
    color: #555;
    padding: 9px 20px;
    text-decoration: none;
    margin-left: 0.5em;
    cursor: pointer;
}

    .SearchButton:active {
        position: relative;
        top: 1px;
        text-decoration: underline;
    }
/* Login button */
.StButton, .StButton:focus {
    background-color: #ededed;
    border: 1px solid #adadad;
    color: #555;
    cursor: pointer;
    display: inline-block;
    margin-left: 0.5em;
    padding: 1px 20px;
    text-decoration: none;
}

    .StButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
        text-decoration: underline;
    }

    .StButton:active {
        position: relative;
        top: 1px;
    }

.EndShareButton {
    font-size: 1em !important;
}
/* Bugfix custom styles */
/* Contact Provider tab */
.tabPanel .FormError {
    margin-right: 10px;
    white-space: normal;
}

/*registerfieldset */
.field-validator {
    float: left;
    white-space: normal !important;
}

.externalLink {
    margin-bottom: .4em;
    float: left;
    width: 100%;
    margin-top: 1em;
}

    .externalLink li {
        line-height: 160%;
    }

.wrapper-share-your-form input[type=button] {
    margin-right: 1rem;
}

.changepassword .UtilButton {
    margin-bottom: 0;
    margin-top: 1em;
}

input.input-date {
    width: 215px;
}

ul.doublecheck {
    display: table;
    width: auto;
    margin: 1rem 0 !important;
}

.registerfieldset ul.doublecheck {
    margin: 0 !important;
}

ul.doublecheck li {
    display: table-cell;
    width: auto;
    padding-right: 1.5rem;
}

    ul.doublecheck li input {
        position: fixed !important;
    }

.emailtextbox {
    width: 100%;
    padding: 1rem 0 0 0;
    transition: all 2500ms ease-in-out;
}

    .emailtextbox > ul > label {
        margin-bottom: 1rem;
    }

    .emailtextbox > ul li.formitem {
        margin-bottom: 0;
    }

.subcheck {
    background-color: #F1F1F1;
    border: 2px solid #ddd;
    border-radius: 1px;
    padding: 1rem;
    margin-bottom: 2rem;
    transition: all 250ms ease-in-out;
}

    .subcheck > li {
        float: none;
    }

        .subcheck > li, .subcheck > li > input[type=submit] {
            margin-bottom: 0;
        }

.mandatory {
    padding-left: .3rem;
    color: #ff0000;
}

.editprofile .maincontent input, .changepassword .maincontent input .deactivate input[type=submit] {
    float: none;
}

.changepassword legend {
    display: none;
}

.changepassword .FormError {
    display: inline-block;
}

ul.careplanpageintro {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 40px;
}

li input:nth-child(2) {
    margin-left: 2rem;
}

input[type=submit]:nth-child(2) {
    margin-left: 1rem;
}
