#custom-reg-form * {
    font-size: 0.9rem;
}

/* .input-group-text */
a, a:hover {
    color: inherit;
}

body .two-tone-tile {
    line-height: 2em;
}

    body .two-tone-tile a {
        text-decoration: underline;
    }

.two-tone-tile .row {
    display: block;
    margin-right: 0;
    margin-left: 0;
}

.input-group .btn-group {
    flex: 1 0 0;
    width: 1%;
    display: flex;
}

.input-group > .btn-group > div {
    flex: 1 0 0;
    width: 1%;
    border-radius: 0;
}

    .input-group > .btn-group > div:last-child {
        border-radius: 0 4px 4px 0;
    }

#profileAccordian,
#profileAccordian input,
#profileAccordian label,
#profileAccordian .input-group-text,
#profileAccordian textarea {
    /* font-size: inherit; */
    resize: none;
}

    #profileAccordian input,
    #profileAccordian textarea {
        background: none;
    }

    #profileAccordian .dx-texteditor-input {
        width: 100%;
    }

    #profileAccordian label {
        cursor: pointer;
    }

    #profileAccordian .dx-texteditor-input,
    #profileAccordian input.dx-texteditor-input[type="text"] {
        border: none !important;
        box-shadow: none !important;
    }

.dx-texteditor {
    border: 1px solid !important;
    border-color: #abbce8 #c3cae0 #b9c8ef !important;
}

#profileAccordian .input-group > input[type=text],
#profileAccordian .input-group > input[type=number],
#profileAccordian .input-group > input[type=file],
#profileAccordian .input-group > input[type=date] {
    padding-left: .4em;
}


#profileAccordian label {
    margin-bottom: 0;
    text-align: left;
}

h1 {
    font-size: 1rem;
    padding: 1rem 0;
    margin: 0;
    font-weight: 400;
}

#profileAccordian p {
    margin: 0;
}

#profileAccordian .input-group-text {
    width: 10rem;
    min-width: 100%;
    text-align: left;
    white-space: normal;
}


.hide-label .input-group-prepend,
.input-group-text:empty {
    display: none;
}

#profileAccordian input[type=text].error,
#profileAccordian input[type=checkbox].error,
#profileAccordian input[type=number].error,
#profileAccordian select.error,
#profileAccordian textarea.error,
#profileAccordian .error + div,
#profileAccordian .dx-invalid,
#profileAccordian .error + .signature-input-holder {
    border: 1px solid rgb(217, 83,79) !important;
}

#profileAccordian .missing-file + label {
    border: 1px solid #ffc107 !important;
}

.fas.fa-exclamation-circle.error {
    color: rgb(217, 83,79) !important;
}

#profileAccordian label.error {
    display: none !important;
}

#profileAccordian input[type='checkbox'] {
    width: 1rem;
}

#profileAccordian .input-group[ft="checkbox"] span.form-control,
#profileAccordian .input-group[ft="file"] span.form-control {
    flex-grow: 0;
    padding: calc(.3rem + 3px);
    width: 2rem;
    flex-shrink: 0;
}

#profileAccordian .input-group[ft="checkbox"] input {
    height: 1rem;
}

#profileAccordian .input-group[ft="checkbox"] .input-group-prepend {
    flex-grow: 1;
}

    #profileAccordian .input-group[ft="checkbox"] .input-group-prepend span {
    }

#profileAccordian .form-control,
#profileAccordian .input-group-text {
    height: auto;
}

.group-panel .input-group {
    flex-wrap: wrap;
}

.group-panel.closed {
    display: none;
}

#profileAccordian input[type="reset"] {
    /* font-size: inherit; */
    background: none;
    background-color: rgb(180,180,180);
    border: none;
    line-height: 20px;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    padding: 2px 16px 2px;
    margin-top: 0px;
    border-radius: 3px;
    border-style: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.multi-panel-holder .multi-panel.active {
    /* display: block; */
}

.multi-panel {
    /* display: none; */
    margin-bottom: 1rem;
}

#profileAccordian .chosen-container {
    display: flex;
    flex-grow: 1;
}

    #profileAccordian .chosen-container > a {
        height: 100%;
        width: 100%;
        padding: .2rem .5rem;
    }

#profileAccordian .collapse:not(.show) {
    display: none;
    overflow: hidden;
    height: 0;
    padding-bottom: 0 !important;
}

#profileAccordian div[data-toggle='collapse'] i {
    display: none;
}

#profileAccordian div[aria-expanded="true"] i.fa-chevron-up,
#profileAccordian div[aria-expanded="false"] i.fa-chevron-down {
    display: inline-block;
}

#profileAccordian .group-panel-inner {
    padding-top: .5rem !important;
}

    #profileAccordian .group-panel-inner .input-group:last-child {
        margin-bottom: 0 !important;
    }

