.f-13{
    font-size: 13px;
}
.f-12{
    font-size: 12px;
}
.card-title h4{
    font-size: 20px!important;
}
.card-right{
    margin-top:-35px;
    z-index: 10;

}
.form-label {font-weight: bold}
.bootstrap-select>.dropdown-toggle {
    border: 1px solid #ccc;
}

a{
    text-decoration: none;
}
a:hover {
    color: #eb1345;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1))
}

div::-webkit-scrollbar {
    height: 3px;
    background-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1))
}

::-moz-selection {
    color: #000;
    background-color: #fff48a;
}

::selection {
    color: #000;
    background-color: #fff48a;
}

.no-click {
    pointer-events: none!important;
    cursor: default!important;
    opacity: 0.5!important;
}
/*--------------------------*/

.autoflow {
    overflow-x: auto!important;
}
.modal-20 {
    margin-left: auto;
    margin-right: auto;
    min-width: 20%;
}

.modal-25 {
    margin-left: auto;
    margin-right: auto;
    min-width: 25%;
}

.modal-30 {
    margin-left: auto;
    margin-right: auto;
    min-width: 30%;
}

.modal-35 {
    margin-left: auto;
    margin-right: auto;
    min-width: 35%;
}

.modal-40 {
    margin-left: auto;
    margin-right: auto;
    min-width: 40%;
}

.modal-45 {
    margin-left: auto;
    margin-right: auto;
    min-width: 45%;
}

.modal-50 {
    margin-left: auto;
    margin-right: auto;
    min-width: 50%;
}

.modal-50 .modal-content {
    min-height: 50vh;
}

.modal-60 {
    margin-left: auto;
    margin-right: auto;
    min-width: 60%;
}

.modal-60 .modal-body{
    overflow: hidden;
}

.modal-70 {
    margin-left: auto;
    margin-right: auto;
    min-width: 70%;
}

.modal-70 .modal-body{
    overflow: hidden;
}


.modal-80 {
    margin-left: auto;
    margin-right: auto;
    min-width: 80%;
}