/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 *
 */

/*# sourceMappingURL=custom.css.map */

.was-validated
    select.select2:invalid
    + .select2.select2-container.select2-container--default
    span.select2-selection,
select.select2.is-invalid
    + .select2.select2-container.select2-container--default
    span.select2-selection {
    border-color: #fa5c7c;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated
    select.select2:invalid
    + .select2.select2-container.select2-container--default
    .select2-selection__arrow,
select.select2.is-invalid
    + .select2.select2-container.select2-container--default
    .select2-selection__arrow {
    right: 25px !important;
}

.was-validated
    select.select2:valid
    + .select2.select2-container.select2-container--default
    span.select2-selection,
select.select2.is-valid
    + .select2.select2-container.select2-container--default
    span.select2-selection {
    border-color: #28a745;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated
    select.select2:valid
    + .select2.select2-container.select2-container--default
    .select2-selection__arrow,
select.select2.is-valid
    + .select2.select2-container.select2-container--default
    .select2-selection__arrow {
    right: 25px !important;
}

.circular--portrait {
    /* position: relative; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}

.circular--portrait img {
    width: 100%;
    height: auto;
    margin-top: -0px;
}

.square-10 {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.square-15 {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.square-20 {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.square-50 {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.square-80 {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.square-100 {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.square_menu {
    position: relative;
    width: 50%;
}

.square_menu:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.content_menu {
    position: absolute;
    width: 100%;
    height: 100%;
}

.select2-selection__clear {
    position: absolute !important;
    right: 40px !important;
}

.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

.entry:not(:first-of-type) {
    margin-top: 10px;
}

.cell200 {
    width: 200px;
    max-width: 200px;
    word-wrap: break-word;
}

.cell500 {
    width: 500px !important;
    max-width: 500px !important;
    word-wrap: break-word !important;
}