.heading-panel {
    position: relative;
}

    .heading-panel .badge {
        margin-top: -.1em;
        margin-right: -.1em;
        position: absolute;
        top: 0;
        right: 0;
    }

.group-panel.active .badge {
    display: block;
}

.group-panel strong {
    text-decoration: underline;
    cursor: pointer;
}

.fas.error {
    padding-left: 0.25rem;
    padding-top: 0.5rem;
}

    .fas.error::before {
        padding-right: 0.5rem;
    }

textarea.error,
input.error {
    text-indent: 0;
}

.shell {
    flex-grow: 1;
}

    .shell > span {
        line-height: .9rem;
        width: 100%;
        z-index: 1;
        /* font-size: inherit; */
        left: 0;
        height: .8rem;
        top: 50%;
        min-height: 0;
        margin-top: -.4rem;
        padding-left: .4rem;
        font-family: inherit;
    }

#profileAccordian .shell input {
    width: 100%;
    height: 100%;
    font-family: inherit;
}

.fas.fa-exclamation-circle.error {
    text-indent: 0;
    width: 1.5em;
}

.carousel-inner {
    padding: .2rem;
    padding-bottom: 3rem;
}

.carousel-indicators {
    margin-bottom: 0;
}

    .carousel-indicators li {
        height: 2rem;
        width: 2rem;
        padding: 0;
        border-radius: 50%;
        text-indent: 0;
        text-align: center;
        line-height: 2rem;
        display: none;
        position: relative;
        border: none;
    }

        .carousel-indicators li.active,
        .carousel-indicators li.show {
            display: block;
        }

        .carousel-indicators li.bg-primary.invalid,
        .carousel-indicators li.invalid {
            background-color: red;
        }

.invalid .heading-panel .badge.invalid-badge,
.valid .heading-panel .badge.complete-badge {
    display: inline-block;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select, input[type="text"], input[type="number"], input[type="password"], .txtMultiLine {
    max-width: initial !important;
    min-width: 10rem;
}

    input[type="text"][data-field_type="intdate"] {
        max-width: 10rem !important;
    }

.nav-link {
    padding: 0;
}











input[type=text], input[type=password], select, .chosen-container, .chosen-default,
.enhancedTxtBox, input[type="text"], input[type="password"], input[type="number"], select, textarea, canvas#signature-pad, .chosen-container .chosen-single {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.input-group-text {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.menu_div a,
.heading-panel strong {
    font-weight: 600;
}

body {
    font-weight: 500;
}


.dx-dropdowneditor-icon,
.dx-icon {
    font-weight: 900 !important;
}

.dx-dropdowneditor-icon,
.dx-icon {
    font-family: "Font Awesome 5 Free" !important;
}

.dx-dropdowneditor-icon,
.dx-icon {
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
}

    .dx-dropdowneditor-icon:before {
        content: "\f078" !important;
    }

    .dx-icon.dx-icon-chevronright:before {
        content: "\f054" !important;
    }

    .dx-icon.dx-icon-chevronleft:before {
        content: "\f053" !important;
    }

.dx-texteditor-container {
    padding: 0.1em 0.5em;
}

.dx-placeholder {
    padding-left: 0.5rem;
}

.dx-selectbox.form-control {
    padding: 0;
}

.dx-texteditor-input-container {
    height: 100%;
}

.d-faux-hidden {
    overflow: hidden;
    height: 0;
}

.dx-list-item-content {
    white-space: initial;
}

.btn-group.date-group {
    max-width: 300px;
}

.signature-input-holder {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    max-width: initial !important;
    min-width: 10rem;
    min-height: 10rem;
    background-color: #fff;
    border: 1px solid;
    border-color: #abbce8 #c3cae0 #b9c8ef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    */
    position: relative;
}

    .signature-input-holder .signature-clear {
        position: absolute;
        bottom: 0.25rem;
        right: 0.25rem;
    }

    .signature-input-holder canvas {
        border: none;
    }

@media (max-width: 576px) {
    .input-group {
        display: block;
        margin-bottom: 0.5rem !important;
    }

        .input-group > * {
            display: block;
            width: 100% !important;
        }

        .input-group[ft="checkbox"] {
            display: flex;
            flex-direction: column-reverse;
        }

    .input-group-prepend .bg-light {
        background-color: transparent !important;
        border: none !important;
        padding-left: 0;
    }

    .input-group .dx-texteditor.dx-texteditor-outlined,
    .input-group > .custom-select:not(:first-child),
    .input-group > .form-control:not(:first-child) {
        border-radius: 4px !important;
    }

    .input-group > .btn-group > div:first-child {
        border-radius: 4px 0 0 4px;
    }

    .dx-placeholder {
        padding-left: 0;
    }

    .btn-group.date-group {
        max-width: initial;
    }
}

#file-upload-modal td[id*="UploadControl_Upload"]:not(.dxucButtonDisabled_MaterialCompact) a {
    color: white !important;
}
