﻿.validation-summary-errors > ul {
    list-style: none;
    padding: 0;
}

    .validation-summary-errors > ul li, .field-validation-error {
        color: #F31155;
        font-weight: normal;
    }

/* TouchSpin Input */
.bootstrap-touchspin-postfix {
    background-color: rgb(var(--light-rgb));
}

    .bootstrap-touchspin-postfix > .input-group-text {
        border: none !important;
        padding-top: 0.475rem !important;
    }

.bootstrap-touchspin input-group-btn {
    margin-top: 0 !important;
}

.min-width-180 {
    min-width: 180px !important;
}

.contract-header-adpoint {
    text-align: right;
    margin-top: 8px;
}

@media all and (max-width:480px) {
    .btn-sm-block {
        width: 100%;
        display: block;
    }

    .contract-header-adpoint {
        text-align: center;
    }

    .m-sm-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

/*.billboard-input,*/ .adpoint-input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    padding: 5px;
    /*cursor: pointer;*/
    color: var(--primary-color);
}

    /*.billboard-input:focus,*/ .adpoint-input:focus {
        outline: 1px dotted var(--primary-color);
        background-color: var(--primary01);
    }

.billboard-input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    padding: 5px;
    cursor: default;
}

    .billboard-input:focus {
        outline: none;
    }

.ml-5 {
    margin-left: 5px;
}

.adpoint-item svg {
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .adpoint-item svg:hover {
        fill: rgb(179, 54, 106);
        transform: scale(1.2);
    }

    .adpoint-item svg.active {
        fill: rgb(var(--secondary-rgb));
    }

.adpoint-item.active {
    border: 2px solid rgb(var(--secondary-rgb)) !important;
}

.adpoint-item > .card-body {
    /*box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);*/
    box-shadow: 5px 5px 15px 0px rgba(var(--secondary-rgb), 0.3);
    border-radius: 10px;
}

.file-manager-folders {
    position: relative;
}

.adpoint-details {
    position: absolute;
}

#adpoint-details-container {
    height: 45vh !important;
}

/*.offcanvas-header::after {
    content: '';
    border: 1px solid #f0f0f0;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 50px;
}*/

.tab-content .tab-pane {
    border: none !important;
}

#map {
    height: 480px;
}

.offcanvas-header .select2 {
    width: 300px !important;
}

.file-manager-container .files-main-nav {
    max-height: calc(100vh - 11.5rem) !important;
}

.flatpickr-calendar.animate.open {
    z-index: 200 !important;
}

.flatpickr-disabled {
    background-color: #8b0000 !important;
    color: #FFFFFF !important;
}

    .flatpickr-disabled:hover {
        background-color: #8b0000 !important;
        color: #FFFFFF !important;
    }

/*.file-manager-container .file-manager-navigation {
    display: none !important;
}

.file-manager-container .selected-file-details {
    display: block !important;
}

@media (max-width: 575.98px) {
    .file-manager-container .file-manager-navigation {
        width: 100%;
    }
}*/

@media (max-width: 575.98px) {
    .file-manager-container {
        display: flex !important;
        flex-direction: column !important;
    }

        .file-manager-container .file-manager-navigation {
            display: none !important;
        }

        .file-manager-container .file-manager-folders {
            display: block !important;
            order: 1 !important;
        }
}

@media (max-width: 1200px) {
    .file-manager-container .selected-file-details {
        display: block !important;
        width: 100%;
        order: 0 !important;
    }
}

.protip-container{
    z-index: 1001 !important;
}


.toast.bs-tooltip-auto.fade.show {
    z-index: 99 !important;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    background-color: #FFFFFF !important;
}

.noUi-handle {
    border: 1px solid #D9D9D9 !important;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB !important;
}

.card.custom-card.hrm-main-card.success {
    border-color: rgba(var(--success-rgb),.3);
}

#grdData_length > label{
    margin-left:50px;
}