.bg-card-header {
    background-color: #364968;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.box-custom {
    padding: 20px;
    border: 2px solid transparent;
    border-radius: 10px;
    background: linear-gradient(to right, white, white),
        linear-gradient(to right, #3858f9, #f33057);
    background-clip: padding-box,
        border-box;
    background-origin: padding-box,
        border-box;

}

.blockMsg {
    background-color: transparent !important;
    border: 0 !important;
    width: 100% !important;
}

.blockUiSpinner {
    width: 15px;
    height: 15px;
}

.blockUiMessage {
    margin-left: 5px !important;
}

.card-header-padding-custom {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.card-header-text-custom-after-button {
    font-size: 16pt;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 20px !important;
}

.card-header-title {
    color: white;
}

.card-header-text-custom {
    font-size: 16pt;
    font-weight: 500;
    margin-top: 5px;
}

.card-body-padding-custom {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.custom-datepicker {
    background-color: white !important;
}

.custom-datetimepicker {
    background-color: white !important;
}

.dropify-wrapper {
    border-radius: 5px;
}

.dropify-message-custom {
    font-size: 14pt;
}

.flag {
    max-width: 40px;
    max-height: 40px
}

.form-label {
    color: black !important;
    font-size: 12pt;
}

.form-control,
.form-control:focus {
    border-radius: 5px;
}

.hr-black {
    background-color: black;
}

.icon-custom {
    font-size: 12pt;
}

.input-group-text {
    background-color: white;
    border-radius: 5px;
}

.margin-cancel-button {
    margin-left: 7px;
}

.main-datetimepicker {
    background-color: white !important;
}

.notification-scroll {
    overflow-y: scroll;
    max-height: 300px;
}