/* ریست */
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,p,blockquote,pre,a,abbr,acronym,address,big,span,cite,code,del,dfn,em,font,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{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-size: 100%;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0;}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* فونت ها */
@font-face{font-family:'Uthman';src:url(file/fonts/UthmanTN.woff) format('woff');font-display: swap;}
@font-face{font-family:'sharp';src:url(file/font/iransharp_light_web.woff) format('woff');font-display: swap;}
@font-face{font-family:'thm';src:url(file/fonts/tahoma-webfont.woff) format('woff');font-display: swap;}
@font-face{font-family:'Nazanin';src:url(file/fonts/Nazanin.woff) format('woff');font-display: swap;}
@font-face{font-family:'FarhangBlack';src:url(file/fonts/Farhang2FaNum-Black.woff) format('woff');font-display: swap;}

@font-face {font-family: "snum2";src: url(file/font/IRANSansXV.woff) format("woff");font-display: swap;}

::placeholder{color:#a6afb8;}::-moz-placeholder{color:#a6afb8;}::-ms-input-placeholder{color:#a6afb8;}::-webkit-input-placeholder{color:#a6afb8;}
html {-ms-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{line-height:1;background: #fff;font-family:snum2;font-size:14px;direction:rtl;color: #565f6b;padding-bottom: 15px;float: right;width: 100%;  -moz-font-feature-settings: "ss02";-webkit-font-feature-settings: "ss02";font-feature-settings: "ss02";font-variation-settings: "wght" 400, "DOTS" 8;}
body.box_matn {padding: 10px; background: #fff;width: 90%; max-width: 718px; float: unset; color: #343434; margin: 0 auto;}

/* قواعد کلی */
a{text-decoration: none;color: inherit;}
table {border-spacing: 0px;border-collapse: unset;}
td {line-height: 30px;border: 1px solid #333;background: #fbfbfb;color: #000;padding: 0 15px;}
b {font-variation-settings: "wght" 650, "DOTS" 8;}

/* دیالوگ */
.payam{position:fixed;width:100%;height:100%;background:#000;top:0;opacity:.7;z-index:9999999;right:0}
.payam_body{background:#fff;width:84%;height:auto;position:fixed;top:35%;text-align:center;padding:14px 4%;border-radius:18px;z-index:9999999;max-width: 300px;margin: 0 auto;right: 0;left: 0;}
@media (max-width: 300px) {.payam_body2{width:84%;}}
.payam_body span:nth-of-type(1){color:#333;font-variation-settings: "wght" 650, "DOTS" 8;font-size:17px;width:100%;text-align:center;display:block;padding:9px 0 15px 0}
.payam_body span:nth-of-type(2)[class="error"]{background:#e74c3c;border-radius:100px;float:right;margin-top:14px;width:68%;height:28px;line-height:28px;color:#fff;font-size:15px;padding:5px 0 5px 0;margin-right: 16%;cursor: pointer;font-variation-settings: "wght" 700, "DOTS" 8;}
.payam_body span:nth-of-type(2)[class="successful"]{background:#27ae60;border-radius:100px;float:right;margin-top:14px;width:68%;height:28px;line-height:28px;color:#fff;font-size:15px;padding:5px 0 5px 0;margin-right: 16%;cursor: pointer;font-variation-settings: "wght" 700, "DOTS" 8;}
.payam_body p {color: #333;line-height: 22px;padding-right: 2px;}
.payam_body_manba{background:#fff;width:90%;height:auto;position:fixed;top:5%;padding:14px 1%;border-radius:18px;z-index:9999999;max-width: 700px;margin: 0 auto;right: 0;left: 0;text-align: right;color: #333;max-height: 90%;overflow-y: auto;}
.payam_body_manba ul{margin-top: 10px;font-size: 15px;}
.payam_body_manba ul li{line-height: 30px;list-style: disc;margin-right: 20px;}
.payam_body_manba ul li span{font-variation-settings: "wght" 800, "DOTS" 8;}
.payam_body_manba ul li i{direction:ltr; display:inline-block;font-style: normal;}
.payam_body_manba a[class="edit"]{background:#27ae60;border-radius:13px;float:right;margin-top:14px;width:31%;height:28px;line-height:28px;color:#fff;  font-variation-settings: "wght" 700, "DOTS" 8;font-size:15px;padding:5px 0 5px 0;margin-right: 2%;text-align: center;}
.payam_body_manba a[class="delete"]{background:#e74c3c;border-radius:13px;float:right;margin-top:14px;width:30%;height:28px;line-height:28px;color:#fff;font-variation-settings: "wght" 700, "DOTS" 8;font-size:15px;padding:5px 0 5px 0;margin-right: 2%;text-align: center;}
.payam_body_manba span[class="close"]{background:#565f6b;border-radius:13px;float:right;margin-top:14px;width:31%;height:28px;line-height:28px;color:#fff;font-variation-settings: "wght" 700, "DOTS" 8;font-size:15px;padding:5px 0 5px 0;margin-right: 2%;text-align: center;cursor: pointer;}

/* لیست ها، مثل سابقه */
.teble{width:92%;margin:0 auto}
.teble li{width:92%;float:right;margin:0 0 8px 0;background:#fff;padding:0 4% 0 4%;border-radius:10px;box-shadow:-1px 1px 0 0 #e9ecec}
.teble li:nth-child(1){background: none;font-variation-settings: "wght" 650, "DOTS" 8;margin-bottom: -3px;box-shadow: none;}
.teble li span:nth-child(1){float:right;background:#4F4FF5;color:#fff;padding:12px 0 8px 0;border-top-right-radius:10px;border-bottom-right-radius:10px;margin-right:-4%;width:12%;text-align:center}
.teble li span:nth-child(2){float:right;width:44%;text-align:center;padding-top:11px;padding-bottom:9px}
.teble li span:nth-child(3){float:left;width:48%;text-align:center;padding-top:11px;padding-bottom:9px;white-space:nowrap}
.teble li:nth-child(1) span:nth-child(1){background: none;color: #f4f4f4;}

/* دسته هر فیش */
.cat_name{display: block; font-size: 17px; line-height: 37px; padding: 0 6%;font-variation-settings: "wght" 650, "DOTS" 8;float: right; margin-top: 10px;}
.cat_name_scroll{top: 52px;}
.cat_name:first-of-type {margin-top: 0px;}
.cat_name::before {content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 6px; margin-top: 10px; float: right;}
.cat_name[name="cat"]::before {height: 16px; width: 16px; background-image: url(file/svg/fish_cat.svg);}
.cat_name[name="tag"]::before {height: 16px; width: 16px; background-image: url(file/svg/fish_tag.svg);}
.cat_name[name="manba"]::before {height: 18px; width: 18px; background-image: url(file/svg/fish_manba.svg);}
.cat_name span{display: inline;opacity: 0.5;font-variation-settings: "wght" 400, "DOTS" 8;font-size: 14px;margin-left: 3px;}

/* باکس نمایش فیش */
.fish_div{background: #fff;width: 98%;border-radius: 18px;margin-top: 10px;line-height: 19px;padding: 10px 15px 0px 15px;font-size: 13.3px;float: left;}
.fish_div .fish_code{background:#4F4FF5;font-size: 14px; color: #fff; padding: 12px 6px 10px 9px; border-radius: 5px 8px 5px 18px; float: left; line-height: 1px; margin: -18px 0 2px -13px;font-feature-settings: "ss00";font-variation-settings: "wght" 500, "DOTS" 8;}
.fish_div .fish_code img{width: 13px;margin: -11px 0px -4px 1px;}
.fish_div hr{border: 0;border-top: 1px solid #D8E1ED;margin-bottom: 10px;}
.fish_div .box_show_hid{max-height: 200px;overflow: hidden;}
.fish_div .span_show_hid{width: 100%;display: block;text-align: center;background: #fcfcfc;color: #565f6b;font-variation-settings: "wght" 650, "DOTS" 8;line-height: 19px;border-radius: 5px;font-size: 12px;padding-bottom: 5px;letter-spacing: 3px;}
.fish_div .fish_title{float: right; display: block; width: 94%; font-size: 15px; margin-bottom: 6px; background: #f5f5f5; padding: 4px 3%; border-radius: 15px; color: #000; text-align: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; line-height: 29px;font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.fish_list{margin-bottom: -6px;}
.fish_div .fish_list li{ font-family: snum2; font-size: 14px; color: #565f6b; line-height: 28px; text-align: justify; word-spacing: -1px;margin-top: 6px; margin-bottom: 6px;}
.fish_div .fish_list li::before { content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 6px; margin-top: 7px; float: right; margin-right: 4px; }
.fish_div .fish_list li[name="manba"]::before { height: 16px; width: 16px; background-image: url(file/svg/fish_manba.svg); }
.fish_div .fish_list li[name="cat"]::before { height: 14px; width: 14px; background-image: url(file/svg/fish_cat.svg); }
.fish_div .fish_list li[name="writer"]::before { height: 15px; width: 15px; background-image: url(file/svg/writer.svg); }
.fish_div .fish_list li[name="time"]::before { height: 15px; width: 15px; background-image: url(file/svg/time.svg); }
.fish_div .fish_list li[name="last_date"]::before { height: 15px; width: 15px; background-image: url(file/svg/last_date.svg); }
.fish_div .fish_list li[name="pdf"]::before { height: 15px; width: 15px; background-image: url(file/svg/pdf.svg); }
.fish_div .fish_list li[name="tag"]::before { height: 14px; width: 14px; background-image: url(file/svg/fish_tag.svg);}
.fish_div .fish_list li[name="link_fishs"]::before { height: 16px; width: 16px; background-image: url(file/svg/fish_fish.svg); margin-top: 6px;margin-left: 4px;}
.fish_div .fish_list a{margin-right: 12px; color: #3366ff; font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.fish_div .fish_list li[name="cat"] a{margin-right: 0px; color: #565f6b;font-variation-settings: "wght" 400, "DOTS" 8;}
.fish_div .fish_list li[name="cat"] a:hover{color: #4F4FF5; font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.fish_div .fish_list li[name="cat"] span{font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.fish_div .no_fish_list{display: block;height: 8px;}

/* متن فیش */
.box_matn h1{width: 100%;line-height: 31px;padding-top: 5px;padding-bottom: 6px;font-size: 24px;font-family: FarhangBlack;display: block;text-align: center;color: #000;margin-top: 15px;margin-bottom: 15px;font-weight: normal;}
.box_matn h2, .box_matn h3, .box_matn h4, .box_matn h5, .box_matn h6, .box_matn h7, .box_matn h8, .box_matn h9, .box_matn h10{color: #000; font-size: 16px; line-height: 36px; margin-top: 25px; margin-bottom: 5px;font-family: FarhangBlack;font-weight: normal;display: block;}
.box_matn p{font-size: 15px;line-height: 37px;color: #000;margin: 0;margin-bottom: 12px;text-align: justify;font-variation-settings: "wght" 340, "DOTS" 8;}
.box_matn ul {list-style-type: disc;margin-right: 15px;margin-bottom: 12px;font-size: 15px;line-height: 37px;color: #000;text-align: justify;font-variation-settings: "wght" 350, "DOTS" 8;}
.box_matn ol {list-style-type: decimal;list-style-position: inside;margin-right: 15px;margin-bottom: 12px;font-size: 15px;line-height: 37px;color: #000;text-align: justify;font-variation-settings: "wght" 350, "DOTS" 8;}
.box_matn ul ul, ol ul { list-style-type: circle;list-style-position: inside;margin-right: 15px;margin-bottom: 0px;}
.box_matn ol ol, ul ol {list-style-type: decimal;list-style-position: inside;margin-right: 15px;margin-bottom: 0px;}
.box_matn li{margin-bottom: 12px;padding-right: 12px;list-style-position: initial;}
.box_matn blockquote {position: relative; margin-left: 0; padding: 0 10px 0 0; border-right: 4px solid #e8e8e8; margin-right: 40px;margin-bottom: 12px;}
.box_matn blockquote::before {   content: "\201C";   position: absolute;   right: -33px;   top: 17px;   font-size: 58px;   color: #e8e8e8;   font-family: Georgia,"Times New Roman",Times,serif;   font-style: initial; }
.box_matn blockquote p{margin-top: 3px; margin-bottom: 3px;font-family: sharp; font-size: 13px;}
.box_matn strong {font-variation-settings: "wght" 600, "DOTS" 8;}
.box_matn a {color: #36f;font-variation-settings: "wght" 450, "DOTS" 8;}
.box_matn hr{border: 0;border-top: 1px solid #D8E1ED;}
.box_matn img {max-width: 100%;height: auto;}
.box_matn table {text-align: center;margin: 0 auto;margin-bottom: 10px;}
.box_matn th{background: #eee;line-height: 30px;border: 1px solid #000;font-variation-settings: "wght" 700, "DOTS" 8;color: #333;padding: 0 15px;}

.mtn_arabi{ font-family:Uthman; font-size:22px; } /* برای گزینه سبک ویرایشگر */
.box_matn .mtn_arabi{ font-family:Uthman; font-size:21px; line-height: 40px; }
.mtn_title{font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;font-size: 14.5px;font-family: snum2;}
.mtn_title_zir{ color:#adadad !important;font-family:FarhangBlack !important;margin:0 !important;text-align:center !important;font-size: 15px !important;}
.mtn_reference{ font-family:snum2; font-size:13px; color:#787878;font-variation-settings: "wght" 300, "DOTS" 8;}
.mtn_farsi_small{ font-family:snum2; font-size:14px;font-variation-settings: "wght" 310, "DOTS" 8;}
.mtn_footnote{color: #36f; vertical-align: super; line-height: 1; font-size: 13px; font-family: thm;}
.mtn_footnote2{line-height: 1;font-size: 14px;font-family: thm;color: #787878;}
.mtn_footnote3{color: #e74c3c; vertical-align: super; line-height: 1; font-size: 13px; font-family: thm;}
.mtn_tarjome{font-family: sharp; font-size: 13px;}
.mtn_rangi{background-color: #fff2cc;}
.mtn_box_show_footnote{width: 100%;margin-right: -15px;padding: 5px 15px 2px 15px;margin-bottom: 10px;}
.mtn_box_show_fish .mtn_box_show_footnote{margin-bottom: 0px;}
.mtn_box_show_footnote p {font-size: 14px; line-height: 34px; margin-bottom: 5px;}
.mtn_box_show_footnote .mtn_farsi_small {font-size: 13px;}
.mtn_box_show_footnote .mtn_title  {font-size: 14px;}
.mtn_box_show_footnote ul {font-size: 14px;line-height: 34px;}
.mtn_box_show_footnote .mtn_tarjome {font-size: 12px;}
.mtn_box_show_footnote .mtn_reference {font-size: 12px;}
.mtn_box_show_footnote .asli_mtn_p {font-size: 18px;}
.mtn_box_show_footnote_background{background: #f5f5f5;}
.mtn_tag{background: #333;color: #fff;border-radius: 6px;padding: 2px 6px;font-size: 13px;}

.asli_mtn {position: relative;margin-left: 0;padding: 3px 10px;border: 4px solid #e8e8e8;margin-right: 19px;margin-bottom: 12px;}
.asli_mtn::before {   content: "\201C";   position: absolute;   right: -33px;   top: 17px;   font-size: 58px;   color: #e8e8e8;   font-family: Georgia,"Times New Roman",Times,serif;   font-style: initial; }
.asli_mtn p{margin: 0px !important;font-family: Nazanin; font-size: 19px;}

.asli_mtn_p{margin: 0px !important;font-family: Nazanin; font-size: 19px !important;}

.mtn_box_show_titles{margin-bottom: 10px;}
.mtn_box_show_titles p{font-size: 14px; line-height: 28px; margin-bottom: 0;}
.mtn_box_show_titles .mtn_title {font-size: 14px;}

.mtn_box_show_fish{border: 1px solid #D8E1ED;border-radius: 15px;padding: 10px 15px 0 15px;margin-bottom: 12px;overflow: hidden;}
.mtn_box_show_fish_red{border: 1px solid #d28484;border-radius: 15px;padding: 10px 15px 0 15px;margin-bottom: 12px;overflow: hidden;background: #ffecec;}
.mtn_box_show_fish_red .mtn_title_zir{color:#d28484 !important;}
.mtn_box_show_fish_red p, .mtn_box_show_fish_red ul{font-size: 14px;line-height: 34px;margin-bottom: 5px;}
.mtn_box_show_fish_red ul li {margin-bottom: 5px;}
.mtn_box_show_fish_purple{border: 1px solid #9b59b6;border-radius: 15px;padding: 10px 15px 0 15px;margin-bottom: 12px;overflow: hidden;background: #fdedfd;}
.mtn_box_show_fish_purple .mtn_title_zir{color:#b977d4 !important;}
.mtn_box_show_fish_purple p, .mtn_box_show_fish_red ul{font-size: 14px;line-height: 34px;margin-bottom: 5px;}
.mtn_box_show_fish_purple ul li {margin-bottom: 5px;}

/* سایدبارها */
.side2 p {background:#f1f3f6;text-align:right;padding-top: 10px; margin-bottom: 3px;padding-bottom: 11px;line-height: 31px; font-size: 15px; font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px; color: #333;border-radius: 0;margin-top: 10px;}
.side2 p:first-of-type{margin-top: 0px;}
.side2 p::before{content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 9px; margin-top: 7px; float: right; margin-right: 11px;}
.side2 p[name="cat"]::before {height: 17px; width: 17px; background-image: url(file/svg/side_right_cat.svg);}
.side2 p[name="fish"]::before {height: 20px; width: 20px; background-image: url(file/svg/side_left_fish.svg);}
.side2 p[name="support"]::before {height: 21px; width: 21px; background-image: url(file/svg/side_left_support.svg);margin-top: 6px;}
.side2 p[name="other"]::before {height: 15px; width: 15px; background-image: url(file/svg/other.svg);}
.side2 p[name="money"]::before {height: 20px; width: 20px; background-image: url(file/svg/money.svg);}
.side2 p[name="cost"]::before {height: 23px; width: 23px; background-image: url(file/svg/cost.svg);margin-top: 3px;margin-left: 5px;}
.side2 p[name="home"]::before {height: 18px; width: 18px; background-image: url(file/svg/home.svg);margin-top: 6px;}
.side2 p[name="android"]::before {height: 21px; width: 21px; background-image: url(file/svg/android.svg);margin-top: 4px;}
.side2 p[name="info"]::before {height: 18px; width: 18px; background-image: url(file/svg/info.svg);}
.side2 p[name="side_left_person"]::before {height: 17px; width: 17px; background-image: url(file/svg/side_left_person.svg);margin-top: 6px;}
.side p {background:#f1f3f6;text-align:right;padding-top: 10px; margin-bottom: 3px;padding-bottom: 11px;line-height: 31px; font-size: 15px; color: #333;border-radius: 0;margin-top: 10px;font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.side p:first-of-type{margin-top: 0px;}
.side p::before{content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 9px; margin-top: 7px; float: right; margin-right: 11px;}
.side p[name="cat"]::before {height: 17px; width: 17px; background-image: url(file/svg/side_right_cat.svg);}
.side p[name="fish"]::before {height: 20px; width: 20px; background-image: url(file/svg/side_left_fish.svg);}
.side p[name="support"]::before {height: 21px; width: 21px; background-image: url(file/svg/side_left_support.svg);margin-top: 6px;}
.side p[name="other"]::before {height: 15px; width: 15px; background-image: url(file/svg/other.svg);}
.side p[name="money"]::before {height: 20px; width: 20px; background-image: url(file/svg/money.svg);}
.side p[name="cost"]::before {height: 23px; width: 23px; background-image: url(file/svg/cost.svg);margin-top: 3px;margin-left: 5px;}
.side p[name="home"]::before {height: 18px; width: 18px; background-image: url(file/svg/home.svg);margin-top: 6px;}
.side p[name="android"]::before {height: 21px; width: 21px; background-image: url(file/svg/android.svg);margin-top: 4px;}
.side p[name="info"]::before {height: 18px; width: 18px; background-image: url(file/svg/info.svg);}
.side p[name="side_left_person"]::before {height: 17px; width: 17px; background-image: url(file/svg/side_left_person.svg);margin-top: 6px;}


.side2 .menu, .side .menu{display: inline-block;   text-align: center;   background: #eee;   border-radius: 100px;   line-height: 34px;   margin-top: 8px;   width: 46%;   margin-right: 2.5%;   font-size: 14px;font-variation-settings: "wght" 550, "DOTS" 8;}
.side2 .menu{line-height:38px;}
.side2 .menu[name="eitaa"], .side .menu[name="eitaa"]{width: 95%;background: #FFE8AA;color: #C87032;font-variation-settings: "wght" 750, "DOTS" 8;margin-right: 2.1%;}
.side2 .menu_selected, .side .menu_selected{background: #4F4FF5 !important;color: #fff !important;}
.side2 .menu2, .side .menu2{margin-top: 8px;   margin-right: 2.5%;   font-size: 14px;font-variation-settings: "wght" 900, "DOTS" 8; color: #36f;line-height: 25px;}
.side_icon{position:fixed;z-index:999;bottom:17px;right:16px;opacity:1;border-radius:100px;width:48px;height:48px;cursor:pointer;text-align:center;-o-transition:all .15s ease-in;-webkit-transition:all .415 ease-in;-moz-transition:all .15s ease-in;transition:all .15s ease-in;box-shadow: 0px 1px 5px -2px #464646;}
.side_icon[name="menu"]{background:url(file/svg/bottom_fixed_menu.svg) #4F4FF5;background-repeat: no-repeat; background-size: 20px; background-position: 14px 14px;}
.side_icon[name="menu2"]{background:url(file/svg/bottom_fixed_menu2.svg) #4F4FF5;background-repeat: no-repeat; background-size: 20px; background-position: 14px 14px;}
.side_icon[name="back"]{background:url(file/svg/bottom_fixed_back.svg) #4F4FF5;background-repeat: no-repeat; background-size: 20px; background-position: 14px 14px;}
.side_icon[name="cat"]{background:url(file/svg/bottom_fixed_cat.svg) #4F4FF5;background-repeat: no-repeat; background-size: 20px; background-position: 14px 14px;}
@media (min-width: 1360px) {
.main_in_side{float: left;margin:0 0 0 588px !important;}
}
@media (min-width: 950px) {
.side{background-color:#fff;overflow: hidden;float: right;width: 38%;position: unset;margin-top: 11px;border-radius: 18px;box-shadow: 1px 1px 0 0 #e9ecec;border: 1px solid #fff;}
#side_back{display: none !important;}
.fish_width{width:80%;float: left;}
#body{overflow: auto !important;}
.title_page_width{width:80%;}
.site-content{width: 950px;margin:0 auto;}
.matn_box{overflow: hidden;margin: 0 auto;width: 61%;}
.matn_box_title{width: 98.5%;}
.side_icon[name="menu"]{display: none !important;}
.hed_img{max-width: 100%;}
}
@media (max-width: 950px) {
.side{display: none;}
.fish_width{width:100%;}
.fish_div{width: 95% !important; padding: 10px 2.5% 0px 2.5%  !important;}
.title_page_width{width:100%;}
.side .links{width: 100%;}
.site-content{width: 96%;margin:0 auto;}
.matn_box{overflow: hidden;width: 97%; margin: 0 auto;}
.matn_box_title{width: 100%;}
.fish_div .fish_code{margin: -18px 0 2px -2.28%;}
.hed_img{max-width: 97%;}
}
@media (max-width: 500px) {
.side2{width: 80% !important; left: -80% !important;}
}
.side2{overflow-y:auto;overflow-x: auto;-webkit-overflow-scrolling:touch;position:fixed;width:550px;height:100%;background-color:#fff;border-right:1px solid #e7e7e7;box-shadow:-1px 0 35px 7px rgba(0,0,0,0.00);left:-551px;top:0;-o-transition:transform .3s ease-out;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;transition:transform .3s ease-out;z-index:999999;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;}
.side2{-moz-transform:translate(-100%);-ms-transform:translate(-100%);-o-transform:translate(-100%);-webkit-transform:translate(-100%);transform:translate(-100%);box-shadow:-1px 0 35px 7px rgba(0,0,0,0.06)}
.sliding_close_helper_overlay{display:none;position:fixed;cursor:pointer;width:100%;height:100%;top:0;right:0;margin-right:0;opacity:.3;z-index: 3;}

/* تعداد فیش در سایدبار چپ */
i.fish_tedad {   text-align: center;   line-height: 21px;   margin-top: 9px;   display: block;   font-style: normal;   color: #565f6b;   font-variation-settings: "wght" 300, "DOTS" 8; }
i.fish_tedad span{font-variation-settings: "wght" 800, "DOTS" 8;}
i.fish_tedad a{font-size: 11px;color: #3366ff;}

/* باکس دارای فرم */
.form_div{background: #fff; width: 98.5%; float: left; border-radius: 18px; margin-top: 10px; box-shadow: 1px 1px 0 0 #e9ecec; line-height: 19px; padding: 1px 0px 0px 0px; font-size: 13.3px; border: 1px solid #fff; overflow: hidden;}
.form_div .form_title{background: #f1f3f6; text-align: right; padding-top: 10px; margin-bottom: 3px; padding-bottom: 11px; line-height: 31px;font-size: 15px;  font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px; color: #333; border-radius: 0;display: block;}
.form_div .form_title::before{content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 9px; margin-top: 7px; float: right; margin-right: 11px;}
.form_div .form_title[name="serch"]::before {height: 17px; width: 17px; background-image: url(file/svg/serch.svg);}
.form_div .form_title[name="pay"]::before {height: 18px; width: 18px; background-image: url(file/svg/pay.svg);}
.form_div .form_title[name="comment"]::before {height: 17px; width: 17px; background-image: url(file/svg/comment.svg);}
.form_div li { background: #f4f4f4; border-radius: 13px; width: 95%; height: 37px; border: 1px solid #d2d2d2; margin: 10px auto; }
.form_div li span:nth-child(1) {float: right; width: 25%; background: #e8e8e8; border-top-right-radius: 13px; border-bottom-right-radius: 13px; height: 28px; word-spacing: -2px; border-left: 1px solid #d2d2d2; padding-top: 9px; text-align: center;font-variation-settings: "wght" 700, "DOTS" 8; font-size: 14px;}
.form_div li input[type="text"] { border: 0; height: 35px; font-family: snum2;font-feature-settings: "ss02";   font-variation-settings: "wght" 400, "DOTS" 8; font-size: 15px; text-align: right; color: #565f6b; padding-right: 2%; width: 72%; float: left; border-top-left-radius: 13px; border-bottom-left-radius: 13px; background: #f4f4f4; }
.form_div li input[type="password"] { border: 0; height: 35px; font-family: snum2;font-feature-settings: "ss02";   font-variation-settings: "wght" 400, "DOTS" 8; font-size: 15px; text-align: right; color: #565f6b; padding-right: 2%; width: 72%; float: left; border-top-left-radius: 13px; border-bottom-left-radius: 13px; background: #f4f4f4; }
.form_div li input[type="file"]{font-family: snum2;font-feature-settings: "ss02";   font-variation-settings: "wght" 400, "DOTS" 8;line-height: 36px;width: 70%;padding-right: 2%;}
.form_div input[type="submit"]{background: #4F4FF5; border: 0; border-radius: 18px; height: 41px; width: 90%; margin-top: 2px; color: #fff; font-family: snum2; font-size: 15px; font-variation-settings: "wght" 800, "DOTS" 8; margin-bottom: 10px;cursor: pointer;}
.form_div input[type="submit"].one{border-radius: 18px;width: 95%; margin-right: 2.5%;}
.form_div li select {font-size: 15px; border-radius: 13px; width: 74%; float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; margin: 0; background: #f4f4f4; font-family: snum2; border: 0; height: 37px; color: #565f6b; padding-right: 1%;text-align: right;font-feature-settings: "ss02";   font-variation-settings: "wght" 400, "DOTS" 8;}
.form_div li select option[value=""]{color:#a6afb8;}
.form_div li textarea {border-top-left-radius: 13px; border-bottom-left-radius: 13px; width: 70%; float: left; margin: 0; background: #f4f4f4; color: #565f6b; border: 0; resize: none; height: 50px; padding: 10px 2%; font-family: snum2; font-size: 15px;font-feature-settings: "ss02";font-variation-settings: "wght" 400, "DOTS" 8;line-height: 30px;}
.captcha_img {   float: left;   margin-top: -37px;   border-top-left-radius: 13px;   border-bottom-left-radius: 13px;   border-right: 1px solid #d2d2d2;   clear: both; }

/* شماره صفحه */
.pagnation{text-align: center;font-size: 15px;font-variation-settings: "wght" 800, "DOTS" 8;padding-top: 5px;margin-top: 20px;margin-bottom: 10px;color: #333;}
.pagnation a[name="one"]{padding: 5px 14px 5px 5px;border-radius: 6px;margin-right: 5px;}
.pagnation a[name="num"]{padding: 5px 14px 5px 14px;border-radius: 6px;margin-right: 5px;}
.pagnation a[name="last"]{padding: 5px 5px 5px 14px;border-radius: 6px;margin-right: 5px;}
.pagnation span{background: #4F4FF5;color: #fff;padding: 5px 14px 5px 14px;border-radius: 6px;margin-right: 5px;}

/* عناوین */
.table_of_content{padding: 0 7px;margin-right: 5px;}
.table_of_content ul{margin-right: 20px;}
.table_of_content li a{line-height: 30px;color: #000;font-size: 14px;}
.table_of_content b{font-variation-settings: "wght" 800, "DOTS" 8;}
.jstree a.active {color: #0070c0 !important;}
.jstree a.active span{color: #0070c0 !important;}

/* ثبت ساعت */
.time_body {color:#000;}
.time_body th{line-height: 30px;}
.time_body td{line-height: 25px;}

/* نظرات شما */
.comm_name{float: right;margin-right: 4%;margin-top: 20px;margin-bottom: 0px;color: #333;}
.comm_name span[name="name"]{float: right;font-size: 13px;font-variation-settings: "wght" 900, "DOTS" 8;   word-spacing: 1px;}
.comm_name span[name="time"]{float: right;font-size: 12px;margin-right: 10px;margin-top: 1px;}

/* مابقی */
.hed_img{width: 949px;margin: 0 auto; display: block;border-radius: 18px;margin-top: 10px;border-bottom: 10px;background: #fff;border: 1px solid #ffffff;box-shadow: 1px 1px 0 0 #e9ecec;background-size: cover;overflow: hidden;}
.hed_img img{display: block;height: auto;width: 100%;}
.hed_img span:nth-child(1){display: block;text-align: center;font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;font-size: 35px;margin-top: 32.5px;word-spacing: -5px;color: #4F4FF5;text-shadow: -1px 0 #005811, 0 1px #005811, 1px 0 #005811, 0 -1px #005811;}
.hed_img span:nth-child(2){text-align: center;display: block;margin-top: 15px;font-size: 15px;word-spacing: -2px;font-variation-settings: "wght" 500, "DOTS" 8;color: #f4dd96;background: #877533;   width: 175px;   margin-right: auto;   margin-left: auto;   padding: 3px 0 5px 0;   border-radius: 15px;}
.c_href{color: #000 !important;   font-size: 12px;   font-variation-settings: "wght" 450, "DOTS" 8;}
.c_href:hover{font-variation-settings: "wght" 800, "DOTS" 8;}
.progress-bar {height: 5px;background: #4caf50;width: 0%;}
.progress-container {position: fixed;top: 0;right: 0;width: 100%;height: 2px;background: #f1f3f6;z-index: 999;}
.copyright{display: block;margin-top: 26px !important;float: right;border-top: 1px solid #DBDBDB;width: 100%;padding-top: 15px;color: #333;line-height: 19px;}
.form_title2{background: #f1f3f6; text-align: right; padding-top: 10px; margin-bottom: 3px; padding-bottom: 11px; line-height: 31px; font-size: 15px; color: #333; border-radius: 0;display: block;}
.form_title2::before{content: ''; background-size: contain; background-repeat: no-repeat; margin-left: 9px; margin-top: 5px; float: right; margin-right: 11px;}
.form_title2[name="cat"]::before {height: 17px; width: 17px; background-image: url(file/svg/side_right_cat.svg);}
.form_title2[name="support"]::before {height: 21px; width: 21px; background-image: url(file/svg/side_left_support.svg);}
.form_title2[name="fish"]::before {height: 20px; width: 20px; background-image: url(file/svg/side_left_fish.svg);}
.form_title2[name="ai"]::before {height: 20px; width: 20px; background-image: url(file/svg/ai.svg);}
.form_title2[name="question"]::before {height: 20px; width: 20px; background-image: url(file/svg/question.svg);}
.form_title2[name="summary_text"]::before {height: 21px; width: 21px; background-image: url(file/svg/summary_text.svg);margin-top: 5px;}
.form_title2[name="title_login"]::before {height: 21px; width: 21px; background-image: url(file/svg/title_login.svg);margin-top: 5px;}
.form_title2[name="register"]::before {height: 21px; width: 21px; background-image: url(file/svg/register.svg);margin-top: 5px;}
.form_title2[name="confirmation"]::before {height: 21px; width: 21px; background-image: url(file/svg/confirmation.svg);margin-top: 5px;}
.form_title2[name="password"]::before {height: 21px; width: 21px; background-image: url(file/svg/password.svg);margin-top: 5px;}
.form_title2[name="money"]::before {height: 21px; width: 21px; background-image: url(file/svg/money.svg);margin-top: 5px;}
.form_title2[name="side_left_person"]::before {height: 19px; width: 19px; background-image: url(file/svg/side_left_person.svg);margin-top: 5px;}
.form_title2[name="gift"]::before {height: 19px; width: 19px; background-image: url(file/svg/gift.svg);margin-top: 5px;}
.form_title2 span {font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;}
.form_title2 a {float: left;margin-left: 13px;font-size: 11px;color: #0070c0;}
.btnnnn {   width: 107px;   height: 40px;   background: #23202C;   border-radius: 3px;   font-family: snum2; font-variation-settings: "wght" 650, "DOTS" 8;font-size: 18px;   color: #FDFDEF;   border: 0px none;   float: right;   margin-top: 9px;   margin-right: 11px; }
.cat_menu{background: #eee;   padding: 1px 5px 2px 5px;   line-height: 30px;   float: right;   margin-right: 1%;   border-radius: 100px;   font-size: 14px;   font-variation-settings: "wght" 500, "DOTS" 8;   margin-top: 11px; border: 1px solid #bcbcbc;text-align: center;}
.cat_menu_selected{background: #4F4FF5;color: #fff;border-color: #0D9143;font-variation-settings: "wght" 650, "DOTS" 8;}
.h_sum{color: #0070c0;font-variation-settings: "wght" 620, "DOTS" 8;}
.ai_detail{font-size: 12px;line-height: 37px;color: #565f6b;padding-right: 20px;background: #f5f5f5;border-bottom-right-radius: 18px;border-bottom-left-radius: 18px;}
.ai_detail span {font-variation-settings: "wght" 780, "DOTS" 8;}
.ai_detail i {font-style: normal;}
.box_question {   white-space: pre-wrap;   font-size: 15px;   line-height: 37px;   color: #000;   margin: 0;   text-align: justify;   font-variation-settings: "wght" 340, "DOTS" 8; }
.recovery-password{text-align: center;display: block;line-height: 30px;margin-bottom: 11px;font-variation-settings: "wght" 550, "DOTS" 8;}
button.recovery-password{font-family: snum2;background: none;border: none;text-align: center;display: block;width: 100%;color: #565f6b;cursor: pointer;}
.matn_box_title {   background: #ffffff;   line-height: 31px;   padding-top: 5px;   padding-bottom: 6px;   font-size: 15px;   font-variation-settings: "wght" 900, "DOTS" 8;word-spacing: 1px;   border-radius: 18px;   display: block;   text-align: center;   color: #000;   margin-top: 10px;   float: left;   box-shadow: 1px 1px 0 0 #e9ecec;   font-weight: normal; }
.form_title2 span i{font-style: normal;font-variation-settings: "wght" 500, "DOTS" 8;word-spacing: 0px;font-size: 12px;}

.p_with_cat .jstree-clicked{background:none;border-radius:5px;margin-right:0px;padding-left:11px;color:#000;padding:0 2px 2px 7px}
.p_with_cat .jstree-hovered{background:#eceef1;border-radius:5px;box-shadow:inset 0 0 1px #ccc;padding:0 0 2px 10px;margin-right:5px}

.title_top{padding-top: 0px;   padding-bottom: 0px;   display: block;   width: 100%;   color: #fff;   margin: 0 auto;   border-radius: 0;   position: fixed;   top: 0;   z-index: 3;   box-shadow: none;   text-align: right;   background: #4F4FF5;   font-size: 16px;   height: auto;   line-height: 1px;   font-variation-settings: "wght" 900, "DOTS" 8;   word-spacing: 1px;   font-weight: normal;}

.app_menu {   width: 100%;   position: fixed;   bottom: 0;   z-index: 3;   background: #fff;   box-shadow: 0 2px 4px #7c7c7c;   height: auto;   padding-bottom: 7px; }
.app_menu_ul {   width: 100%; }
.app_menu_ul li {   float: left;   width: 20%;   text-align: center;   line-height: 1; }
.app_menu_ul li a {   color: #b3bcc5;   text-decoration: none; }
.app_menu_ul li a.app_menu_select {   color: #4F4FF5; }
.app_menu_ul li a svg {   width: 100%;   display: block; margin-top: 8px;   margin-bottom: 4px; }
.app_menu_ul li a span {   font-size: 12px; }
.campain_list {   width: 94%;   margin: 0 auto;  margin-top: 3px; }
.campain_list li {   float: right;   height: auto;   line-height: 85px;   margin: 1.5%;   text-align: center;   font-weight: normal;   font-size: 15px; }
.campain_list li a {   display: block;   text-decoration: none;   width: 100%;   background: #fff;   color: #565f6b;   box-shadow: 1px 1px 0 0 #e9ecec;   border-radius: 18px;   padding-top: 28px;   height: 28px;   line-height: 1px; }
.menu_top {   width: 80%;   margin: 0 auto;  margin-top: 25px; }
.menu_top li {   float: right;   width: 32.5%;   text-align: center;   background: #fff;   color: #3f4543;   height: 30px;   line-height: 30px;   border: 1px solid #badfd6; }
.menu_top li:nth-of-type(1) {   border-top-right-radius: 10px;   border-bottom-right-radius: 10px;   border-left: 0; }
.menu_top li:nth-last-of-type(1) {   border-top-left-radius: 10px;   border-bottom-left-radius: 10px;   border-right: 0; }
.loader {border: 6px solid#eee;border-top-color:#4F4FF5;border-radius: 50%;width: 35px;height: 35px;animation: spin 1s linear infinite;margin: auto;position: absolute;top: 0%;bottom: 0%;right: 0%;left: 0%;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}