/*** Created by finalstar on 1/19/2021. */
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------- font ----------------------------*/
@font-face {
    font-family: 'VazirmatnRegular';
    src: url('font/VazirmatnRegular.ttf');
}
@font-face {
    font-family: 'VazirmatnBold';
    src: url('font/VazirmatnBold.ttf');
}
@font-face {
    font-family: 'PantonRegular';
    src: url('font/PantonRegular.otf');
}
@font-face {
    font-family: 'PantonBold';
    src: url('font/PantonBold.otf');
}

/*--------------------------------------------- reset ----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body{ line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
input,textarea{ padding: 0; font-family: textFont; font-size:0.95rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="radio"]{ -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

html,body{ width: 100%; height: 100%; scroll-behavior: smooth; direction: rtl; }
*{ box-sizing: border-box; }

/* other style for bootstrap */
.dirLtr{ direction: ltr; }
.text-left{ text-align: left; }

.ml-auto{ margin-left: auto; }
.ml-1{ margin-left: .25rem !important; }
.ml-2{ margin-left: .5rem !important; }
.ml-3{ margin-left: .75rem !important; }
.ml-4{ margin-left: 1.5rem !important; }
.ml-5{ margin-left: 3rem !important; }
.mr-auto{ margin-right: auto; }
.mr-1{ margin-right: .25rem !important; }
.mr-2{ margin-right: .5rem !important; }
.mr-3{ margin-right: .75rem !important; }
.mr-4{ margin-right: 1.5rem !important; }
.mr-5{ margin-right: 3rem !important; }

.pr-1{ padding-right: .25rem !important; }
.pr-2{ padding-right: .5rem !important; }
.pr-3{ padding-right: .75rem !important; }
.pr-4{ padding-right: 1.5rem !important; }
.pr-5{ padding-right: 3rem !important; }

.pl-1{ padding-left: .25rem !important; }
.pl-2{ padding-left: .5rem !important; }
.pl-3{ padding-left: .75rem !important; }
.pl-4{ padding-left: 1.5rem !important; }
.pl-5{ padding-left: 3rem !important; }

.cellBgUnset td, .cellBgUnset th{ background: none !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd!important }
.bootstrap-select .dropdown-toggle .filter-option{ text-align: right !important; }
.bootstrap-select > .dropdown-toggle{ border: 1px solid #dee2e6; background: none; color: #000 !important; }

input, textarea, select{ font-family: VazirmatnRegular; font-size: .85rem; }

/* btn */
.btn-yellow{ background: #fff21d; }
.btn-yellow:hover{ background: #e9db00; }
.btn-pink{ background: #fd7be0; }
.btn-pink:hover{ background: #f24bcd; }
.btn-orange{ background: #fe8c1c; }
.btn-orange:hover{ background: #e77302; }
.btn-purple{ background: #a912ff; color: #FFFFFF; }
.btn-purple:hover{ background: #9100e4; color: #FFFFFF; }

/* text and bg */
.text-bg-yellow{ background: #fff21d; }
.text-bg-pink{ background: #fd7be0; }
.text-bg-orange{ background: #fe8c1c; }
.text-bg-purple{ background: #a912ff; color: #FFFFFF; }

/* text */
.text-yellow{ color: #fff21d; }
.text-pink{ color: #fd7be0; }
.text-orange{ color: #fe8c1c; }
.text-purple{ color: #a912ff; }

/* custom */
.custom-bg-red{ background: #ed1c24; }
.custom-bg-black{ background: #231f20; }

.custom-text-red{ background: #ed1c24; }
.custom-text-black{ background: #231f20; }

/* width */
.width1{ width: 1rem; }
.width1-5{ width: 1.5rem; }
.width2{ width: 2rem; }
.width2_5{ width: 2.5rem; }
.width3{ width: 3rem; }
.width4{ width: 4rem; }
.width5{ width: 5rem; }
.width6{ width: 6rem; }
.width7{ width: 7rem; }
.width8{ width: 8rem; }
.width9{ width: 9rem; }

/* text font */
.boldFont{ line-height: 1.5em; font-family: VazirmatnBold !important; }
.normalFont{ line-height: 1.5em; font-family: VazirmatnRegular !important; }

.fontSize{ font-size: .85rem; }
.fontSize1{ font-size: 1rem; }
.fontSize2{ font-size: 1.2rem; }
.fontSize3{ font-size: 1.4rem; }
.fontSize4{ font-size: 1.6rem; }
.fontSize5{ font-size: 1.8rem; }
.fontSize6{ font-size: 2rem; }
.fontSize7{ font-size: 2.2rem; }
.fontSize8{ font-size: 2.4rem; }
.fontSize9{ font-size: 2.6rem; }
.fontSize10{ font-size: 2.8rem; }

.readText img{ max-width: 100%; display: block; }