﻿/* Bootstrap Validation Summary Override */
/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

.col-0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.166665%;
    flex: 0 0 4.166665%;
    max-width: 4.166665%;
    width: 4.166665%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty {
    font-size: 1.5rem !important;
}

/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

.tab-pane {
    overflow-x: auto;
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    }

/* Enter custom CSS rules for your application here */
/* angular validation */

/* valid */

.ng-valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #1dc9b7;
}

.ng-valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.3rem 0.6rem;
    margin-top: .1rem;
    font-size: 0.75rem;
    line-height: 1.47;
    color: #fff;
    background-color: #1dc9b7;
    border-radius: 5px;
}

.ng-form-validation :valid ~ .ng-valid-feedback,
.ng-form-validation :valid ~ .ng-valid-tooltip,
.ng-valid ~ .ng-valid-feedback,
.ng-valid ~ .ng-valid-tooltip {
    display: block;
}

.ng-form-validation .form-control.ng-valid.ng-valid-required {
    border-color: #1dc9b7;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

    .ng-form-validation .form-control.ng-valid:focus {
        border-color: #1dc9b7;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
    }

.ng-form-validation textarea.form-control.ng-valid.ng-valid-required {
    padding-right: calc(1.47em + 1rem);
    background-position: top calc(.3675em + .25rem) right calc(.3675em + .25rem);
}


.ng-form-validation .custom-select.ng-valid.ng-valid-required {
    border-color: #1dc9b7;
    padding-right: calc(0.75em + 2.625rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .875rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(.735em + .5rem) calc(.735em + .5rem);
}

.ng-form-validation .custom-select.ng-valid.ng-valid-required:disabled {
    background-color: #f3f3f3;
    color: #868e96;
}
    .ng-form-validation  .custom-select.ng-valid:focus {
        border-color: #1dc9b7;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
    }

.ng-form-validation .form-check-input.ng-valid.ng-valid-required ~ .form-check-label {
    color: #1dc9b7;
}

.ng-form-validation .form-check-input:valid ~ .ng-valid-feedback,
.ng-form-validation .form-check-input:valid ~ .ng-valid-tooltip, 
.form-check-input.ng-valid.ng-valid-required ~ .ng-valid-feedback,
.form-check-input.ng-valid.ng-valid-required ~ .ng-valid-tooltip {
    display: block;
}

.ng-form-validation  .custom-control-input.ng-valid.ng-valid-required ~ .custom-control-label {
    color: #1dc9b7;
}

    .ng-form-validation .custom-control-input.ng-valid.ng-valid-required ~ .custom-control-label::before {
        border-color: #1dc9b7;
    }

.ng-form-validation .custom-control-input.ng-valid.ng-valid-required:checked ~ .custom-control-label::before {
    border-color: #37e2d0;
    background-color: #37e2d0;
}

.ng-form-validation .custom-control-input.ng-valid.ng-valid-required:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
}

.ng-form-validation .custom-control-input.ng-valid.ng-valid-required:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #1dc9b7;
}

.ng-form-validation .custom-file-input.ng-valid.ng-valid-required ~ .custom-file-label {
    border-color: #1dc9b7;
}

.ng-form-validation .custom-file-input.ng-valid.ng-valid-required:focus ~ .custom-file-label {
    border-color: #1dc9b7;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
}

/* invalid */

.ng-invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #fd3995;
}


.ng-invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.3rem 0.6rem;
    margin-top: .1rem;
    font-size: 0.75rem;
    line-height: 1.47;
    color: #fff;
    background-color: #fd3995;
    border-radius: 5px;
}

.ng-form-validation :invalid ~ .ng-invalid-feedback,
.ng-form-validation :invalid ~ .ng-invalid-tooltip,
.ng-invalid ~ .ng-invalid-feedback,
.ng-invalid ~ .ng-invalid-tooltip {
    display: block;
}

.ng-form-validation .form-control.ng-invalid.ng-invalid-required,
.ng-form-validation .form-control.ng-invalid.ng-valid-required {
    border-color: #fd3995;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.ng-form-validation .form-control.ng-invalid:focus {
        border-color: #fd3995;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
}

.ng-form-validation textarea.form-control.ng-invalid.ng-invalid-required {
    padding-right: calc(1.47em + 1rem);
    background-position: top calc(.3675em + .25rem) right calc(.3675em + .25rem);
}

.ng-form-validation .custom-select.ng-invalid.ng-invalid-required {
    border-color: #fd3995;
    padding-right: calc(0.75em + 2.625rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .875rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(.735em + .5rem) calc(.735em + .5rem);
}

    .ng-form-validation .custom-select.ng-invalid.ng-invalid-required:disabled {
        background-color: #f3f3f3;
        color: #868e96;
    }

    .ng-form-validation .custom-select.ng-invalid:focus {
        border-color: #fd3995;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
    }

.ng-form-validation .form-check-input.ng-invalid.ng-invalid-required ~ .form-check-label {
    color: #fd3995;
}

.ng-form-validation .form-check-input:invalid ~ .ng-invalid-feedback,
.ng-form-validation .form-check-input:invalid ~ .ng-invalid-tooltip, 
.form-check-input.ng-invalid.ng-invalid-required ~ .ng-invalid-feedback,
.form-check-input.ng-invalid.ng-invalid-required ~ .ng-invalid-tooltip {
    display: block;
}

.ng-form-validation .custom-control-input.ng-invalid.ng-invalid-required ~ .custom-control-label {
    color: #fd3995;
}

    .ng-form-validation .custom-control-input.ng-invalid-required ~ .custom-control-label::before {
        border-color: #fd3995;
    }

.ng-form-validation .custom-control-input.ng-invalid.ng-invalid-required:checked ~ .custom-control-label::before {
    border-color: #fe6bb0;
    background-color: #fe6bb0;
}

.ng-form-validation .custom-control-input.ng-invalid.ng-invalid-required:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
}

.ng-form-validation .custom-control-input.ng-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #fd3995;
}


.ng-form-validation .custom-file-input.ng-invalid.ng-invalid-required ~ .custom-file-label {
    border-color: #fd3995;
}

.ng-form-validation .custom-file-input.ng-invalid.ng-invalid-required:focus ~ .custom-file-label {
    border-color: #fd3995;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
}

.currency-input {
    text-align: right;
}