/*Write your custom css in this file.*/

.language-dropdown {
    max-height: auto;
}
.pointer {
    cursor: pointer;
}
.disable-hover-focus-active:hover,
.disable-hover-focus-active:active,
.disable-hover-focus-active:focus,
.disable-hover-focus-active *:hover,
.disable-hover-focus-active *:active,
.disable-hover-focus-active *:focus {
    pointer-events: none;
    cursor: default;
}

.spin {
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.proposal-preview-container {
    padding: 0;
}

.undecided-by-logo {
    color: #595959;
}

.undecided-by-logo svg {
    height: 30px;
    width: 30px;
    margin-top: 10px;
}

ul.dropdown-menu.show {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

.modal-btn-left,
.modal-btn-right {
    position: absolute;
    top: 50%;
}

.modal-btn-left {
    left: -5em;
}

.modal-btn-right {
    right: -5em;
}

.app-alert.alert {
    z-index: 10000;
}
.col-xs-one>* {
    flex-basis: 100%;
    width: 100%;
    float: left;
}

.col-xs-two>* {
    flex-basis: 50%;
    width: 50%;
    float: left;
}

.col-xs-three>* {
    flex-basis: 33.3333%;
    width: 33.3333%;
    float: left;
}

.col-xs-four>* {
    flex-basis: 25%;
    width: 25%;
    float: left;
}

.col-xs-five>* {
    flex-basis: 20%;
    width: 20%;
    float: left;
}

.col-xs-six>* {
    flex-basis: 16.6667%;
    width: 16.6667%;
    float: left;
}

.col-xs-seven>* {
    flex-basis: 14.2857%;
    width: 14.2857%;
    float: left;
}

.col-xs-eight>* {
    flex-basis: 12.5%;
    width: 12.5%;
    float: left;
}

.col-xs-nine>* {
    flex-basis: 11.1111%;
    width: 11.1111%;
    float: left;
}

.col-xs-ten>* {
    flex-basis: 10%;
    width: 10%;
    float: left;
}

.col-xs-eleven>* {
    flex-basis: 9.0909%;
    width: 9.0909%;
    float: left;
}

.col-xs-twelve>* {
    flex-basis: 8.3333%;
    width: 8.3333%;
    float: left;
}

@media (min-width: 576px) {
    .col-sm-one>* {
        flex-basis: 100%;
        width: 100%;
        float: left;
    }

    .col-sm-two>* {
        flex-basis: 50%;
        width: 50%;
        float: left;
    }

    .col-sm-three>* {
        flex-basis: 33.3333%;
        width: 33.3333%;
        float: left;
    }

    .col-sm-four>* {
        flex-basis: 25%;
        width: 25%;
        float: left;
    }

    .col-sm-five>* {
        flex-basis: 20%;
        width: 20%;
        float: left;
    }

    .col-sm-six>* {
        flex-basis: 16.6667%;
        width: 16.6667%;
        float: left;
    }

    .col-sm-seven>* {
        flex-basis: 14.2857%;
        width: 14.2857%;
        float: left;
    }

    .col-sm-eight>* {
        flex-basis: 12.5%;
        width: 12.5%;
        float: left;
    }

    .col-sm-nine>* {
        flex-basis: 11.1111%;
        width: 11.1111%;
        float: left;
    }

    .col-sm-ten>* {
        flex-basis: 10%;
        width: 10%;
        float: left;
    }

    .col-sm-eleven>* {
        flex-basis: 9.0909%;
        width: 9.0909%;
        float: left;
    }

    .col-sm-twelve>* {
        flex-basis: 8.3333%;
        width: 8.3333%;
        float: left;
    }
}

@media (min-width: 768px) {
    .col-md-one>* {
        flex-basis: 100%;
        width: 100%;
        float: left;
    }

    .col-md-two>* {
        flex-basis: 50%;
        width: 50%;
        float: left;
    }

    .col-md-three>* {
        flex-basis: 33.3333%;
        width: 33.3333%;
        float: left;
    }

    .col-md-four>* {
        flex-basis: 25%;
        width: 25%;
        float: left;
    }

    .col-md-five>* {
        flex-basis: 20%;
        width: 20%;
        float: left;
    }

    .col-md-six>* {
        flex-basis: 16.6667%;
        width: 16.6667%;
        float: left;
    }

    .col-md-seven>* {
        flex-basis: 14.2857%;
        width: 14.2857%;
        float: left;
    }

    .col-md-eight>* {
        flex-basis: 12.5%;
        width: 12.5%;
        float: left;
    }

    .col-md-nine>* {
        flex-basis: 11.1111%;
        width: 11.1111%;
        float: left;
    }

    .col-md-ten>* {
        flex-basis: 10%;
        width: 10%;
        float: left;
    }

    .col-md-eleven>* {
        flex-basis: 9.0909%;
        width: 9.0909%;
        float: left;
    }

    .col-md-twelve>* {
        flex-basis: 8.3333%;
        width: 8.3333%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-lg-one>* {
        flex-basis: 100%;
        width: 100%;
        float: left;
    }

    .col-lg-two>* {
        flex-basis: 50%;
        width: 50%;
        float: left;
    }

    .col-lg-three>* {
        flex-basis: 33.333%;
        width: 33.333%;
        float: left;
    }

    .col-lg-four>* {
        flex-basis: 25%;
        width: 25%;
        float: left;
    }

    .col-lg-five>* {
        flex-basis: 20%;
        width: 20%;
        float: left;
    }

    .col-lg-six>* {
        flex-basis: 16.667%;
        width: 16.667%;
        float: left;
    }

    .col-lg-seven>* {
        flex-basis: 14.2857%;
        width: 14.2857%;
        float: left;
    }

    .col-lg-eight>* {
        flex-basis: 12.5%;
        width: 12.5%;
        float: left;
    }

    .col-lg-nine>* {
        flex-basis: 11.1111%;
        width: 11.1111%;
        float: left;
    }

    .col-lg-ten>* {
        flex-basis: 10%;
        width: 10%;
        float: left;
    }

    .col-lg-eleven>* {
        flex-basis: 9.0909%;
        width: 9.0909%;
        float: left;
    }

    .col-lg-twelve>* {
        flex-basis: 8.333%;
        width: 8.333%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xl-one>* {
        flex-basis: 100%;
        width: 100%;
        float: left;
    }

    .col-xl-two>* {
        flex-basis: 50%;
        width: 50%;
        float: left;
    }

    .col-xl-three>* {
        flex-basis: 33.333%;
        width: 33.333%;
        float: left;
    }

    .col-xl-four>* {
        flex-basis: 25%;
        width: 25%;
        float: left;
    }

    .col-xl-five>* {
        flex-basis: 20%;
        width: 20%;
        float: left;
    }

    .col-xl-six>* {
        flex-basis: 16.6667%;
        width: 16.6667%;
        float: left;
    }

    .col-xl-seven>* {
        flex-basis: 14.2857%;
        width: 14.2857%;
        float: left;
    }

    .col-xl-eight>* {
        flex-basis: 12.5%;
        width: 12.5%;
        float: left;
    }

    .col-xl-nine>* {
        flex-basis: 11.1111%;
        width: 11.1111%;
        float: left;
    }

    .col-xl-ten>* {
        flex-basis: 10%;
        width: 10%;
        float: left;
    }

    .col-xl-eleven>* {
        flex-basis: 9.0909%;
        width: 9.0909%;
        float: left;
    }

    .col-xl-twelve>* {
        flex-basis: 8.3333%;
        width: 8.3333%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-one>* {
        flex-basis: 100%;
        width: 100%;
        float: left;
    }

    .col-xxl-two>* {
        flex-basis: 50%;
        width: 50%;
        float: left;
    }

    .col-xxl-three>* {
        flex-basis: 33.333%;
        width: 33.333%;
        float: left;
    }

    .col-xxl-four>* {
        flex-basis: 25%;
        width: 25%;
        float: left;
    }

    .col-xxl-five>* {
        flex-basis: 20%;
        width: 20%;
        float: left;
    }

    .col-xxl-six>* {
        flex-basis: 16.6667%;
        width: 16.6667%;
        float: left;
    }

    .col-xxl-seven>* {
        flex-basis: 14.2857%;
        width: 14.2857%;
        float: left;
    }

    .col-xxl-eight>* {
        flex-basis: 12.5%;
        width: 12.5%;
        float: left;
    }

    .col-xxl-nine>* {
        flex-basis: 11.1111%;
        width: 11.1111%;
        float: left;
    }

    .col-xxl-ten>* {
        flex-basis: 10%;
        width: 10%;
        float: left;
    }

    .col-xxl-eleven>* {
        flex-basis: 9.0909%;
        width: 9.0909%;
        float: left;
    }

    .col-xxl-twelve>* {
        flex-basis: 8.3333%;
        width: 8.3333%;
        float: left;
    }
}

.col-grid {
    display: grid;
    gap: 1rem;
}

@media (max-width: 575.98px) {
    .col-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .col-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .col-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .col-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1400px) {
    .col-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.col-grid .not-in-grid {
    width: 100%;
    grid-column: 1 / -1;
}

.selectable-text {
    user-select: all;
}

li.nav-item.disable {
    opacity: 0.5;
}

.columns-2{
    columns: 2;
}


@media(max-width: 768px) {
    .columns-xs-1{
        columns: 1;
    }
}

.dashboard-image {
    max-width: 100%;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

#ckf-modal,
.on-top-of-overlay {
    z-index: 10001 !important;
}

.disabled {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.hide-future {
    display: none !important;
}

textarea.rows-5 {
    height: 8em;
}

.app-alert-message {
    max-width: unset;
}