@media (min-width: 1025px) {
    .h-custom {
        height: 100vh !important;
    }

    .container_custom {
        padding-left: 0px !important;
        padding-right: 18px !important;
    }
}

@media (max-width: 640px) {
    .tooltip-inner {
        max-width: 100% !important;
        zoom: 100%;
    }

        .tooltip-inner img {
            width: 100%;
            height: auto;
        }

    .container {
        width: 100% !important;
    }

    div button span {
        float: none !important;
        margin-left: unset !important;
    }

    div button {
        height: 100% !important;
    }
}

.required::after {
    content: "*";
    color: red;
    font-size: 14px;
    padding-left: 2px;
}

.col-no {
    text-align: center;
    vertical-align: middle;
    width: 1% !important;
}

.col-text {
    text-align: center;
    vertical-align: middle;
    width: 35% !important;
}

.col-date-header {
    text-align: center;
    vertical-align: middle;
    width: 20% !important;
}

.select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 35px !important;
}

.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
}

.form-control:disabled,
.form-control[readonly],
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff !important;
    opacity: 1 !important;
    cursor: not-allowed !important
}


.select2-selection--multiple .select2-search__field {
    width: auto !important
}

.picker__holder {
    min-width: 160px !important;
    max-width: 300px !important;
}