@charset "utf-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent; transition:linear .2s;}/*color:#069; */
a:active,a:hover{outline:0;}/* color:#06C;*/
abbr[title]{border-bottom:1px dotted}
b,strong{ font-family:'SamimBold'}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-right:20px;}
p{margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }/**resize code for ios**/

@font-face{
	font-family: 'Samim';
    src: url('includes/fonts/Samim.eot');
    src: url('includes/fonts/Samim.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim.woff') format('woff'),
		 url('includes/fonts/Samim.ttf') format('truetype');
	font-weight: normal;
	}
@font-face{
    font-family: 'SamimBold';
    src: url('includes/fonts/Samim-Bold.eot');
    src: url('includes/fonts/Samim-Bold.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim-Bold.woff') format('woff'),
		 url('includes/fonts/Samim-Bold.ttf') format('truetype');
	font-weight: bold;
	}
@font-face {
    font-family: 'BKoodakBold';
    src: url('includes/fonts/BKoodakBold.eot?#') format('eot'),
    url('includes/fonts/BKoodakBold.woff') format('woff'),
    url('includes/fonts/BKoodakBold.ttf') format('truetype');
}
html,body{
    width: 100%;
    height: 100%;
}
body{direction:rtl; font-size:14px; line-height:28px; color:#000; font-family: 'Samim';}
*{
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
ul,ol{
    padding: 0px;
    margin: 0px;
}
h1,h2,h3{
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

.main{
    max-width: 1400px;
    margin: auto;
}
.clear{
    clear: both;
}
.cgreen{
    color: #5EB728!important;
}
.cgreen2{
	color:#3b7c14!important;
}
.corange{
    color: #ea8635!important;
}
.orange{ color:orange;} 
.cred{
    color: #ea2c2c!important;
}
.ared,.Ared{ color: #a50000 !important;}
.agreen,.Agreen{ color: #23b061 !important; }
.aorange,.Aorange,.Ayellow{ color: #ff7800 !important;}
.Apurple{color:#90F !important;}
.Anarenji2{color:#C60 !important;}
.col6{ color:#666;}
.border1{ border-bottom:1px dashed #23b061 !important;}
.font14{ font-size:14px;}
.marbt0{ margin-bottom: 0!important;}.marb5{ margin-bottom: 5px!important;}.marb10{ margin-bottom: 10px!important;}.mart0{ margin-top: 0px!important;}.mart5{ margin-top: 5px!important;}.mart10{ margin-top: 10px!important;}.mart20{ margin-top: 20px!important;}
.mar8px{ margin:8px 0 !important}.mar15r{ margin-right: 15px !important;}.mar2b{ margin-bottom: 2px !important;}.mar_ato{ margin: auto !important;}
.padt15{padding-top: 15px!important;}
.ln-hght25{ line-height: 25px;}
.dis_non{ display: none !important;}
.rel_pos{ position: relative}
.en_font{ font-family: tahoma;}
.dltr{ direction: ltr !important;}
.drtl{ direction: rtl !important;}
.w_min{ min-width:235px;}
.w_herit{ width: inherit;}


.no-spinners{ -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
/********notification for pay*********/
.announce{font-size: 16px;line-height: 36px;padding: 10px 30px;background: #ad1a500d;border-right: 1px solid rgba(249,202,202,1.00);margin: 30px auto 50px;color: rgba(140,32,32,1.00);font-family: SamimBold;}
.announce p i{margin-left: 4px;}

@page { size: auto;  margin: 0mm; }
.print{display:none;}

@media print {
    .noprint{display:none !important;}
}

/***************************** certificate ************************************/

:root{
	--color1: #ff6501;
    --color2: #373737;
}

/************************************* Header ****************************************/
header.certfc{ display: none;}
#nSaat{margin-left: 5px;}
.second-row-header { width: 100%;height: 36px;background: #2226393b;position: absolute;top:100%;left: 0px;right: 0px;bottom: 0px;
 color: rgba(9, 9, 9, 1.00);align-items: center;display: flex;font-size: 11px;justify-content: space-between;transition: all 0.2s;}
.main {width: 80%; max-width: 1250px;margin: auto;display: block;}
.name-page {width: 30%;}
.name-page a{color:#004f8c!important;text-decoration: none;}
.info-user { width: 40%;text-align: left;display: flex;justify-content: flex-end;}
.info-user a{color: #004f8c!important;text-decoration: none;display: flex;align-items: center;}
.info-user a i{margin-left: 3px; color: #900;}
.info-user div:nth-child(3) {width:44px;margin-left:5px;}
.info-user div:last-child {margin-right:5px;}
.alarm-ntfc p{color:white;text-align: center;background: #a6919157;border: 1px dashed white; border-radius: 3px;margin: a;margin-left: auto; margin-right: auto; padding: 8px;line-height: 42px;font-size: 16px;margin-bottom: 200px}
.alarm-ntfc i{ margin-left: 4px; color: rgb(255, 151, 60); font-size: 22px;}

/*===================menu==================*/
#hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
}
#hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    -o-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    -ms-transform: translateY(-413px) rotate(-45deg);
    -o-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
}

.hamburger .line {
    width: 30px;
    height: 3px;
    background-color: var(--color2);
    display: block;
    margin: 4px auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header.relt{height: 106px;}
.first-row-header ul.show {
    right: 0;
    transition: all 0.2s ease-in-out;
}
.first-row-header > div{justify-content: space-between;width: 80%;display: flex;align-items: center;height: 69px;margin: 0 auto;}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip img{ width: 30%;}

.tooltip .tooltiptext {
    visibility: visible;
    width: 70px;
    background-color: #fff;
    color: gray;
    text-align: center;
    border-radius: 0px;
    padding: 0px;
    position: absolute;
    z-index: 150!important;
    top: -13px;
    left: 50%;
    margin-left: -35px;
    opacity: 1;
    transition: opacity 0.3s;
    font-size: 10px;
    white-space: nowrap;
    border-left: 1px solid white;
    transition: all linear .2s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:#fff transparent transparent transparent;
    transition: all linear .2s;
}
.logo-image {
    margin-right: auto;
    width: 150px;
}

.logo-image img {
    width:150px;
	padding: 5px;
	margin-right:auto;
	display:block;
}

.first-row-header {
    width: 100%;
    height: 70px;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    transition: all .3s linear;
    color: white;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.first-row-header nav li {
    list-style: none;
    margin: 0;
    height: 100%;
    border-left: 1px solid #e0e0e0;
	overflow:hidden;
}
.first-row-header nav li:first-child{border-right: 1px solid #e0e0e0;}
.first-row-header nav {
    height: 100%;
    font-size: 0;
}

.first-row-header ul {
    padding: 0;
    height: 100%;
    margin: 0;
}

.first-row-header nav li a {
    color: #a3a3a3;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
    position: relative;
    top: 0;
}
.first-row-header nav li a:hover,.first-row-header nav li.active a{ color: var(--color1);}
.first-row-header nav li a:hover .tooltiptext,.first-row-header nav li.active .tooltiptext{ background: var(--color2); color: #fff;}
.first-row-header nav li a:hover .tooltiptext::after,.first-row-header nav li.active .tooltiptext::after{ border-color: var(--color2) transparent transparent transparent;}

@media screen and (min-width: 768px){
	.first-row-header nav li a {
		top: 13px;
	}

	.first-row-header nav li span.tooltiptext:hover~.first-row-header nav li a {
		top: 13px;
	}	
}

.second-row-header {
    width: 100%;
    height: 36px;
    background: #f1f1f1;
    position: fixed;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: rgba(9, 9, 9, 1.00);
    align-items: center;
    display: flex;
    font-size: 11px;
    justify-content: space-between;
    transition: all 0.2s;
	z-index:100;
}
.second-row-header> div{justify-content: space-between;width: 80%;display: flex;align-items: center;height: 36px;margin: 0 auto;}

.seperator{font-size:8px; color: var(--color1); padding:0 5px;}
.second-row-header.change-top {
	display:none;
}

.name-page {
    width: 60%;
}
.name-page a{
 color:#004f8c!important;
 text-decoration: none;
 }


.info-user div:nth-child(2) {
    padding: 0 5px 0;
}

.logo {
    width: 15%;
    text-align: center;
}

.logo img {
    width: 100%;
}

.first-row-header ul .tooltip div {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-pages {
    display: none;
}

.hamburger {
    display: none;
}

@media screen and (max-width: 830px) {
    .title-pages {
        display: block;
    }
    .hamburger {
        display: block;
    }
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive .ham-menu {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive li {
        float: none;
        display: block;
        text-align: left;
    }
    .first-row-header nav li {
        padding: 5px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #666;
		width: 80%;
		margin: 0 auto;
		border-left: none;
		border-right: none!important;
    }
    .first-row-header nav {
        height: auto;
    }
    .no-mobile {
        display: none!important;
    }    
    .first-row-header ul {
        top: 70px;
        padding: 0;
        width: 100%;
        height: 300px;
        right: -100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        background: #373737;
        transition: all .2s;
    }
    .tooltiptext {
        display: none;
    }
    .first-row-header ul .tooltip div {
        background-color: transparent;
        width: 40px;
        height: 35px;
    }
    .first-row-header ul {
        flex-direction: column;
        display: flex;
    }
    .first-row-header nav li a {
        font-size: 14px;
    }
}
@media screen and (max-width: 600px) {
    .first-row-header{
        height: 60px;
    }
    .second-row-header {
        top: 60px;
    }
    .first-row-header ul{
        top: 60px;
    }
	.logo-image img{
		width: 100px;
	}
}
@media screen and (max-width: 500px) {
	.second-row-header{ height:45px; line-height:22px;}
	.second-row-header > div{ height:45px; flex-wrap:wrap;}	
	.name-page{ width:100%; justify-content:flex-start;}
	.info-user{ display:none;}
}

/************************************* footer ****************************************/
footer.certfc{ padding:20px 0 10px; background:#373737; color:#FFFFFF; font-size:13px;}
footer.certfc #info{ display:flex; display:-webkit-flex; align-items:center; flex-direction:row-reverse; -webkit-flex-direction: row-reverse;justify-content: space-between;}
footer.certfc #info .contact > div{ padding:3px 0;}
footer.certfc #info .contact > div a{ transition:all linear 0.2s;}
footer.certfc #info .contact > div a:hover, footer #info .web_link a:hover{ opacity:0.7;} 
footer.certfc #info .contact > div .add_i{ font-size:20px;} 
footer.certfc #info .phone a{ color:#FFFFFF;direction: ltr!important; text-align: right;}
footer.certfc #info .phone i{ font-size:15px;}
footer.certfc #info .web_link{ margin-bottom:10px; display:flex; display:-webkit-flex; flex-wrap:wrap;}
footer.certfc #info .web_link a{ width:120px; margin-left:5px; color:#222639; display:block; text-align:right !important; transition:all linear 0.2s; padding:3px 25px 3px 0; border:1px solid #b9bcbc; background:#c3cdcf; margin-bottom:5px; border-radius:5px;}
footer.certfc #info .web_link a.faq-link{width:140px;background: var(--color1);color:white;border: 1px solid var(--color1);}
footer.certfc #info .web_link a:last-child{ margin-left:0;}
footer.certfc #info .web_link a:before{ content:"\f104"; padding-left:5px;font-family:"Font Awesome\ 5 Free"; font-weight: 900; vertical-align:middle;color: var(--color1);}
footer.certfc #info .web_link a:first-child:before{color: white;}
footer.certfc #info i{ color:var(--color1);font-size: 16px;}


footer.certfc #copyright{ padding-top:10px; margin-top:15px; line-height:24px; border-top:1px dashed #AEAEAE; display:flex; display:-webkit-flex; font-size:12px;}
footer.certfc #copyright > div{display: flex;align-items: center;}
footer.certfc #copyright > div a{ color:#FFFFFF; transition:all linear .2s;} 
footer.certfc #copyright > div a:hover{ color:#FFFFFF;}
footer.certfc #copyright > div:last-child{ margin-right:auto; line-height:18px; font-family:tahoma; direction:ltr;}

@media only screen and (max-width: 650px) {
	footer.certfc #info{ display:block; text-align:center;}
	footer.certfc #info .web_link{ justify-content:center;} 
	footer.certfc #copyright{ text-align:center; display:block;}
	footer.certfc #info .phone a{text-align: center;}
	footer.certfc #copyright > div{justify-content: center}
}
@media only screen and (max-width: 420px) {
	footer.certfc #info .web_link a{ max-width:200px; width:100% !important; padding:3px; text-align:center !important; margin:0 0 5px 0;}
	footer.certfc #info .contact > div a{ display: flex;justify-content: center;align-items: center;}
}
/******************* main *************************/
.cer_top{ display: flex; flex-direction: column; margin: auto;}
#cer-ind{ max-width: 570px; width: 100%;}
#cer-ind #course_step{ justify-content: center; list-style:none; font-size:0; text-align:center; margin:auto; display:flex; display:-webkit-flex; display:-ms-flexbox;}
#cer-ind #course_step li{ width: 33.33%; height: 60px; color: #fff; padding: 15px 24.5px; position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center; white-space: nowrap;}
#cer-ind #course_step.two_st li{ width: 50% !important;}
#cer-ind #course_step li:nth-child(1){ background:#8ec5bd;}
#cer-ind #course_step li:nth-child(1):after{ border-right: 12px solid #8ec5bd;}
#cer-ind #course_step li:nth-child(2){ background:#76aea5;}
#cer-ind #course_step li:nth-child(2):after{ border-right: 12px solid #76aea5;}
#cer-ind #course_step li:nth-child(3){ background:#329b89;}
#cer-ind #course_step li:after{ content:""; width: 0; height: 0; position:absolute; right:100%; top:0; z-index:10; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
#cer-ind #course_step li:last-child:after{ display:none;}
#cer-ind #course_step li .numerical{ width:26px; font-size:35px; color: #fff; font-family:SamimBold; display:block; vertical-align:top; position:relative;}
#cer-ind #course_step li .SelectCourse{ font-size:14px; text-align:right; display:block;}
#cer-ind #course_step li div{display: flex;margin: auto;text-align: right;justify-content: center;}
@media only screen and (max-width: 550px){
	#cer-ind #course_step li{ padding: 15px 15px 15px 0px;}	
	#cer-ind #course_step li .numerical{ width: 20px; font-size: 28px; top: 0;}	
	#cer-ind #course_step li:nth-child(1){ width: 130px;}
	#cer-ind #course_step li:nth-child(2){ width: Calc(100% - 260px);}
	#cer-ind #course_step li:nth-child(3){ width: 130px;}
}
@media only screen and (max-width: 430px){
	#cer-ind #course_step li:nth-child(1){ width: 100px;}
	#cer-ind #course_step li:nth-child(2){ width: Calc(100% - 190px);}
	#cer-ind #course_step li:nth-child(3){ width: 90px;}
}

/***login***/
#log_box{ width: 100%; max-width: 700px; min-height: 100vh; padding: 20px 0; position: relative; z-index: 1; text-align: center; display: flex; background: rgba(57,46,47, 0.9); flex-direction: column; justify-content: center; align-items: center;}
#log_box .main{ max-width: 570px; width: 100%; margin: 0 auto;}
#log_box h1{ margin-bottom: 25px; color: #fff; font-family: "samimBold"; font-size: 29px; line-height: 40px;}
#log_box #copyright{ width: 100%; margin-top: 10px; padding: 0 20px; color: #fff; font-size: 12px; line-height: 22px;}
#log_box #copyright a{ color: #fff;}
#log_box #copyright a:hover{ color: #2d5750;}
#log_box #copyright > div:last-child{ direction: ltr; font-family: tahoma;}
.goto_site{ padding: 5px 10px; background: #ffffff21; color: #fff; position: absolute; top: 10px; right: 0; border-radius: 20px 0 0 20px;}
.goto_site:hover{ background: #ffffff61;}
.goto_site i{ font-size: 11px; position: relative; top: 1px; padding-right: 3px;}
.sec-1{margin-top: 3px;}
.certf-main{min-height:100vh;background: url(images/background/banner2.webp) no-repeat; overflow: hidden; background-size: cover !important; background-position: center !important;}
.dis-flex{display: flex; justify-content: center;align-items: flex-end;flex-wrap: wrap;max-width: 1250px;margin:0 auto; border: 3px solid #2d5750; border-radius: 0 0 10px 10px;}
.dis-flex > div{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;min-width:570px}
.dis-flex.add_border{ padding-top: 20px; border-radius: 10px; border-top: 3px solid #2d5750;}
.box-phone{ width:100%; height: auto;min-height: 300px; display: flex;color:white;flex-direction: column;align-items: center;margin:5px 10px 10px;border-radius: 5px;justify-content: flex-start;padding:10px 30px;}
.box-phone form{display: flex;align-items: center;flex-direction: column}
.text-box-phone{text-align: center;padding: 10px 0 0;}
.cng-mobile{ margin-right: 15px; background: none; color: #8ec5bd; border: none; border-bottom: 1px dashed #8ec5bd; font-size: 11px;}
.text-box-phone p{font-size: 15px;text-align: center;color:white;padding: 8px 0 0;}
.error-style p{color: #fd2f09;text-align:center;font-family: SamimBold;font-size: 17px;}
.error-style p i{ font-size: 20px;}
.error-style{display: flex;align-items:center;justify-content: center; margin: 7px auto 5px;border-radius: 4px;background: #fff;padding: 8px; width: max-content;width: 570px;}
.certf-list{min-height:Calc(100vh - 242px);padding: 0 0 100px;}
.padL7px{padding-left:7px} .pad5px{padding:5px;} 
#input-phone,#password {border: 1px solid #ddd;height: 45px;color: black;width: 270px;margin: 20px 0 0;background: #ddd;letter-spacing: 8px;font-size: 18px;padding: 0 10px;border-radius: 5px;}
#input-phone::placeholder{ font-size: 15px !important} 
#password::placeholder{ font-size: 15px !important} 
.min_hgt{ min-height: auto;}
.min_vh{ min-height: calc(100vh - 245px);}
.min_vh2{ min-height: calc(100vh - 333px)}
#input-num {direction: ltr;padding-left: 27px;border: none;-webkit-box-shadow: none;box-shadow: none;outline: none;letter-spacing: 20px;font-size: 21px;width: 10em;margin-bottom: 0; padding-bottom: 0;background: transparent;color: white;}
.showres{ color:white;}
.showres .i_class{ margin-left: 5px; color: #f6876b; font-size: 30px;}
.showres .fa-times{vertical-align: middle;}
.showres a{ padding: 0 5px; color: #83c1ff;}
.showres a:hover{ opacity: 0.6;} 
.showres .text{ margin-bottom: 15px; font-size: 20px; line-height: 30px; font-family: 'SamimBold';}
.enter_tel p{ font-size: 17px; line-height: 29px; font-family: 'SamimBold';}
.enter_tel i,.enter_tel b{ color: #f6876b;}
@media only screen and (max-width: 1139px){
	.dis-flex >div {width: 100%; }
	.error-style{margin: 10px auto 35px;}
}

@media only screen and (max-width: 1024px){
	#log_box{ max-width: 100%; padding: 20px;}
}
@media only screen and (max-width: 600px){
	.dis-flex > div{min-width: inherit}
    .error-style{width: 95%}
}
.border-input{height: 2px;width: 12em; margin-top: 0;padding-top: 0;background-image: -webkit-gradient(linear,left top,right top,from(#ffffff ),color-stop(75%,#ffffff ),color-stop(75%,transparent),to(transparent));background-image: linear-gradient(90deg,#ffffff ,#ffffff  75%,transparent 0,transparent);
 background-size: 2.4em 1px;border: none; }
#alarm-text{color: white;min-width: 200px;display: flex;justify-content: center}
#recive-code-again{ min-width: 270px; padding: 5px; background: #373737;border: 1px dashed #848484; border-radius: 3px;color: white; display: none;}
#timer{width: 40px;}
@media only screen and (max-width: 1000px){
#certf td:nth-child(1){
	border-top: 1px solid #eeeeee !important;
}
.certf{
	max-width:400px !important;
}
.certf td{
	display: block !important;
}
.certf tr:first-child{
	display: none !important;
}
.certf tr{
	height: auto;
}
.certf td{
	width: auto;
	padding: 5px 10px;
	text-align: right;
	border-bottom: 1px solid #eeeeee !important;
	border-left: 1px solid #eeeeee !important;
	border-right: 1px solid #eeeeee !important;
}	
  
.certf td:nth-child(1){
	border-top: 1px solid #eeeeee !important;
}
.certf td:nth-child(1){
	 background: #ad1a50;
    color: #fff!important;
	display: flex;
	align-items: center;
 }
.certf td:nth-child(1):before {
	content: "انتخاب: "!important;
	 color: #fff!important
 }	   
.certf td:nth-child(2):before {
	content: "ردیف: "!important;
 }
 .certf td:nth-child(3):before {
	content: "کد تور: "!important;
 }
 .certf td:nth-child(4):before {
	content: "نام تور: "!important;
 }
.certf td:nth-child(5):before {
	content: "تاریخ شروع: "!important;
 }
.certf td:nth-child(6):before {
	content: "تاریخ پایان: "!important;
 }
.certf td:nth-child(7):before {
	content: "مدت تور: "!important;
 }
.certf td:nth-child(8):before {
	content: "وضعیت تور: "!important;
 }
.certf td:nth-child(9):before {
	content: "وضعیت مالی: "!important;
 }
.certf td:nth-child(10):before {
	content: "غیبت: "!important;
 }
.certf td:nth-child(11):before {
	content: "نمره: "!important;
 }
.certf td:nth-child(12):before {
	content: "دریافت گواهینامه فیزیکی: "!important;
 }
.certf td:nth-child(13):before {
	content: "گواهینامه : "!important;
 }
.certf td:before {
	color: #ad1a50!important;
	font-size: 15px;
 }
}
@media only screen and (max-width: 450px){
	#cer-ind{width: 100%;}
	.error-style{width: 95%}
	.error-style p{font-size: 15px;}
}
.btn-grn{background: #3aad72;height: 45px;color: white;border: 1px solid #3aad72;border-radius: 5px;margin:10px 0 25px;transition: all .2s;width: 270px;}
.btn-grn:hover{background: #2b9d62; border-color: #2b9d62;}
input[type="checkbox"],input[type="radio"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
input[type="radio"]{ border-radius:50%;}
input:checked{ background: #2d8666; border: 1px solid #2d8666;}

/* 404.html */
.add_item{ width:auto; padding:0 10px; background:#278B2C; border:1px solid #278B2C; height:35px; line-height:35px; margin-top:10px; color:#fff; font-size:14px; border-radius:5px; display:inline-block; cursor:pointer; transition:all linear 0.2s;}

/*===================profile===============*/
.profile-boxes>div {
    direction: rtl !important;
    text-align: right;
    font-size: 14px;
    padding: 0 5px;
    word-wrap: break-word;
    width: 90%;
}
.profile-box{
    text-align: center;
    direction: rtl;
    margin-bottom: 100px;
    background-color: white;
	padding: 15px;
    border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.profile-rows {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px
}
.link_st a{ color: #3a7cb6;}
.titr-profile-page {
    display: flex;
    justify-content: space-between;
    color: #333333;
    font-family: 'SamimBold';
    font-size: 16px;
    padding-top: 44px;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.titr-profile-page h3 {
    margin: 10px 0 !important;
    font-weight: normal !important;
}
.titr-profile-page h3 span{
    font-family: 'SamimBold';
    font-size: 28px;
}
.info-contact {
    background-color: #eff0f1
}
.profile-boxes {
    display: flex;
    min-width: 210px;
    padding: 5px;
    width:50%
}
.b-l{
    border-left: 1px dashed #d7d0d0;
}
.b-r{
    border-right: 1px dashed #d7d0d0;
}
.b-t{
    border-top: 1px dashed #d7d0d0;
}
.b-b{
    border-bottom: 1px dashed #d7d0d0;
}

.profile-boxes > span {
    font-size: 14px;
    color: #333333;
    font-family: "SamimBold";
    text-align: right;
    white-space: nowrap;
}
.profile-boxes-adrs {
    display: flex;
    min-width: 210px;
    padding: 5px;
    width:100%;
}
.profile-boxes-adrs span {
    font-size: 14px;
    color: #333333;
    font-family: "SamimBold";
    text-align: right;
    white-space: nowrap;
}
.profile-boxes-adrs>div {
    padding: 0 5px;
    width: 90%;
    direction: rtl !important;
    text-align: right;
    font-size: 14px;
}
.profile-boxes-3{
    width: Calc(100%/3);
    display: flex;
    min-width: 210px;
    padding: 5px;
 
}
.edit-botton {
	height: 40px;
    background-color: #3aad72;
    border:1px solid #3aad72;
    color: white;
    cursor: pointer;
    padding: 3px 35px;
    font-family: 'Samim';
    font-size: 14px;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    margin: 20px 0 0;
	border-radius: 5px;
    }
    .edit-botton:hover{ background: #2b9d62; border-color: #2b9d62;}

@media screen and (max-width: 944px) {
    .profile-boxes-3 {
        width: 50%;
    }
    .profile-boxes-3:last-child {
        border-right:1px dashed #d7d0d0; 
        width:100%;
    }
    .profile-boxes-3:last-child.b-t{
        border-top:none; 
    }
}
@media screen and (max-width: 504px) {
    .profile-boxes {
        width:100%;
    }
    .profile-boxes:last-child {
        border-right:1px dashed #d7d0d0;
    }
	.profile-box .profile-rows:nth-of-type(6) .profile-boxes:last-of-type{
		border-top: none;
	}
    .profile-boxes-3:last-child {
        border-right:1px dashed #d7d0d0;
    }
    .profile-boxes-3:last-child.b-t{
        border-top:none; 
    }
    .profile-boxes-3:nth-child(2).b-t{
        border-top:none; 
    }
    .profile-boxes-3 {
        width: 100%;
    }
    .profile-boxes-3:last-child {
        border-right:1px dashed #d7d0d0; 
    }
    
    .profile-boxes-3:nth-child(2) {
        border-right:1px dashed #d7d0d0; 
    }  
}
/*==============register====================*/
.titr-sen h3{font-size: 18px; line-height: 32px; color: #000; font-family: samimBold;}
.titr-sen h3 span{ color: #066286; font-size: 21px; font-family: samimBold;}

.rows-rgstr input[type="checkbox"],
.rows-rgstr input[type="radio"] {
    height: 12px;
    width: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #A5A6A4;
    background: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
}

.rows-rgstr input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.rows-rgstr select:first-child{width: 100px;}
.rows-rgstr label {
    border: 1px #c8d3da dashed;
    padding: 1px 0;
    font-size: 13px;
    width: 70px;
	cursor: pointer;
}

::placeholder,input,button { font-family: 'Samim'}
.rows-rgstr input:checked {
    background: #3f6d43;
    border: 1px solid #3f6d43;
}

.Register-box {
    margin-top: 0 !important;
    text-align: center;
    direction: rtl;
    padding: 2% 1%;
    margin-bottom: 100px;
    background-color: white;
    border: 1px solid rgba(205, 205, 205, .5);
}

.rows-rgstr {
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.rows-rgstr>div {
    display: flex;
    flex-direction: column;
    width: 30%;
    min-width: 250px;
    margin: 15px 5%;
}

.rows-rgstr .radio-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150px
}

.birth-date {
    width: 235px!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.birth-date select:first-child{
    width: 100px;margin-left: 5px
}
.birth-date select:last-child{
    width: 150px;margin-right: 5px
}
.rows-rgstr input,.rows-rgstr textarea {
    width: 95%;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Samim';
}

.mobile-num {
    height: 40px;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Samim';
    direction: ltr;
    text-align: left
}

.container-input {
    display: flex;
    flex-direction: row!important;
}

.container-input>div {
    max-width: 249px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.container-input1>div {
    width: 100%;
}
.container-input1{
    margin: 8px 0;
}
.container-input1 span{
    width: 140px;
    display: inline-block;
    text-align: right;
}
.container-input {
	text-align: right;
}

.container-input select {
    max-width: 235px;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Samim';
	background: transparent;
}

.container-input>div> span {
    line-height: 20px;
    font-size: 14px;
    color: #333333;
    font-family: "SamimBold";
    margin-bottom: 5px;
    text-align: right;
}

.rgstr-btn {
	height: 40px;
    background-color: #3aad72;
    border:1px solid #3aad72;
    color: white;
    cursor: pointer;
    padding: 3px 35px;
    font-family: 'Samim';
    font-size: 14px;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    margin: 20px 0;
	border-radius: 5px;
}
.rgstr-btn:hover{ background: #2b9d62; border-color: #2b9d62;}
.announce {
    color: rgba(140,32,32,1.00)!important;
    font-family: "SamimBold";
	margin: 0 auto 0;
    font-size: 13px;
    line-height: 36px;
    padding: 5px 30px;
    background: rgba(255,242,242,1.00)!important;
    border: 1px dashed rgba(249,202,202,1.00)!important;
	text-align: right;
}
.announce a{
	color: #004f8c!important;
	text-decoration: none;}
.mr-btm{margin-bottom:10px;}
@media screen and (max-width: 860px) {
    .rows-rgstr {
        width: 100%;
    }
}

.not_01{background: rgb(193, 206, 204);padding-top: 30px;padding-bottom: 30px;width: 70%;margin:30px auto;color: rgba(32,33,66,1.00);font-size: 17px;font-family:SamimBold;line-height: 40px;height: max-content;}
.not_01.wh800{ width:800px;padding:10px}
.row{display: flex;justify-content: center;}
.row input.rgstr-btn{display: inline;margin-left: 10px;background:#8db621;border:1px solid #8db621;}
.row input.rgstr-btn:hover{color:#8db621;background:white;}
/**************************************************** tazeha ******************************************/
#s_box{
    width: 100%;
	margin: 20px auto 0;
    background: #eee;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.s_b_header{
    padding: 15px 22px 15px 0px;
    color: #000;
    border-bottom: 1px solid #ffffff;
	font-family:'SamimBold';
    font-size: 16px;
}
.s_b_header i{color:var(--color1); font-size: 20px; margin-left: 4px;}
#s_box ul{
    text-align: center;
    margin: 10px 0px 0px 0px;
}
#s_box li{
    width: 32%;
    height: 230px;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
#s_box li > div{ width:100%; height:100%; background-size:cover !important; background-position:center !important; transition:all linear 0.2s;}
#s_box li:hover > div{ transform:scale(1.1,1.1);}

#s_box.survey{ background: rgb(255, 238, 212); position:relative;}
#s_box.survey .survey_icon{ font-size:40px; transform:rotate(-40deg); background: #fff; color:var(--color1); position:absolute; right:-15px; top:-15px;}
#s_box.survey .survey_icon2{ font-size:40px; color:rgb(217, 25, 102); position:absolute; right:-15px; top:-25px;}
#s_box.survey .survey_padd{ padding:10px;}
#s_box.survey .survey_left{ padding-left:3px; font-size:12px; color:#3176b3;}
#s_box.survey .survey_link{ padding: 5px 10px; margin: 7px 0; font-family:SamimBold; color:#3176b3; font-size:13px; border: 1px dashed #3176b3; border-radius: 5px; display: inline-block; transition: all linear .2s;}
#s_box.survey .survey_link:hover{ opacity: 0.7;}
#s_box.survey .s_font{ font-size:15px !important;}
#s_box.pre_box{ background: #fff; padding: 0;}
#s_box.pre_box .s_b_header{ border-color: #ddd;}
#s_box.pre_box .survey_padd{ padding:10px 20px;}
.survey_style{ color:rgb(67 113 32) !important;font-size: 16px !important;line-height: 34px !important;font-family: 'SamimBold';}
.gbg{ background:#0080001f !important}
@media only screen and (max-width: 1180px){  /**************** responsive index news for 1180 px ***************************/
    #s_box{
        padding-bottom: 2px;
        margin-bottom: 10px;
    }
    .s_b_header{
        padding: 10px 0px 8px 0px;
        text-align: center;
    }
    #s_box li{
        width: 250px;
        height: 255px;
        margin: 0px 6px;
        overflow: hidden;
    }
    #enemad{
        width: 40%;
        text-align: center;
        float: left;
    }
}
@media only screen and (max-width: 730px){  /**************** responsive index news for 730 px ***************************/
    #s_box ul{
        width: 516px;
        text-align: right;
        margin: 11px auto 1px auto;
    }
    #s_box li{
        width: 250px;
        height: 255px;
        margin: 0px 3px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 658px){  /**************** responsive index news for 590 px ***************************/
    #s_box ul{
        width: auto;
        text-align: center;
    }
	#s_box li{ margin:auto auto 10px auto; display:block; vertical-align:top;}
}

/*** add majid ***/
#neazarsanji_ham{ font-family:samimBold; margin-top:10px;}
#nazar_txt table{ width:100%; border:1px solid #ddd; margin:10px 0;}
#nazar_txt table td{ padding:5px 10px;}
@media only screen and (max-width: 500px){
	#nazar_txt table td{ display:block;}	
}

/**mainpre**/
.net_social{ padding: 20px !important; justify-content: flex-start !important;}
.net_social .s_b_header{ padding: 0; border: none;}
#social_net { padding: 0 10px;}
#social_net > div{ margin-left: 20px;}
#social_net > div:last-child{ margin-left:0;}
#social_net i{ width:30px; height:30px; line-height:31px; text-align:center; font-size:15px; border-radius:50%; color:#fff; background:var(--color1);}
#social_net a{ color:#292e44; margin: 0 0 0 30px; display:inline-block; transition:all linear 0.2s;}
#social_net a:hover{ opacity:0.7;}
#social_net a:last-child{ margin-left:0;}
@media only screen and (max-width: 600px){
	.net_social .s_b_header{ width: 100%; margin-bottom: 20px; text-align: right;}
	#social_net { padding: 0;}
    .main,.second-row-header > div,.first-row-header > div,.profile-box,.titr-profile-page{width:95%}
	
}
/******** pact factor styles ********/
.l_direct{ display:inline-block; direction:ltr;}
.Tright{text-align: right!important;}
.Tleft{text-align: left!important;}
.Tcenter{text-align: center!important;}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:center; align-items:center;}
.print_bt{ width:220px; margin:20px auto; background:#267139; text-shadow:1px 1px 1px #333; color:#fff; padding:4px 5px; text-align:center; font-size:15px; display:block; cursor:pointer; transition:all linear 0.2s;border-radius: 5px;}
.print_bt:hover{ opacity:0.8;}
.back{width: 550px;}
@media only screen and (max-width: 575px){
	.back{width: 95%;}
}

/**print**/
@media print {
	.noprint{display:none!important;}
}
.usps::placeholder{direction: rtl;letter-spacing: 0;text-align: right;}
.ptItem {
	min-width: 190px;
	min-height: 58px;
    padding: 9px;
	background: transparent;
	color: #aaa8a9;
    line-height: 20px;
	border:none;
    border-bottom: 3px solid #837f7c;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
    font-family: SamimBold;
    font-size: 13px;
  }
.ptItem.active{
	font-size: 18px;
	line-height: 28px;
	color: #fff;
  border-color: #76aea5;
}
.ptItem span{ position: relative; bottom: -10px; font-family: SamimBold; font-size: 15px; transition: all linear .1s;}
.ptItem.active span{ font-size: 20px; position: relative; bottom: 5px;}
.ptItem.active i{ font-size: 30px; color: #76aea5; transition: all linear 0.2s;}
@media only screen and (max-width: 430px){
	.ptItem{ min-width: inherit;}
	.ptItem.active span{ font-size: 18px;}
	.ptItem.active i{ font-size: 27px;}
}

.prodNav {
    font-size: 12px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .chng input {
	max-width: 250px;
	width: 100%;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Samim';
}
.chng .rgstr-btn{ min-width: 120px;}
@media only screen and (max-width: 650px){
	.prodNav{ background: none;}
    .ptItem{ padding: 9px; margin: 3px 0;}
    .btn-grn{height: 45px;}
}
@media screen and (max-width: 480px) {
	.container-input1 span,.chng input{ width: 100%; max-width: 100%; text-align: center;}
}


.overh{ background: none; border: none; color: #f6876b; transition: all linear .2s;}
.overh:hover{
    color: #ffd5c1!important;
}
.overh.forget{ color: white;font-size:13px;}

.icon-input-login { height: 45px; padding: 9px 10px; width: 35px;background: white;color: #c7c0c0;min-width: 25px;text-align: center;;border-radius: 0 5px 5px 0!important;font-size: 16px !important; line-height: 22px !important;margin-right: auto;text-shadow: none;}
.input-container {display: flex;align-items: end;}
.passCl{width: 235px!important;border-radius: 5px 0 0 5px!important;border-right:none;border: none!important;background: white!important;letter-spacing: 3px!important;}


/**mainpre**/
.pre_box{ padding: 20px; margin: 25px 0 0; border: 1px solid #e0e0e0; border-radius: 5px;}
.box_sub{ padding: 0 5px; background: #fff; position: absolute; right: 17px; top: -17px; font-family: samimBold; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.sub_icon{ font-family: samimBold; font-size: 16px; text-align: right;}
.sub_icon i, .box_sub i{ margin-left: 4px; color: var(--color1); font-size: 20px; position: relative; top: 1.5px;}
.sub_icon a{ color: #3176b3; transition: all linear .2s;}
.sub_icon a:hover{ opacity: 0.8;}
.edit_box{ margin: 50px 0; position: relative;}
.ch_info #for_info{ margin: 10px 0 0; display: flex; flex-wrap: wrap;}
.ch_info .sub_icon{ font-size: 13px; line-height: 23px; font-family: samim;}
.ch_info .sub_icon i{ font-size: 16px;}
.ch_info .sub_icon span{ border-bottom: 2px solid var(--color1); display: inline-block;}
.ful-page .sub_icon{ margin-bottom: 10px; text-align: center;}
.mar_padd{ padding-right: 25px;margin-top: 10px;}
.wh_sub{ width:100%; max-width:700px;}
.w700{ width:700px !important;}

.companions{ padding-top: 15px; border-top: 1px solid #ddd;}
.companions .sub_icon{ margin-bottom: 15px;}
.co_num{ padding: 0 15px 35px 0; margin-right: 9px; border-right: 1px dashed #ccc; position: relative;}
.co_num:nth-last-of-type(1){ padding-bottom: 0;}
.co_cir{ width: 25px; height: 25px; line-height: 28px; background: var(--color1); color: #fff; position: absolute; right: -13px; top: 1px; border-radius: 100%; text-align: center; display: block;}


#for_info > div{ width: Calc(25% - 11.33px); margin: 0 0 15px 15px;}
#for_info > div:nth-child(4n){ margin-left: 0;}
#for_info > div > span{ width: 100%; padding: 0 3px; font-size: 13px; display: block;}
#for_info > div.twobox > div:first-child{ width: 42%;}
#for_info > div.twobox > div:last-child{ width: 56%; margin-right: 2%;}
#for_info input,#for_info select{ width: 100%; height: 40px; padding: 0 5px; background: transparent; font-size: 14px; border: 1px solid #ddd; border-radius: 5px;}
#for_info select option{ font-family: tahoma;} 
#for_info .sel_wd{ font-size: 0;}
#for_info .sel_wd select:nth-of-type(1){ width: 20%;}
#for_info .sel_wd select:nth-of-type(2){ width: 44%; margin: 0 2%;}
#for_info .sel_wd select:nth-of-type(3){ width: 32%;}
#for_info button{ width: 100%; height: 40px; padding: 5px 15px; margin: 5px auto auto; background: #3aad72; color: #fff; border: none; border-radius: 5px; transition: all linear 0.2s; display: block;}
#for_info button:hover{ background: #2b9d62; border-color: #2b9d62;}
.dv_butt{ margin: 0 auto 15px 0 !important;}
.done{ max-width: max-content; background: #e1ffe1; padding: 10px 15px; border-radius: 10px; margin: 20px 0; font-family: samimBold; font-size: 18px; line-height: 30px;}
.done i{ color: #3aad72; margin-left: 5px;}
@media only screen and (max-width: 1000px){
	#for_info > div{ width: Calc(50% - 8px);}
	#for_info > div:nth-child(3n){ margin-left: 15px;}
	#for_info > div:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-width: 530px){
	#for_info > div{ width: 100% !important; margin: 0 0 15px !important;}
}

/*** safarhaye tasviye nashode ***/
#financial table{ width: 100%; margin: 10px auto 0 auto; text-align: center; border-collapse: collapse; background: #FFFFFF;}
#financial table td{ padding: 5px; border: 1px solid #ddd;}
#financial table tr{ transition: all linear .2s;}
#financial table tr:first-child td{ background: var(--color2); color: #fff; font-family: "samimBold";}
#financial table tr:nth-child(2n-1){ background: #f4f4f4;}
#financial table tr:hover{ background: #E6E6E6;}
#financial table td:first-child{ width: 45px; text-align: center;}
#financial table td:nth-child(3){ width: 120px;}
#financial table td:nth-child(4){ width: 140px;}
#financial table td:nth-child(5){ width: 140px;}
#financial table td:nth-child(6){ width: 120px;}
#financial table td:nth-child(7){ width: 120px;}
#financial table td:nth-child(7) a{ width: 100%; padding: 5px 0; background: #3aad72; color: #fff; display: block; border-radius: 5px; transition: all linear .2s;}
#financial table td:nth-child(7) a:hover,#his_tour table td:last-child a:hover,#financial table td:last-child button:hover{ background: #2b9d62; border-color: #2b9d62;}
@media only screen and (max-width: 1024px){
	#financial table td,#financial table tr{ width: 100% !important; text-align: center; border-bottom: none; display: block;}
	#financial table tr{ margin-bottom: 20px;}
	#financial table tr:first-child{ display: none;}
	#financial table tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	#financial table tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	#financial table tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
	#financial table tr td:nth-child(2):before{ content: "نام سفر و عنوان:";}
	#financial table tr td:nth-child(3):before{ content: "تاریخ شروع:";}
	#financial table tr td:nth-child(4):before{ content: "مبلغ قرارداد:";}
	#financial table tr td:nth-child(5):before{ content: "پرداخت شده:";}
	#financial table tr td:nth-child(6):before{ content: "مانده:";}
	#financial table tr td:last-child{ border-bottom: 1px solid #ddd;}
}
/*** safarhaye tasviye nashode ***/
#top_bann{ padding: 40px 0; background: url(images/background/garden.webp) no-repeat; background-size: cover !important; background-position: bottom!important; position: relative;}
/*#top_bann:after{ content: ""; background: rgba(255,255,255,0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;}*/
#top_bann .main{ position: relative; z-index: 10;}
#usr_info{ margin: 10px 0 0; font-family: "samimBold"; font-size: 16px; line-height: 35px;}
#usr_info span{ padding: 0 5px; font-size: 23px; color: #2b9d62; font-family: "samimBold"}

#credit{ margin: 20px 0 0;}
#credit > div{ max-width: max-content; padding: 5px 10px; margin: 2px 0 2px 20px; background: #e4fffb; font-size: 16px; border-bottom: 3px solid #0eae97; display: inline-block;}
#credit > div:last-child{ margin-left: 0;}
#credit > div span{ color: #0eae97; font-size: 16px; font-family: "samimBold";}
#credit > div span i{ font-size: 14px;}
#credit > .positive{ background: #f3fff1; border-color: #00ad00;}
#credit > .positive span{ color: #00ad00; direction: ltr; display: inline-block;}
#credit > .sec_money{ background: #e2e1ff; border-color: #754fa3;}
#credit > .sec_money span{ color: #754fa3; direction: ltr; display: inline-block;}
#credit > .negative{ background: #ffeaea; border-color: #ff7373;}
#credit > .negative span{ color: #ff7373; direction: ltr; display: inline-block;}
@media only screen and (max-width: 1024px){
    #credit > div{ max-width: 100%; width: 100%; margin: 0 0 10px !important;}
    #credit > div:last-child{ margin-bottom: 0 !important;}
}

#user_box{ width: Calc(100% - 335px); margin-left: auto;}
#survey_box{ width: 320px; height: 240px; padding: 20px; margin: auto; background: #ffba4e; color: #333; position: absolute; top: -18px; left: 0; border: 7px solid #fff; border-radius: 20px; display: flex; flex-direction: column; justify-content: center;}
#survey_box b{ padding: 0 4px; margin-bottom: 10px; font-size: 20px; line-height: 30px; font-family: "samimBold"; display: block;}
#survey_box b i{ transform: rotate(-50deg); color: #de6800; font-size: 35px;}
#survey_box p{ padding: 0 4px; font-size: 13px; line-height: 25px;}
#survey_box a{ width: 100%; padding: 7px 15px; margin-top: 10px; background: #2b9d62; color: #fff; font-size: 13px; line-height: 25px; border-radius: 10px; text-align: center; transition: all linear 0.2s; display: block;}
#survey_box a:hover{ opacity: 0.7;}
@media only screen and (max-width: 768px){
	#user_box{ width: 100%;}
	#survey_box{ width: 100%; height: auto; position: static; margin: 20px 0 0;} 
}

/***savabeghe safar***/
.h1_title{ margin: 20px 0; font-size: 25px; line-height: 35px; font-family: "samimBold";}
.h1_title i{ margin-left: 5px; color: var(--color1); position: relative; top: 2px;}

#filtering{ margin: 0 0 10px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 5px;}
#filtering .showing{ display: none;}
#filtering > div > .flexbox{ justify-content: flex-start;}
#filtering > div > .flexbox > div{ margin: 10px 0 10px 20px;}
#filtering > div > div input,#filtering > div > div select{ width: 200px; height: 40px; padding: 0 5px; background: transparent; border: 1px solid #ddd; border-radius: 5px;}
#filtering .filter{ cursor: pointer;}
#filtering .filter i{ margin-left: 5px; color: var(--color1);}
#filtering .w_date select:nth-of-type(1){ width: 50px;}
#filtering .w_date select:nth-of-type(2){ width: 100px;}
#filtering .w_date select:nth-of-type(3){ width: 70px;}
#filtering option{ font-family: tahoma;}
#filtering .submit{ width: 110px; height: 40px; text-align: center; border: 1px solid #3aad72; color: #3aad72; font-family: samim; font-size: 14px; background: transparent; display: inline-block; cursor: pointer; transition: all .2s linear; border-radius: 5px;}
#filtering .submit:hover{ background: #3aad72; color: #fff;}
#filtering .reset{ width: 50px;}
#filtering .reset i{ position: relative; top: 2px;}

#his_tour table{ width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; color: #000; background: #FFFFFF;}
#his_tour table td{ padding: 5px; border: 1px solid #ddd; vertical-align: top;}
#his_tour table tr{ transition: all linear .2s;}
#his_tour table .future{ background: #d2eee1 !important;}
#his_tour table .future .future_txt{ color: #3aad72;}
#his_tour table tr:first-child td{ background: #373737; color: #fff; font-family: "samimBold";}
#his_tour table tr:nth-child(2n-1){ background: #f4f4f4;}
#his_tour table tr:hover{ background: #E6E6E6;}

#his_tour table td:first-child{ width: 45px;}
#his_tour table td:nth-child(2),#his_tour table td:nth-child(6),#his_tour table td:nth-child(8),#his_tour table td:nth-child(9),#his_tour table td:nth-child(12){ width: 60px;}
#his_tour table td:nth-child(3){ width: 65px;}
/* #his_tour table td:nth-child(4){ width: 120px;} */
#his_tour table td:nth-child(5){ width: 80px;}
#his_tour table td:nth-child(7),#his_tour table td:nth-child(10){ width: 120px;}
#his_tour table td:nth-last-of-type(2) a,#financial table td:last-child button{ width: 100%;border:none; padding: 3px 0; background: #3aad72; color: #fff; display: block; border-radius: 5px; transition: all linear .2s;}
.add_icon{ background: none !important; position: relative; top: 4px; display: inline-block;}
.add_icon:hover{ opacity: 0.7;}
.add_icon .fa-plus{ color: #fff; font-size: 12px; position: absolute; left: 5px; top: 3.5px;}
.add_icon .fa-comments{ color: var(--color1); font-size: 27px;}
.more{ max-width: max-content; height: 40px; padding: 5px 15px; margin: 15px 0 0; background: #3aad72; color: #fff; border: none; border-radius: 5px; transition: all linear 0.2s; display: block;}
.more:hover{ background: #2b9d62; border-color: #2b9d62;}
.has_con a span{ display: none;}
@media only screen and (max-width: 1024px){
	#his_tour table td,#his_tour table tr{ width: 100% !important; text-align: center; border-bottom: none; display: block;}
	#his_tour table tr{ margin-bottom: 20px;}
	#his_tour table tr:first-child{ display: none;}
	#his_tour table tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	#his_tour table tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	#his_tour table tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
	#his_tour table tr td:nth-child(2):before{ content: "وضعیت:";}
	#his_tour table tr td:nth-child(3):before{ content: "کد سفر:";}
	#his_tour table tr td:nth-child(4):before{ content: "نام سفر و عنوان:";}
	#his_tour table tr td:nth-child(5):before{ content: "تاریخ شروع سفر:";}
	#his_tour table tr td:nth-child(6):before{ content: "مدت سفر:";}
	#his_tour table tr td:nth-child(7):before{ content: "لیدر:";}
	#his_tour table tr td:nth-child(8):before{ content: "تعداد:";}
	#his_tour table tr td:nth-child(9):before{ content: "مسافر:";}
	#his_tour table tr td:nth-child(10):before{ content: "طرف حساب:";}
	#his_tour table tr td:nth-child(11):before{ content: "قرارداد:";}
	#his_tour table tr td:nth-child(12):before{ content: "تیکت:";}
	#his_tour table tr td:last-child{ border-bottom: 1px solid #ddd;}
	#his_tour table tr .has_con:before{ display: none;}
	.has_con a span{ display: inline-block;}
	#filtering > div > .flexbox > div{ width: 100%;}
	#filtering > div > .flexbox > div > span{ margin-bottom: 4px; display: block;}
}
.Searchpg{ font-size: 13px; text-align: right; float: left; margin: 10px 0;}
.Searchpg a{ color: var(--color1); transition: all linear 0.2s;}
.Searchpg a:hover{ opacity: .7;}
.Searchpg .graytext{ color: gray;}
.Searchpg i{ position: relative; top: 2px;}

/******** contract *********/
.bodytxt{ font-size:14px; text-align:justify;}
.bodytxt ul, .bodytxt ol{ padding-right: 30px;}
.bodytxt img{ max-width: 100%; margin: 15px auto; display: block;}

/******************************* show more seo text **************************************/
#condition{ overflow:hidden; position:relative; }
.add_bt{ background:#fff; color:#FFF; text-align:center; font-size:15px; cursor:pointer; position: relative; z-index: 3; transition: all .5s linear; }
.add_bt i{ color: var(--color1); font-size: 20px; vertical-align: middle; transition: all .5s linear;}
.add_bt:before{ content:""; height:100px; background: -moz-linear-gradient(90deg, rgba(242,242,242,1) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.05)), color-stop(0%, rgba(242,242,242,0.05)), color-stop(1%, rgba(242,242,242,0.05)), color-stop(90%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,242,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,0.9) 10%, rgba(242,242,242,0.05) 99%, rgba(242,242,242,0.05) 100%, rgba(0,0,0,0.05) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f2f2f2',GradientType=0 ); /* ie6-9 */  position:absolute; left:0; right:0; bottom:36px; display:block;}
.add_bt .addButton{ padding: 5px 10px; line-height: 26px; font-family:'SamimBold'; color: var(--color1); transition: all .5s linear; border-radius: 5px 5px 0 0; display: inline-block;}
.add_bt.open{ background:transparent; bottom:-10px; margin: 20px auto 0 auto; color:#FFF;}
.add_bt.open i{ transform: rotateX(180deg);}
.add_bt{ position:absolute; left:0; right:0; bottom:0; text-align: center;}
.add_bt .addButton:hover{ opacity:0.6;}
.add_bt.open:before{ display:none;}
/******************************* /show more seo text **************************************/

.tb_style{ width: 100%; margin: 15px auto 0; text-align: center; border-collapse: collapse; color: #000; background: #FFFFFF;}
.tb_style td{ padding: 5px; border-bottom: 1px solid #ddd; vertical-align: top;}
.tb_style td a{ color: #3176b3; transition: all linear .2s;}
.tb_style td a:hover{ opacity: 0.8}
.tb_style tr{ transition: all linear .2s;}
.tb_style tr:first-child td{ color: var(--color2); border-bottom: 2px solid var(--color2); background: #fff; font-family: "samimBold";}
.tb_style tr:last-child td{ border: none;}
.tb_style tr:nth-child(2n-1){ background: #f4f4f4;}
.tb_style tr:hover{ background: #E6E6E6;}

.all_info td:nth-child(1){ width: 80px;}
.all_info td:nth-child(2){ width: 120px;}
.all_info td:nth-child(3){ min-width: 160px;}
.all_info td:nth-child(4){ width: 145px;}
.all_info td:nth-child(5){ width: 90px;}
.all_info td:nth-child(6){ width: 120px;}
.all_info td:nth-child(7){ width: 120px;}
.all_info td:nth-child(8){ width: 120px;}
@media only screen and (max-width: 1100px){
	.all_info tr:first-child{ display: none;}
	.all_info td{ width: 100%!important; background: #f4f4f4; text-align: center; display: block;}
	.all_info tr{ margin-bottom: 15px; display: block;}
	.all_info tr:last-child{ margin-bottom: 0;}
	.all_info tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.all_info tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	.all_info tr td:nth-child(1):before{ content: "شناسه سفر:"; color: #fff;}
	.all_info tr td:nth-child(2):before{ content: "نام سفر:";}
	.all_info tr td:nth-child(3):before{ content: "عنوان سفر:";}
	.all_info tr td:nth-child(4):before{ content: "لیدر:";}
	.all_info tr td:nth-child(5):before{ content: "مدت سفر:";}
	.all_info tr td:nth-child(6):before{ content: "تاریخ شروع:";}
	.all_info tr td:nth-child(7):before{ content: "تاریخ پایان:";}
	.all_info tr td:nth-child(8):before{ content: "لینک در سایت:";}
	.all_info tr:last-child td{ border-bottom: 1px solid #ddd;}
}
.infobox{ margin-top: 20px; align-items: stretch; justify-content: flex-start;}
.infobox .each_cell{ padding: 0 30px ; margin: 0; border-left: 1px solid #ddd; justify-content: flex-start;}
.infobox .each_cell:first-child{ padding-right: 0;}
.infobox .each_cell:last-child{ border: none;}
.infobox .each_cell > div:first-child{ margin-left: 5px; color: var(--color2); font-family: "samimBold";}
@media only screen and (max-width: 900px){
	.list_tb tr:first-child,.attch_tb tr:first-child,.mali_tb tr:first-child{ display: none;}
	.list_tb td,.list_tb td,.attch_tb td,.mali_tb td{ width: 100%!important; background: #f4f4f4; text-align: center;  display: block;}
	.list_tb tr,.list_tb tr,.attch_tb ,.mali_tb tr{ margin-bottom: 15px; display: block;}
	.list_tb tr:last-child,.attch_tb tr:last-child,.mali_tb tr:last-child{ margin-bottom: 0;}
	.list_tb tr td:before,.attch_tb tr td:before,.mali_tb tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.list_tb tr td:nth-child(1),.attch_tb tr td:nth-child(1),.mali_tb tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
	.list_tb tr td:nth-child(1):before,.attch_tb tr td:nth-child(1):before,.mali_tb tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
	.list_tb tr td:nth-child(2):before{ content: "نام و نام خانوادگی:";}
	.list_tb tr td:nth-child(3):before{ content: "کد ملی:";}
	.list_tb tr td:nth-child(4):before{ content: "تاریخ تولد:";}
	.list_tb tr td:nth-child(5):before{ content: "شماره موبایل:";}
	.list_tb tr td:nth-child(6):before{ content: "مبلغ:";}
	.list_tb tr:last-child td,.attch_tb tr:last-child td,.mali_tb tr:last-child td{ border-bottom: 1px solid #ddd;}

	.attch_tb tr td:nth-child(2):before{ content: "شناسه:";}
	.attch_tb tr td:nth-child(3):before{ content: "فایل/لینک:";}
	.attch_tb tr td:nth-child(4):before{ content: "موضوع/توضیح:";}
	.attch_tb tr td:nth-child(5):before{ content: "زمان انتشار:";}

    .mali_tb tr td:nth-child(2):before{ content: "وضعیت:";}
    .mali_tb tr td:nth-child(3):before{ content: "شناسه:";}
	.mali_tb tr td:nth-child(4):before{ content: "مبلغ:";}
	.mali_tb tr td:nth-child(5):before{ content: "نوع تراکنش:";}
	.mali_tb tr td:nth-child(6):before{ content: "شماره پیگیری:";}
    .mali_tb tr td:nth-child(7):before{ content: "زمان واریز:";}
    .mali_tb tr td:nth-child(8):before{ content: "واریز‌ کننده:";}
    .mali_tb tr td:nth-child(9):before{ content: "توضیحات:";}
    .mali_tb tr td:nth-child(10):before{ content: "تاریخ ثبت:";}

	.infobox .each_cell{ width: 100%; padding: 10px 0 !important; margin: 0; border: none; border-bottom: 1px solid #ddd;}
	.infobox .each_cell:last-child{ margin-bottom: 0; padding-bottom: 0 !important;}
}

#c_cancel{ margin-top: 10px; background: #ffe0e0; color: #650000; border: 1px dashed #ff8383;}
#c_cancel .sub_icon i{ color: #650000;}
#c_cancel span{ padding: 5px 10px; margin-right: 20px; background: #650000; color: #fff; border-radius: 5px; display: inline-block; cursor: pointer; transition: all linear .2s;}
#c_cancel span:hover{ opacity: .8;}
#c_cancel label{ cursor: pointer;}
#c_cancel label input{ position: relative; top: -1px;}
#ticket_mess{ margin-top: 10px; background: #edffec; color: #333; border: 1px dashed #3aad72;}
#ticket_mess .sub_icon i{ color: var(--color1);}
#ticket_mess span a{ padding: 5px 10px; margin-right: 20px; background: var(--color1); color: #fff; text-shadow: 0px 1px 1px #333; border-radius: 5px; display: inline-block; cursor: pointer; transition: all linear .2s;}
#ticket_mess span a:hover{ background: var(--color2);}
#ticket_mess span a i{ vertical-align: middle;}


#modal{ width: 100%; height: 100vh; padding: 15px; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 1000;}
#modal > div{ height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#modal form{ max-width: 400px; width: 100%; padding: 25px 15px; margin: auto; background: #fff; border-radius: 10px; text-align: center; position: relative; z-index: 15;}
#modal form i{ margin-bottom: 15px; font-size: 50px; color: #650000; display: block;}
#modal form input{ height: 40px; min-width: 80px; padding: 5px 15px; margin: 5px; background: transparent; color: #650000; border: 2px solid #650000; border-radius: 5px; transition: all linear .2s;}
#modal form input:hover{ background: #650000; color: #fff;}
#modal form input#deny{ background: #eee; color: #000; border-color: #999;}
#modal form input#deny:hover{ background: #ccc;} 
#modal form .txt{ margin-bottom: 10px;}
#modal .close_box{ height: 100vh; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;}
@media only screen and (max-width: 768px){
	#c_cancel span{ max-width: max-content; margin: 10px 0 0; display: block;}
}

#payment{ margin: 20px 0 0;}
#payment .other_cost{ margin: 0 10px; color: #3176b3; border-bottom: 1px dotted #3176b3; display: inline-block; cursor: pointer; transition: all linear .2s;}
#payment .other_cost:hover{ opacity: 0.7;}
#payment .go_pay{ padding: 5px 15px; background: #3aad72; color: #fff; display: inline-block; border-radius: 5px; border: none; transition: all linear .2s;}
#payment .go_pay:hover{ background: #2b9d62; border-color: #2b9d62;}
#payment input{ height: 40px; width: 120px; padding: 0 5px; border: 1px solid #ddd; border-radius: 5px; display: none;}
@media only screen and (max-width: 960px){
	#payment .pay_txt{ margin-bottom: 10px; display: block;}
	#payment .other_cost{ margin: 0 0 0 10px;}
}
/*************************** nazarsanji form style ********************/
.bt_box a{ display:inline-block; padding:5px 15px; background:#ea4335; border-radius:5px; color:white; text-decoration:none;}
.bt_box a.bt2{ background:#00af87;}
#nazarsanji{
    max-width: 700px;
     padding: 0 10px 50px 10px;
    margin: auto;
}
/** nazar sanji txt **/
#nazar_txt{
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
}
#nazar_txt span{
    color: #db7600;
}
/** end nazar sanji txt **/
/** nazar sanji table **/
#nazarsanji table{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
#nazarsanji tr:first-child td,.nazartr_bg{
    background: #246aa5 !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    text-shadow: 0px 1px 2px #000000;
    line-height: 25px;
}
#nazarsanji tr{
    border-bottom: 2px dotted #eeeeee;
    font-size: 17px;
}
#nazarsanji tr:first-child{
    border-bottom: none !important;
}
#nazarsanji tr:first-child td:first-child{
    -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
}
#nazarsanji tr:first-child td:last-child{
    -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
            border-radius: 5px 0 0 0;
}
div.nazartr_bg{
    padding: 5px 8px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}
#nazarsanji td{
    padding: 5px;
    line-height: 25px;
}
#nazarsanji td:first-child{
    width: 50px;
    font-size: 17px;
}
#nazarsanji tr:nth-child(2n+1){
    background: #f1f1f1;
}
#nazarsanji td:nth-child(2){
    text-align: right;
}
#nazarsanji div{
    font-size: 17px;
    line-height: 30px;
}
#nazarsanji textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
}
#nazarsanji select{
    width: 50px;
    text-align: center;
    padding: 0px 5px;
    font-size: 15px;
    line-height: 20px;
    font-family: BKoodakBold;
    border: 1px solid #C2C2C2;
    background: #FFFFFF;
    transition: all .3s linear;
}
#nazarsanji textarea{
    padding: 0px 5px;
    font-size: 17px;
    line-height: 20px;
    font-family: BKoodakBold;
    border: 1px solid #a3a3a3;
    background: #f1f1f1;
    transition: all .3s linear;
}
#nazarsanji select:hover,#nazarsanji input[type="checkbox"]:hover,#nazarsanji textarea:hover,
    #nazarsanji select:focus,#nazarsanji textarea:focus,#nazarsanji input[type="checkbox"]:focus{
    box-shadow: 0px 0px 5px #33a1ff;
    border: 1px solid #33a1ff;
}
#nazarsanji input[type="checkbox"]{
    margin-left: 5px;
    position: relative;
    top: 3px;
}
#neazarsanji_ham{
    margin-bottom: 20px;
}
#nazarsanji_sub{
    text-align: center;
    font-size: 0;
}
#nazarsanji_sub input{
    width: 100px;
    height: 40px;
    font-family: BKoodakBold;
    font-size: 17px;
    border: 2px solid var(--color2);
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    background: var(--color2);
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    cursor: pointer;
    display: inline-block;
    transition: all .3s linear;
}
#nazarsanji_sub button{
    width: 40px;
    height: 40px;
    font-family: BKoodakBold;
    font-size: 17px;
    border: 2px solid #00cc66;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    background: #00cc66;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #000000;
    cursor: pointer;
    display: inline-block;
    transition: all .3s linear;
}
#nazarsanji_sub button i{
    position: relative;
    top: 2px;
}
#nazarsanji_sub input:hover{
    background: #FFFFFF;
    color: #07233b;
    text-shadow: none;
}
#nazarsanji_sub button:hover{
    background: #FFFFFF;
    color: #00cc66;
    text-shadow: none;
}
@media only screen and (max-width: 650px) { /*** responsive for 650 px ***/
    .nazartr_bg{
        text-align: center;
    }
    #nazarsanji table:nth-child(1):before{
        content: "سئوالات سری 1";
        padding: 5px;
        margin-top: 15px;
        background: #246aa5 !important;
        -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
        color: #FFFFFF;
        text-shadow: 0px 1px 2px #000000;
        font-size: 19px !important;
        line-height: 25px;
        display: block;
    }
    #nazarsanji table:nth-child(2):before{
        content: "سئوالات سری 2";
        padding: 5px;
        margin-top: 15px;
        background: #246aa5 !important;
        -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
        color: #FFFFFF;
        text-shadow: 0px 1px 2px #000000;
        font-size: 19px !important;
        line-height: 25px;
        display: block;
    }
    #nazarsanji tbody,#nazarsanji tr,#nazarsanji td{
        display: block !important;
    }
    #nazarsanji tr:first-child{
        display: none !important;
    }
    #nazarsanji tr{
        height: auto;
        margin-bottom: 0px;
        padding-bottom: 5px;
        border-bottom: 5px solid #eeeeee;
    }
    #nazarsanji td{
        width: auto !important;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    #nazarsanji td:last-child{
        border: none !important;
    }
    #nazarsanji td:nth-child(1):before {
        content: "ردیف: ";
        font-size: 18px;
        color: #246aa5;
    }
    #nazarsanji td:nth-child(2):before {
        content: "سئوال: ";
        font-size: 18px;
        color: #246aa5;
    }
    #nazarsanji table:nth-child(1) td:nth-child(3):before {
        content: "میزان رضایت: ";
        font-size: 18px;
        color: #246aa5;
    }
    #nazarsanji table:nth-child(1) td:nth-child(4):before {
        content: "ضریب اهمیت: ";
        font-size: 18px;
        color: #246aa5;
    }
    #nazarsanji table:nth-child(2) td:nth-child(3):before {
        content: "امتیاز: ";
        font-size: 18px;
        color: #246aa5;
    }
}
/** end nazar sanji table **/

/** ticket.cfm **/
.plus{ width: 65%; margin-left: auto;}
.plus h1{ margin-left: 20px; display: inline-block;}
.add_ticket{ padding: 5px 10px; background: var(--color1); color: #fff; border-radius: 5px; font-size: 16px; text-shadow: 0px 1px 1px #333; position: relative; top: -3px; display: inline-block;}
.add_ticket i{ vertical-align: middle;}
.add_ticket:hover{ background: var(--color2);}
.addbox .add_ticket{ max-width: max-content; margin: 35px 0 10px; display: block;} 
.plus table a:hover{ opacity: 0.6 !important;}
.certf-list .plus .goto{ max-width: max-content; min-width: 125px; padding: 5px 10px; margin: 5px auto; background: #3aad72; color: #fff !important; border-radius: 5px; display: none !important;}
.flower{ background: url(images/background/flower_pot.webp) no-repeat; background-size: 480px !important; background-position: 15% 100% !important;}
.plus table{ width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; color: #000; background: #ffffff9c;}
.plus table td{ padding: 5px; border-bottom: 1px solid #ddd; vertical-align: top;}
.plus table tr{ transition: all linear .2s;}
.plus table tr:first-child td{ background: var(--color2); color: #fff; font-family: "samimBold";}
.plus table tr:nth-child(2n-1){ background: #f4f4f4;}
.plus table tr:hover{ background: #E6E6E6;}
.plus table td:first-child{ width: 45px;}
.plus table td:nth-child(2){ width: 90px;}
.plus table td:nth-child(4){ text-align: right;}
.plus table td:nth-child(5){ width: 135px;}
.plus table a{ color: #004F8C; display: inline-block;}
.plus .green{ color: green;}
.plus .orange{ color: var(--color1);}
#ticket{ width: 100%;}
#ticket > div,#form4 > div{ margin-bottom: 10px;}
#ticket textarea,#form4 textarea{ width: 100%; height: 150px; padding: 5px; background: #ffffffde; border: 1px solid #ddd; resize: none; border-radius: 5px;}
#ticket select,#ticket input,#form4 select,#form4 .other{ height: 35px; padding: 5px; background: none; border: 1px solid #ddd; border-radius: 5px;}
#ticket input,#form4 .other{ width: 100%; max-width: 250px;}
#ticket button,#form4 button,#form4 .submit input{ height: 35px; width: 150px; padding: 5px; margin: 0 auto 0 0; background: #39B759; color: #fff; border: none; border-radius: 5px; text-shadow: 1px 1px 1px #333; display: block; transition: linear .2s;}
#ticket button:hover{ background: #096;}
#ticket .other,#ticket .other1,#ticket .other2,#form4 .other{ display: none;}
.comm_main{ margin-bottom: 40px;}
.commentbox .user{ width: 150px; text-align: center;}
.commentbox .user i{ color: var(--color1); font-size: 40px; display: block;}
.commentbox .user b{ margin-top: 5px; font-family: "samimbold"; font-size: 17px; display: block;}
.commentbox .user .fa-user{ font-size: 23px;}
.comm_txt{ width: calc(100% - 160px); margin: 0 auto 10px 0; background: #ffffff8f; padding: 15px; border-right: 1px solid #ddd; display: block;}
.comm_txt .fa-user{ margin-left: 5px; color: var(--color1); font-size: 20px;}
.comment_ans{ width: calc(100% - 190px); background: #eeeeee7d; border-right: 2px solid var(--color1);}
.c_top{ color: gray;}
.c_top span{ margin-left: 10px; font-size: 12px; display: inline-block;}
.flex_start{ align-items: flex-start;}
.chartxt{ font-size: 12px; color: gray;}
.dv_height{ min-height: 300px;}
.font16{font-size: 16px;}
@media only screen and (max-width: 1024px) {
    .plus{ width: 100%;}
}
@media only screen and (max-width: 768px) {
    .commentbox .user{ width: 90px;}
    .commentbox .user i{  font-size: 30px;}
    .commentbox .user b{ margin-top: 5px; font-family: "samimbold"; font-size: 15px; display: block;}
    .comm_txt{ width: calc(100% - 100px);}
    .comment_ans{ width: calc(100% - 120px);}
    .flower{ background-size: 300px !important; background-position: 50% 100% !important;}
    .plus table td,.plus table tr{ width: 100% !important; text-align: center !important; border-bottom: none; display: block;}
    .plus table tr{ margin-bottom: 20px;}
	.plus table tr:first-child{ display: none;}
	.plus table tr td:before{ margin-left: 4px; color: var(--color2); font-family: "samimBold";}
	.plus table tr td:nth-child(1){ background: var(--color2); color: #fff; font-family: "samimBold";}
    .plus table tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
    .plus table tr td:nth-child(2):before{ content: "شناسه تیکت:";}
    .plus table tr td:nth-child(3):before{ content: "تاریخ:";}
    .plus table tr td:nth-child(4):before{ content: "عنوان سفر:";}
    .plus table tr td:nth-child(5):before{ content: "وضعیت:";}
    .plus table tr td:last-child{ border-bottom: 1px solid #ddd;}
    .certf-list .plus .goto{ display: block !important;}
}

#box2box{ margin: 20px 0; align-items: stretch;}
#box2box label{ width: Calc(25% - 7.5px); padding: 20px; margin: 0 0 0 10px; border: 1px solid #5AD29F; border-radius: 5px; text-align: center; cursor: pointer; transition: all linear .2s; position: relative;}
#box2box label:hover,#box2box label.active{ background: #C8FFE8;}
#box2box label.active,#box2box label.active i{ color: #007242 !important;}
#box2box label:last-child{ margin-left: 0;}
#box2box label h3{ font-family: "samimBold"; font-size: 17px; line-height: 30px;}
#box2box label i{ margin-bottom: 10px; color: #5AD29F; font-size: 20px; transition: all linear .2s;}
#box2box label:hover i,#box2box label.active i{ color: #333;}
#box2box label input{ position: absolute; visibility: hidden; opacity: 0;}
.each_sec{ display: none;}
#box_1{ display: block;}

#form4 textarea{ height: 90px;}
#form4 .submit{ text-align: center;}
#form4 .btn2{ margin-top: 20px; display: inline-block !important; vertical-align: bottom;}
#form4 .refresh{ width: 35px; background: var(--color1);}
#form4 .btn2:hover{ background: #096;}
#form4 .refresh:hover{ background: #d28001;}
#form4 #description ul{ padding-right: 30px;}
.decheck{ margin-top: 20px; background: #ffffffc7;}

.titr1{ margin-bottom: 5px; font-family: "samimBold"; font-size: 16px;}
.titr1 i,.comment i{ margin-left: 5px; color: var(--color1); }
.comment{ display: block;}
.each_check > div{ width: 50%; padding: 5px; border-bottom: 2px solid #fff;}
#check_field > div:nth-child(odd){ background: #fafafa;}
#check_field > div:nth-child(even){ background: #eee;}
#check_field label,#check_field label input,.decheck input,.decheck label{ cursor: pointer;}
@media only screen and (max-width: 768px) {
    #box2box label{ width: Calc(50% - 10px); margin: 0 0 10px 10px;}
    #box2box label:nth-child(2n){ margin-left: 0;}

}
@media only screen and (max-width: 400px) {
    .each_check > div{ width: 100%; background: #fafafa !important;}
    #check_field > div:nth-child(odd) > div:first-child,#check_field > div:nth-child(even) > div:first-child{ background: #f4f4f4 !important;}
}
/*** safarhaye tasviye nashode ***/
.table_01 table{ width: 100%; margin: 10px auto 0 auto; text-align: center; border-collapse: collapse; background: #FFFFFF;}
.table_01 table td{ padding: 5px; border: 1px solid #ddd;}
.table_01 table tr{ transition: all linear .2s;}
.table_01 table tr:first-child td{ background: #337b33; color: #fff; font-family: "samimBold";}
.table_01 table tr:nth-child(2n-1){ background: #f4f4f4;}
.table_01 table tr:hover{ background: #E6E6E6;}
.table_01 table td:first-child{ width: 45px; text-align: center;}
.table_01 table td:nth-child(3){ width: 120px;}
.table_01 table td:nth-child(4){ width: 140px;}
.table_01 table td:nth-child(5){ width: 140px;}
.table_01 table td:nth-child(6){ width: 300px;}
@media only screen and (max-width: 1024px){
	.table_01 table td,.table_01 table tr{ width: 100% !important; text-align: center; border-bottom: none; display: block;}
	.table_01 table tr{ margin-bottom: 20px;}
	.table_01 table tr:first-child{ display: none;}
	.table_01 table tr td:before{ margin-left: 4px; color: #337b33; font-family: "samimBold";}
	.table_01 table tr td:nth-child(1){ background: #337b33; color: #fff; font-family: "samimBold";}
	.table_01 table tr td:nth-child(1):before{ content: "ردیف"; color: #fff;}
	.table_01 table tr td:nth-child(2):before{ content: "کد تخفیف:";}
	.table_01 table tr td:nth-child(3):before{ content: "کمپین:";}
	.table_01 table tr td:nth-child(4):before{ content: "میزان تخفیف:";}
	.table_01 table tr td:nth-child(5):before{ content: "بازه قابل استفاده:";}
	.table_01 table tr td:nth-child(6):before{ content: "توضیح:";}
	.table_01 table tr td:last-child{ border-bottom: 1px solid #ddd;}
}
/*** safarhaye tasviye nashode ***/
/* reservi */
.tablesub{ width:100%; font-size:14px; border-collapse:collapse; margin:20px auto;}
.tablesub .flexbox{ border-bottom:1px dashed #cac5c5; align-items: center; }
.tablesub .bg_trans{ background: #373737; color: #fff;}
.tablesub a{color:#069;}
.tablesub a:last-child{width:100% !important;}
.tablesub .rcell{ width: 200px; background:#eee; padding:8px; text-align: right;}
.card .rcell{background:#faf9f2; padding:5px; max-width:50px; text-align:right;}
.tablesub .topcell{ padding:5px;}
.tablesub .lcell{ width: Calc(100% - 200px); padding: 5px 15px; background:#FFF; text-align:right;}
.tablesub .lcell #show_in{ padding: 5px; border: 1px solid #ccc; border-radius: 5px;}
.buttond{ margin: 5px; background: #23b061; color: #fff; border: none; padding: 5px 10px; text-shadow: 1px 1px 1px #757575; border-radius: 5px; transition: all linear 0.2s;}
.buttond:hover{background: #19914d;}
@media only screen and (max-width: 900px) {
	.tablesub .rcell, .card .rcell{ width: 125px;}
	.tablesub .lcell{ width: Calc(100% - 125px);}
}
@media only screen and (max-width: 540px) {
	.tablesub .flexbox{border:none;}
	.tablesub .rcell{ border-bottom:1px dashed #E0E0E0;}
	.tablesub .rcell, .tablesub .lcell{width:100%; padding: 5px; display:block; text-align:center;}
}
/*************************** end form style ********************/