html, form, body, page {
    height: 100%;
    font-size: 15px;
    /*font-size: 14px;*/
}
 
@media (max-width: 640.98px) {
    html, form, body {
        font-size: 16px;
    }
}

a {
    text-decoration: none;
} 

th {
    vertical-align: middle;
}

td {
    vertical-align: middle;
}

.fs-20 {
    font-size: 2.0em;
}

.fs-19 {
    font-size: 1.9em;
}

.fs-18 {
    font-size: 1.8em;
}

.fs-17 {
    font-size: 1.7em;
}

.fs-16{
    font-size: 1.6em;
}

.fs-15 {
    font-size: 1.5em;
}

.fs-14 {
    font-size: 1.4em;
}

.fs-13 {
    font-size: 1.3em;
}

.fs-12 {
    font-size: 1.2em;
}

.fs-11 {
    font-size: 1.1em;
}

.fs-09
{
    font-size: 0.9em;
}

.fs-085 {
    font-size: 0.85em;
}

.fs-08 {
    font-size: 0.8em;
}

.fs-075 {
    font-size: 0.75em;
}

.fs-07 {
    font-size: 0.7em;
}

.fs-065 {
    font-size: 0.65em;
}

.fs-06 {
    font-size: 0.6em;
}


.fs-small {
    font-size: 0.80em;
}

.fs-xsmall {
    font-size: 0.7em;
}

.fs-xxsmall {
    font-size: 0.6em;
}

.lh-6px {
    line-height: 6px;
}

.fs-05 {
    font-size: 0.5em;
}

.min-icon-w {
    width: 22px !important;
    min-width: 22px !important; 
    display: inline-block;
}

.min-w-button {
    min-width: 280px !important;
}

.min-w-sm-button {
    min-width: 70px !important;
}

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

.max-w-control {
    max-width: 180px !important;
}

.max-w-tarih {
    width: 220px !important;
    max-width: 220px !important;
}

.text-bold-hover:hover {
    font-weight: bold;
}

.td-icon {
    width: 24px;
    text-align: center;
}

.td-5 {
    width: 5px;
}

.td-10 {
    width: 10px;
}

.td-30 {
    width: 30px; 
}

.td-40 {
    width: 40px;
}

.td-50 {
    width: 50px;
}

.td-60 {
    width: 60px;
}

.td-70 {
    width: 70px;
}

.td-80 {
    width: 80px;
}

.td-100 {
    width: 100px;
}

.td-120 {
    width: 120px;
}

.h-50px {
    height: 50px;
}

.w-40p {
    width: 40%;
}

.w-50p {
    width: 50%;
}

.w-64px {
    width: 64px;
}




.mh-60px { 
    min-height: 60px;
}

.mh-80px {
    min-height: 80px;
}

.mh-100px {
    min-height: 100px;
}

.mh-120px {
    min-height: 120px;
}

.mouseover-cursorpointer {
}

    .mouseover-cursorpointer:hover {
        cursor: pointer;
    }

.mouseover-cursormove {
}

    .mouseover-cursormove:hover {
        cursor: move;
    }




.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #dee2e6;
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }