body {
    color: #34495e;
    font-size: 14px;
}

.clf-form-title {
    font-size: 18px;
    font-weight: bold;
}

.clf-form-sub-title {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.mandatory:after {
    color: #D91E18;
    content: " *";
}

.mandatory-no-display-name:before {
    color: #D91E18;
    content: " * ";
}

.mandatory-no-display-name + input[type=checkbox] {
    margin-left: -25px;
}

.form-control.error {
    border-color: #a94442;
}

label.error {
    color: #a94442;
}

.clf-validation-highlight.error {
    border: 1px solid #a94442;
    border-radius: 4px;
}

.clf-form-footer {
    text-align: center;
    background-color: #fff;
    border-top: 0px;
}

/*panel*/
.clf-form-section {
    border: 1px solid #5e738b;
    border-top: 0px;
}

    .clf-form-section > .clf-form-heading, .clf-form-title {
        background-color: #5e738b;
        color: #fff;
    }
/**the main overall panel**/
.clf-form-section-main {
    border: 0px;
    border-top: 0px;
    -webkit-box-shadow: 0 0 0px;
    box-shadow: 0 0 0px;
}

    .clf-form-section-main > .clf-form-heading-main {
        font-size: 20px;
        color: #1F295C;
        background-color: transparent;
        border-color: #fff;
        padding: 0px;
    }

        .clf-form-section-main > .clf-form-heading-main > .clf-form-header-main {
        }

            .clf-form-section-main > .clf-form-heading-main > .clf-form-header-main > .row {
                display: flex;
                align-items: baseline;
            }

.clf-form-title-main {
    font-size: 25px;
}

.clf-form-sub-title-main {
    text-align: center;
    background-color: #959595;
    color: #fff;
}

/*button default*/
.clf-btn-default {
    color: #fafcfb;
    background-color: #B69C5C;
    border-color: #B69C5C;
    border-radius: 0px;
}

    .clf-btn-default:focus,
    .clf-btn-default.focus {
        color: #fafcfb;
        background-color: #B69C5C;
        border-color: #B69C5C;
    }

    .clf-btn-default:hover {
        color: #fafcfb;
        background-color: #9e8647;
        border-color: #9e8647;
    }

    .clf-btn-default:active,
    .clf-btn-default.active,
    .open > .dropdown-toggle.clf-btn-default {
        color: #fafcfb;
        background-color: #B69C5C;
        border-color: #B69C5C;
    }

        .clf-btn-default:active:hover,
        .clf-btn-default.active:hover,
        .open > .dropdown-toggle.clf-btn-default:hover,
        .clf-btn-default:active:focus,
        .clf-btn-default.active:focus,
        .open > .dropdown-toggle.clf-btn-default:focus,
        .clf-btn-default:active.focus,
        .clf-btn-default.active.focus,
        .open > .dropdown-toggle.clf-btn-default.focus {
            color: #fafcfb;
            background-color: #B69C5C;
            border-color: #B69C5C;
        }

    .clf-btn-default:active,
    .clf-btn-default.active,
    .open > .dropdown-toggle.clf-btn-default {
        background-image: none;
    }

    .clf-btn-default.disabled:hover,
    .clf-btn-default[disabled]:hover,
    fieldset[disabled] .clf-btn-default:hover,
    .clf-btn-default.disabled:focus,
    .clf-btn-default[disabled]:focus,
    fieldset[disabled] .clf-btn-default:focus,
    .clf-btn-default.disabled.focus,
    .clf-btn-default[disabled].focus,
    fieldset[disabled] .clf-btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .clf-btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.clf-btn-primary {
    color: #fff;
    background-color: #1F295C;
    border-color: #1F295C;
    border-radius: 0px;
}

    .clf-btn-primary:focus,
    .clf-btn-primary.focus {
        color: #fff;
        background-color: #1F295C;
        border-color: #1F295C;
    }

    .clf-btn-primary:hover {
        color: #fff;
        background-color: #131939;
        border-color: #131939;
    }

    .clf-btn-primary:active,
    .clf-btn-primary.active,
    .open > .dropdown-toggle.clf-btn-primary {
        color: #fff;
        background-color: #131939;
        border-color: #131939;
    }

        .clf-btn-primary:active:hover,
        .clf-btn-primary.active:hover,
        .open > .dropdown-toggle.clf-btn-primary:hover,
        .clf-btn-primary:active:focus,
        .clf-btn-primary.active:focus,
        .open > .dropdown-toggle.clf-btn-primary:focus,
        .clf-btn-primary:active.focus,
        .clf-btn-primary.active.focus,
        .open > .dropdown-toggle.clf-btn-primary.focus {
            color: #fff;
            background-color: #1F295C;
            border-color: #1F295C;
        }

    .clf-btn-primary:active,
    .clf-btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .clf-btn-primary.disabled:hover,
    .clf-btn-primary[disabled]:hover,
    fieldset[disabled] .clf-btn-primary:hover,
    .clf-btn-primary.disabled:focus,
    .clf-btn-primary[disabled]:focus,
    fieldset[disabled] .clf-btn-primary:focus,
    .clf-btn-primary.disabled.focus,
    .clf-btn-primary[disabled].focus,
    fieldset[disabled] .clf-btn-primary.focus {
        background-color: #1F295C;
        border-color: #2e6da4;
    }

    .clf-btn-primary .badge {
        color: #1F295C;
        background-color: #fff;
    }

.clf-btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .clf-btn-success:focus,
    .clf-btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .clf-btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .clf-btn-success:active,
    .clf-btn-success.active,
    .open > .dropdown-toggle.clf-btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .clf-btn-success:active:hover,
        .clf-btn-success.active:hover,
        .open > .dropdown-toggle.clf-btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.clf-btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.clf-btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .clf-btn-success:active,
    .clf-btn-success.active,
    .open > .dropdown-toggle.clf-btn-success {
        background-image: none;
    }

    .clf-btn-success.disabled:hover,
    .clf-btn-success[disabled]:hover,
    fieldset[disabled] .clf-btn-success:hover,
    .clf-btn-success.disabled:focus,
    .clf-btn-success[disabled]:focus,
    fieldset[disabled] .clf-btn-success:focus,
    .clf-btn-success.disabled.focus,
    .clf-btn-success[disabled].focus,
    fieldset[disabled] .clf-btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .clf-btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.clf-btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .clf-btn-info:focus,
    .clf-btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .clf-btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .clf-btn-info:active,
    .clf-btn-info.active,
    .open > .dropdown-toggle.clf-btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .clf-btn-info:active:hover,
        .clf-btn-info.active:hover,
        .open > .dropdown-toggle.clf-btn-info:hover,
        .clf-btn-info:active:focus,
        .clf-btn-info.active:focus,
        .open > .dropdown-toggle.clf-btn-info:focus,
        .clf-btn-info:active.focus,
        .clf-btn-info.active.focus,
        .open > .dropdown-toggle.clf-btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .clf-btn-info:active,
    .clf-btn-info.active,
    .open > .dropdown-toggle.clf-btn-info {
        background-image: none;
    }

    .clf-btn-info.disabled:hover,
    .clf-btn-info[disabled]:hover,
    fieldset[disabled] .clf-btn-info:hover,
    .clf-btn-info.disabled:focus,
    .clf-btn-info[disabled]:focus,
    fieldset[disabled] .clf-btn-info:focus,
    .clf-btn-info.disabled.focus,
    .clf-btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .clf-btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.clf-btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .clf-btn-warning:focus,
    .clf-btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .clf-btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .clf-btn-warning:active,
    .clf-btn-warning.active,
    .open > .dropdown-toggle.clf-btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .clf-btn-warning:active:hover,
        .clf-btn-warning.active:hover,
        .open > .dropdown-toggle.clf-btn-warning:hover,
        .clf-btn-warning:active:focus,
        .clf-btn-warning.active:focus,
        .open > .dropdown-toggle.clf-btn-warning:focus,
        .clf-btn-warning:active.focus,
        .clf-btn-warning.active.focus,
        .open > .dropdown-toggle.clf-btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .clf-btn-warning:active,
    .clf-btn-warning.active,
    .open > .dropdown-toggle.clf-btn-warning {
        background-image: none;
    }

    .clf-btn-warning.disabled:hover,
    .clf-btn-warning[disabled]:hover,
    fieldset[disabled] .clf-btn-warning:hover,
    .clf-btn-warning.disabled:focus,
    .clf-btn-warning[disabled]:focus,
    fieldset[disabled] .clf-btn-warning:focus,
    .clf-btn-warning.disabled.focus,
    .clf-btn-warning[disabled].focus,
    fieldset[disabled] .clf-btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .clf-btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.clf-btn-danger {
    color: #fff;
    background-color: #e73d4a;
    border-color: #e42735;
}

    .clf-btn-danger:focus,
    .clf-btn-danger.focus {
        color: #fff;
        background-color: #e73d4a;
        border-color: #e42735;
    }

    .clf-btn-danger:hover {
        color: #fff;
        background-color: #e73d4a;
        border-color: #e42735;
    }

    .clf-btn-danger:active,
    .clf-btn-danger.active,
    .open > .dropdown-toggle.clf-btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .clf-btn-danger:active:hover,
        .clf-btn-danger.active:hover,
        .open > .dropdown-toggle.clf-btn-danger:hover,
        .clf-btn-danger:active:focus,
        .clf-btn-danger.active:focus,
        .open > .dropdown-toggle.clf-btn-danger:focus,
        .clf-btn-danger:active.focus,
        .clf-btn-danger.active.focus,
        .open > .dropdown-toggle.clf-btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .clf-btn-danger:active,
    .clf-btn-danger.active,
    .open > .dropdown-toggle.clf-btn-danger {
        background-image: none;
    }

    .clf-btn-danger.disabled:hover,
    .clf-btn-danger[disabled]:hover,
    fieldset[disabled] .clf-btn-danger:hover,
    .clf-btn-danger.disabled:focus,
    .clf-btn-danger[disabled]:focus,
    fieldset[disabled] .clf-btn-danger:focus,
    .clf-btn-danger.disabled.focus,
    .clf-btn-danger[disabled].focus,
    fieldset[disabled] .clf-btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .clf-btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.clf-btn-link {
    color: #1F295C;
    font-weight: normal;
    border-radius: 0;
}

    .clf-btn-link,
    .clf-btn-link:active,
    .clf-btn-link.active,
    .clf-btn-link[disabled],
    fieldset[disabled] .clf-btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

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

            .clf-btn-link:hover,
            .clf-btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .clf-btn-link[disabled]:hover,
            fieldset[disabled] .clf-btn-link:hover,
            .clf-btn-link[disabled]:focus,
            fieldset[disabled] .clf-btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.clf-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #999;
}

    .clf-toggle:focus,
    .clf-toggle.focus {
        color: #fff;
        background-color: #ccc;
        border-color: #999;
    }

    .clf-toggle:hover {
        color: #fff;
        background-color: #bbb;
        border-color: #999;
    }

    .clf-toggle:active,
    .clf-toggle.active {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .clf-toggle:active:hover,
        .clf-toggle.active:hover {
            color: #fff;
            background-color: #417e41;
            border-color: #398439;
        }

        .clf-toggle:active:focus,
        .clf-toggle.active:focus {
            color: #fff;
            background-color: #449d44;
            border-color: #398439;
        }

/**/

.clf-btn-radio {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .clf-btn-radio:focus,
    .clf-btn-radio.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .clf-btn-radio:hover {
        background: #eae3d1;
        color: #000;
        border-color: #8c8c8c;
    }

    .clf-btn-radio:active,
    .clf-btn-radio.active {
        background: #eae3d1;
        color: #000;
        font-weight: bold;
    }

        .clf-btn-radio:active:hover,
        .clf-btn-radio.active:hover,
        .clf-btn-radio:active:focus,
        .clf-btn-radio.active:focus,
        .clf-btn-radio:active.focus,
        .clf-btn-radio.active.focus {
            background: #eae3d1;
            color: #000;
            border-color: #8c8c8c;
            outline: none;
        }

    .clf-btn-radio:active,
    .clf-btn-radio.active {
        background-image: none;
    }

    .clf-btn-radio.disabled:hover,
    .clf-btn-radio[disabled]:hover,
    fieldset[disabled] .clf-btn-radio:hover,
    .clf-btn-radio.disabled:focus,
    .clf-btn-radio[disabled]:focus,
    fieldset[disabled] .clf-btn-radio:focus,
    .clf-btn-radio.disabled.focus,
    .clf-btn-radio[disabled].focus,
    fieldset[disabled] .clf-btn-radio.focus {
        background-color: #fff;
        border-color: #ccc;
    }

input[type=checkbox] + .glyphicon-ok {
    color: #fff;
}

/* clf nav pills */
.clf-nav-pills {
    text-align: center;
}

    .clf-nav-pills > li {
        display: inline-block;
        background-image: url('../../img/app/Wizard-Icon-Awaiting.png');
        background-size: 100%;
        width: 250px;
        height: 65px;
        float: none;
    }
        /*width: 220px;
        height: 57px;*/

        .clf-nav-pills > li > a {
            height: inherit;
            width: 200px;
            color: #B69C5C;
            text-align: center;
            padding-top: 22px;
            padding-left: 0px;
            padding-right: 30px;
            float: right;
        }

        .clf-nav-pills > li > .clf-pager-number {
            height: inherit;
            width: 10px;
            float: left;
            padding-left: 30px;
            padding-right: 0px
        }

        .clf-nav-pills > li > a:focus, .clf-nav-pills > li > a:hover {
            text-decoration: none;
            background-color: transparent;
            cursor: default;
        }

        .clf-nav-pills > li.active {
            color: #B69C5C;
            background-image: url('../../img/app/Wizard-Icon-Progress.png');
            background-size: 100%;
        }

            .clf-nav-pills > li.active > a,
            .clf-nav-pills > li.active > a:focus,
            .clf-nav-pills > li.active > a:hover {
                color: #ffffff;
                background-color: transparent;
                font-weight: bold;
            }

            .clf-nav-pills > li.active > .clf-pager-number,
            .clf-nav-pills > li.active > .clf-pager-number:focus,
            .clf-nav-pills > li.active > .clf-pager-number:hover {
                color: #1F295C;
                background-color: transparent;
            }

    /*for Js to set to complete*/
    .clf-nav-pills > .clf-nav-pill-li-complete {
        background-image: url('../../img/app/Wizard-Icon-Done.png');
    }

    .clf-nav-pills > li.clf-nav-pill-li-complete > .clf-pager-number,
    .clf-nav-pills > li.clf-nav-pill-li-complete > .clf-pager-number:focus,
    .clf-nav-pills > li.clf-nav-pill-li-complete > .clf-pager-number:hover {
        color: #ffffff;
        background-color: transparent;
    }

.clf-text-left {
    text-align: left !important;
}

.clf-toggle-read-act,
.clf-toggle-read {
    cursor: default;
    color: #fff;
    background-color: #ccc;
    border-color: #999;
}

    .clf-toggle-read-act:active,
    .clf-toggle-read-act.active,
    .clf-toggle-read-act:active:hover,
    .clf-toggle-read-act.active:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .clf-toggle-read:hover,
    .clf-toggle-read:active,
    .clf-toggle-read.active,
    .clf-toggle-read:active:hover,
    .clf-toggle-read.active:hover {
        cursor: default;
        color: #fff;
        background-color: #ccc;
        border-color: #999;
        -webkit-box-shadow: 0 0 0px #ccc;
        -moz-box-shadow: 0 0 0px #ccc;
        box-shadow: 0 0 0px #ccc;
    }

/**collapsible panel**/

.panel-group .panel-heading {
    border-bottom: 2px solid #B69C5C;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}

.clf-panel-group > .panel {
    box-shadow: none;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.clf-collapsible,
.panel-title > .clf-collapsible,
.clf-collapsible:hover {
    color: #1F295C !important;
    text-decoration: none;
}

h4.panel-title {
    font-weight: bold;
}

.panel-title .clf-collapsible:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e253";
    float: right;
    color: #B69C5C;
}

.panel-title .clf-collapsible.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e252";
}

.panel-title .clf-collapsible:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e082";
    float: left;
    color: #B69C5C;
}

.panel-title .clf-collapsible.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e081";
}

