@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Vazir.ttf");
    src: local('Vazir'), local('Vazir'), url("../fonts/Vazir.eot") format('eot'), url("../fonts/Vazir.ttf") format('truetype');
}

@font-face {
    font-family: 'Vazir';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Vazir-Bold.ttf");
    src: local('Vazir Bold'), local('Vazir-Bold'), url("../fonts/Vazir-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'yekan';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Yekan.ttf");
    src: local('yekan'), local('yekan'), url("../fonts/Yekan.eot") format('eot'), url("../fonts/Yekan.ttf") format('truetype');
}


@font-face {
    font-family: 'bootstrap-icons';
    src: url('../fonts/bootstrap-icons.woff') format('woff');
}

html,
body {
    /*height: 100%;*/
    font-family: 'Vazir', 'yekan', Tahoma, sans-serif;
    font-size: 13px;
    text-align: right;
    /*background-color: #ecf0f5;*/
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 10px;

}


/*
    FROM Bootstrap 5.0 beta 3
    ----------------------------------------------------------------------------
*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
/*
    ----------------------------------------------------------------------------
*/

h1 { font-size: 1.286rem;}
h2 { font-size: 1.17rem;}
h3 { font-size: 1rem;}
h4 { font-size: .83em;}
h5 { font-size: .75em;}

h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder}

.main-list-group {
    padding: .5rem .5rem 0 .5rem;
    /*border-bottom: 1px solid #ef5661;*/ 
    border-bottom: 1px solid #17a2b8;
    background-color: rgba(0,0,0,.06);
    height: 40px;
}

.main-list-group .title {
    font-family: Vazir;
    color: #000;
    white-space: nowrap;
    margin:5px;
    float:right;
}

.main-list-group .link {
    font-family: Vazir;
    white-space: nowrap;
    font-size: 14px;
    float:right;
}

.video-list-group-box {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 6px;
    border-color: #81a6de;
}



.card-body {
    padding: 0.5rem;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Vazir', 'yekan', Tahoma, sans-serif;
    font-size: 13px;
}

input[type=checkbox], input[type=radio] {
    margin-left: 5px;
}

.layout-boxed html,
.layout-boxed body {
    height: 100%;
}

.body-content {
    padding: 0;
    background-color: white;
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select {
    max-width: 280px;
}

select {
    height: 36px !important;
}

.longinput {
    max-width: 100% !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: RGBA(255, 255, 255, 0.8);
    margin-right: 5px;
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgb(255, 255, 255);
        text-shadow: 1px 1px 3px #333;
    }

.navbar-brand {
    margin-right: 1rem;
    margin-left: 1rem;
}

#topbar {
    margin-top: 3px;
    margin-bottom: 3px;
}

.dropdown-item:hover {
    background-color: rgb(219, 219, 219);
}

.ltrfield {
    direction: ltr;
}

.ltrfieldEng {
    direction: ltr;
    text-align: left;
    font-family: Arial;
}

.card-header.note-toolbar .dropdown-menu {
    min-width: 150px;
    direction: ltr;
    text-align: left;
}

.note-toolbar {
    direction: ltr;
    text-align: left;
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block;
    direction: ltr;
}

.onerow-cell {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loader {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid blue;
    border-bottom: 12px solid blue;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.modal-footer {
    justify-content: flex-start;
}

.list-group-item {
    padding: 7px 0;
}

.alert-dismissible .close {
    padding: .75rem 2rem;
}

.BrandLogo {
    /*max-width:100px;*/
    max-height: 100px;
}

.main-footer {
    padding: 30px 10px 10px 10px;
    margin-top: 0px;
    background-color: #2d6a8e;
    color: #ddd;
}

    .main-footer a {
        color: #ddd;
    }

        .main-footer a:hover {
            color: #ddd;
            text-decoration: none;
        }

        .main-footer a:visited {
            color: #ddd;
        }

.iconic-btn {
    padding: 5px;
}

    .iconic-btn a {
        padding: 8px;
        font-weight: bold;
    }

        .iconic-btn a:hover {
            color: white;
            text-decoration: none;
        }

.btn-primary {
    color: #fff;
    background-color: #2C7CB0;
    border-color: #2C7CB0;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #276D9B;
        border-color: #276D9B;
    }

/*.navbar-toggler {
    background-color: #ffc107;
    color: #212529;
}*/
.navbar-dark .navbar-toggler {
    color: white;
    border-color: rgba(255,255,255,.1);
    line-height: inherit;
}

.table-responsive {
    direction: ltr;
}

    .table-responsive > table {
        direction: rtl;
        max-width: none;
        -webkit-overflow-scrolling: touch !important;
    }

.social-icon {
    width: 26px;
    height: 26px;
    margin: 2px 3px 2px 3px;
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .table-responsive::-webkit-scrollbar:vertical {
        width: 12px;
    }

    .table-responsive::-webkit-scrollbar:horizontal {
        height: 12px;
    }

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.personal-pic {
    border-radius: 50% !important;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 110px;
    height: 130px;
    object-fit: cover;
    object-position: 0 -2px;
}

.pagination2 td{
    padding:15px;

}