body,html, .card .card-body, [class^=swal2], h1, h2, h3, p {
    font-family: 'Yekan';
}
.datepicker-plot-area,.tooltip {
    font-family: 'Yekan';
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: black;
}

.table tbody tr:last-child td {
    text-align: center;
    color: black;
}
.form-control {
    outline: solid;
    outline-color: gray;
}
.form-control:focus, input:focus {
        outline: solid;
    }
.datetime{
  direction:ltr;
}
table td{
    text-align:center;
}
table thead {
    background-color:lightgray;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center;
}
.btn{
    margin-bottom:0;
    color:WindowText;
}

.spinner {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
}

.bodySpinner {
    z-index: 1000;
    top: 40%;
    left: 0px;
    opacity: 0.6;
    background-color: black;
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-radius: 7px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-radius: 7px;
}

/*********Main Css Template*************/
.bg-gradient-primary {
    background-image: linear-gradient(195deg, #2587f6 0%, #63aad9 100%);
}

.bg-gradient-secondary {
    background-image: linear-gradient(195deg, #2587f6 0%, #e91e63 100%);
}



.text-primary {
    color: #034aa8 !important;
}

.text-secondary {
    color: #7b809a !important;
}

.text-success {
    color: #4CAF50 !important;
}

.text-info {
    color: #1A73E8 !important;
}

.text-warning {
    color: #fb8c00 !important;
}

.text-danger {
    color: #F44335 !important;
}

.text-light {
    color: #f0f2f5 !important;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2587f6;
    border-color: #e91e63;
}

 .dataTables_wrapper .dataTables_filter input {
    outline: none;
}

.btn-primary {
    color: #000;
    background-color: #2587f6;
    border-color: #e91e63;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #2587f6;
        border-color: #eb3573;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #000;
        background-color: #2587f6;
        border-color: #eb3573;
        box-shadow: 0 0 0 0.2rem rgba(198, 26, 84, 0.5);
    }

    .btn-check:checked + .btn-primary,
    .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        color: #000;
        background-color: #2587f6;
        border-color: #eb3573;
    }

        .btn-check:checked + .btn-primary:focus,
        .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(198, 26, 84, 0.5);
        }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #000;
        background-color: #ec407a;
        border-color: #e91e63;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, .show > .btn.bg-gradient-primary.dropdown-toggle {
        color: color-yiq(#ec407a);
        background-color: #2031f7;
    }

.btn-secondary {
    color: #000;
    background-color: #7e94da;
    border-color: #7b809a;
}

    .btn-secondary:hover {
        color: #000;
        background-color: #8f93a9;
        border-color: #888da4;
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #000;
        background-color: #8f93a9;
        border-color: #888da4;
        box-shadow: 0 0 0 0.2rem rgba(105, 109, 131, 0.5);
    }

    .btn-check:checked + .btn-secondary,
    .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #9599ae;
        border-color: #888da4;
    }

        .btn-check:checked + .btn-secondary:focus,
        .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(105, 109, 131, 0.5);
        }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #000;
        background-color: #7b809a;
        border-color: #7b809a;
    }

.btn-success {
    color: #000;
    background-color: #4CAF50;
    border-color: #4CAF50;
}

    .btn-success:hover {
        color: #000;
        background-color: #67bb6a;
        border-color: #5eb762;
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #000;
        background-color: #67bb6a;
        border-color: #5eb762;
        box-shadow: 0 0 0 0.2rem rgba(65, 149, 68, 0.5);
    }

    .btn-check:checked + .btn-success,
    .btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        color: #000;
        background-color: #70bf73;
        border-color: #5eb762;
    }

        .btn-check:checked + .btn-success:focus,
        .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(65, 149, 68, 0.5);
        }

    .btn-success:disabled, .btn-success.disabled {
        color: #000;
        background-color: #4CAF50;
        border-color: #4CAF50;
    }

.btn-info {
    color: #fff;
    background-color: #1A73E8;
    border-color: #1A73E8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #1662c5;
        border-color: #155cba;
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #fff;
        background-color: #1662c5;
        border-color: #155cba;
        box-shadow: 0 0 0 0.2rem rgba(60, 136, 235, 0.5);
    }

    .btn-check:checked + .btn-info,
    .btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #155cba;
        border-color: #1456ae;
    }

        .btn-check:checked + .btn-info:focus,
        .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(60, 136, 235, 0.5);
        }

    .btn-info:disabled, .btn-info.disabled {
        color: #fff;
        background-color: #1A73E8;
        border-color: #1A73E8;
    }

.btn-warning {
    color: #000;
    background-color: #fcc27a;
    border-color: #fb8c00;
}

    .btn-warning:hover {
        color: #000;
        background-color: #fc9d26;
        border-color: #fb981a;
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #000;
        background-color: #fc9d26;
        border-color: #fb981a;
        box-shadow: 0 0 0 0.2rem rgba(213, 119, 0, 0.5);
    }

    .btn-check:checked + .btn-warning,
    .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #fca333;
        border-color: #fb981a;
    }

        .btn-check:checked + .btn-warning:focus,
        .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(213, 119, 0, 0.5);
        }

    .btn-warning:disabled, .btn-warning.disabled {
        color: #000;
        background-color: #fb8c00;
        border-color: #fb8c00;
    }

.btn-danger {
    color: #000;
    background-color: #fc8279;
    border-color: #F44335;
}

    .btn-danger:hover {
        color: #000;
        background-color: #f65f53;
        border-color: #f55649;
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #000;
        background-color: #f65f53;
        border-color: #f55649;
        box-shadow: 0 0 0 0.2rem rgba(207, 57, 45, 0.5);
    }

    .btn-check:checked + .btn-danger,
    .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        color: #000;
        background-color: #f6695d;
        border-color: #f55649;
    }

        .btn-check:checked + .btn-danger:focus,
        .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(207, 57, 45, 0.5);
        }

    .btn-danger:disabled, .btn-danger.disabled {
        color: #000;
        background-color: #F44335;
        border-color: #F44335;
    }

.btn-light {
    color: #000;
    background-color: #dbe5f5;
    border-color: #f0f2f5;
}

    .btn-light:hover {
        color: #000;
        background-color: #f2f4f7;
        border-color: #f2f3f6;
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #000;
        background-color: #f2f4f7;
        border-color: #f2f3f6;
        box-shadow: 0 0 0 0.2rem rgba(204, 206, 208, 0.5);
    }

    .btn-check:checked + .btn-light,
    .btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
    .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #f3f5f7;
        border-color: #f2f3f6;
    }

        .btn-check:checked + .btn-light:focus,
        .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(204, 206, 208, 0.5);
        }

    .btn-light:disabled, .btn-light.disabled {
        color: #000;
        background-color: #f0f2f5;
        border-color: #f0f2f5;
    }
.mybtnSize{
padding:7px 10px 7px 10px;
}