.clf-collapsible-btn-group,
.clf-collapsible-btn-group > .btn-link,
.clf-collapsible-btn-group > .btn-link:hover {
    text-decoration: none;
    text-align: right;
    color: #1F295C;
    outline: none;
}

    .clf-collapsible-btn-group > .glyphicon {
        color: #B69C5C;
    }

.loading-modal {
    text-align: center;
    padding: 0 !important;
}

    .loading-modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

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

.loading-modal-body {
    text-align: center;
    border-radius: 0px;
    background-color: #B69C5C;
}

#loading-message {
    color: #ffffff;
    font-size: 16px;
}

.clf-date-range-from {
    padding-top: 7px;
    width: 3%;
    padding-left: 10px;
    padding-right: 0px;
}

.clf-date-range-to {
    padding-top: 7px;
    width: 1.5%;
    padding-left: 10px;
    padding-right: 0px;
}

.clf-banner-prototype {
    background-color: #D9534F;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

    .clf-banner-prototype + div {
        margin-top: 30px;
    }

.clf-multiselect-header {
    padding-bottom: 5px;
}

.clf-radio-normal label,
.clf-radio-normal div {
    font-weight: bold;
}

.grid-table tbody tr {
    cursor: pointer;
}

#btn-app-help-doc {
    background-image: url('../../img/app/help-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 25px;
    margin: auto;
}

.text-red {
    color: #ff0000;
}

.clf-table-header {
    background-color: #B69C5C;
    color: #FFFFFF;
}

.external-link {
    font-size: 1rem;
    margin-left: 0.5em;
}