html,
body {
    height: 100%;
    width: 100%;
}

@font-face {
    font-family: 'Estedad';
    src: url('../fonts/woff2/Estedad[KSHD,wght].woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'samim';
    src: url('../fonts/samim.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neyrizi';
    src: url('../fonts/neyrizi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pagination {
    margin: 0 0 !important;
}

* {
    font-family: 'Estedad';
}

#table>th {
    font-size: 18px;
    text-align: center;
}

.panel-heading {
    font-size: 20px;
    text-align: center;
}

#tableBody>td>form>span {
    font-size: 26px;
}

#tableBody>tr {
    height: 40px;
}

#tableBody>tr>td {
    vertical-align: middle;
}

td {
    text-align: right;
}

span.selected>span.title {
    background-color: #2d2626 !important;
    border-radius: 2px;
    padding: 0 6px;
    color: #ffffff;
    transition: all 0.3s;
}

span.title:hover {
    cursor: pointer !important;
    border-radius: 2px;
    background-color: #e9e9e9;
}

.plr5 {
    padding: 0 5px;
}

.ptb0 {
    padding-top: 0;
    padding-bottom: 0;
}

.plr10 {
    padding: 0 10px;
}

.plr15 {
    padding: 0 15px;
}

.mlr5 {
    margin: 0 5px;
}

.mlr10 {
    margin: 0 10px;
}

.mlr15 {
    margin: 0 15px;
}

.glyphicon-user {
    color: #2ab27b;
}

.glyphicon-home {
    color: #00aae2;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right !important;
}

.dropdown-menu li a {
    cursor: pointer !important;
}

.dropdown-menu li a:hover {
    background-color: #9d9d9d;
}

.swal-text {
    background-color: #FEFAE3;
    padding: 17px;
    border: 1px solid #F0E1A1;
    display: block;
    margin: 22px;
    text-align: center;
    color: #61534e;
    text-align: right;
}

.box {
    border: 1px solid #c5c5c5;
    padding: 16px;
}

.box .box-title {
    margin-top: -26px;
    z-index: 100;
    background-color: white;
    margin-right: 12px;
    padding-right: 12px;
    padding-left: 12px;
    text-align: right;
    display: table;
    color: dimgrey;
}

.box-title-large {
    margin-top: -30px !important;
    font-size: 13pt;
}

.box div.box-content {
    padding: 8px;
}

.box .box-content .selected-user {
    background-color: #e5e5e5;
    margin: 4px 8px;
    border: 1px solid #1a3347;
    min-height: 80px;
}

.price-span {
    padding-left: 48px;
    padding-top: 10px;
}

.td-servent {
    padding-right: 32px !important;
    padding-left: 32px !important;
    border-left: 1px solid #f0f0f0;
}

.ic-add-note-order {
    padding-left: 8px;
    font-size: 22px;
    color: #00aae2;
    cursor: pointer;
}

.ic-add-note-order:hover {
    color: #1b6d85;
}

.home-page-alert {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#postTitleTotal {
    background-color: #000000 !important;
    text-align: center;
    color: #ffffff !important;
    height: 32px !important;
    width: 100% !important;
    padding: 5px 10px !important;
    border-radius: 4px;
    font-size: 14px !important;
    display: block !important;
}

.badge-danger {
    background-color: #D61c19 !important;
}

.alert-purple {
    border-color: #694D9F;
    background: #694D9F;
    color: #fff;
}

.alert-info-alt {
    border-color: #B4E1E4;
    background: #81c7e1;
    color: #fff;
}

.alert-danger-alt {
    border-color: #B63E5A;
    background: #E26868;
    color: #fff;
}

.alert-warning-alt {
    border-color: #F3F3EB;
    background: #E9CEAC;
    color: #fff;
}

.alert-success-alt {
    border-color: #19B99A;
    background: #20A286;
    color: #fff;
}

.alert a {
    color: gold;
}

.error-notice {
    margin: 5px 5px;
    /* Making sure to keep some distance from all side */
}

.oaerror {
    width: 90%;
    /* Configure it fit in your design  */
    margin: 0 auto;
    /* Centering Stuff */
    background-color: #FFFFFF;
    /* Default background */
    padding: 10px 15px;
    border: 1px solid #eee;
    border-right-width: 5px;
    border-radius: 3px;
    font-size: 14px;
}

.danger {
    border-right-color: #d9534f;
    /* Left side border color */
    background-color: rgba(217, 83, 79, 0.1);
    /* Same color as the left border with reduced alpha to 0.1 */
}

.danger strong {
    color: #d9534f;
}

.warning {
    border-right-color: #f0ad4e;
    background-color: rgba(240, 173, 78, 0.1);
}

.warning strong {
    color: #f0ad4e;
}

.info {
    border-right-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.1);
}

.info strong {
    color: #5bc0de;
}

.success {
    border-right-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}

.success strong {
    color: #2b542c;
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}

.search-found {
    background: orange !important;
    color: black !important;
}

mark {
    background: orange !important;
    color: black !important;
}

.glyphicon-plus,
.glyphicon-minus {
    color: #555555;
    transition: all 0.3s;
}

.glyphicon-plus:hover,
.glyphicon-minus:hover {
    cursor: pointer;
    color: #000000;
}

.form-horizontal .form-group {
    margin-top: 6px;
    margin-bottom: 6px;
}

.modalWait {
    text-align: center;
    display: flex;
    vertical-align: middle;
    height: 100%;
    align-items: center;
}

.modal-dialog-wait {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal-dialog-help {
    display: flex;
    vertical-align: middle;
    align-items: right;
    flex-direction: column;
}

.rounded-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 0px;
    border-radius: 50px;
    margin: 0px auto;
    width: 100%;
    max-width: 420px;
    /* دقیقا مثل نسخه موبایل */
}

.menu-item {
    padding: 10px 18px;
    border-radius: 50px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: 0.25s all;
    text-align: center;
    white-space: nowrap;
}

.menu-item.active {
    background: #0d6efd;
    /* آبی مثل نمونه */
    color: #fff;
}

.menu-item:hover:not(.active) {
    background: #f3f3f3;
}