.headtab_system .full_inp{
		border: 1px solid red;
	}
	.headtab_system *{
		box-sizing: border-box;
		position: relative;
		max-width: 100%;
		font-family: iransans;
	}
	.headtab_system .input_verified {
		border: 2px solid #4caf50 !important;
   		background-color: rgba(76, 175, 80, 0.25) !important;
	}
	
	.headtab_system .input_alarm {
		border: 2px solid #ff5252 !important;
   		background-color: rgba(255,82,82,0.25) !important;
	}
	.headtab_system .tb{
		display: table;
		width: 100%;
	}
	.headtab_system .tb .row{
		display: table-row;
	}
	.headtab_system .tb .cell{
		display: table-cell;
	}
	.headtab_system .orng{
		color:  #ed6615 !important
	}
	.headtab_system .container{
		
	}
	.headtab_system .container .head{
		
	}
	.headtab_system .container .head .tabs{
		display: table;
		border-radius: 50px;
		width: 100%;
		overflow: hidden;
	}
	.headtab_system .container .head .tab{
		display: table-cell;
		vertical-align: middle;
		height: 50px;
		width: 20%;
		text-align: center;
		font-weight: 500;
		cursor: pointer;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-webkit-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none; 
		user-select: none;
		color: #111;
		background-color:#ddd;

/*		color: #0f4267;*/
	}
	.headtab_system .container .head .tab:not(:last-child):after{
		content: '';
		position: absolute;
		display: block;
		left: -5px;
		top: 0;
		height: 40px;
		width: 40px;
		border-top: 4px solid #fff;
		border-left: 4px solid #fff;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform-origin: bottom;
		background-color: #ddd;
		z-index: 1;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	}
	.headtab_system .container .head .tab.selected:after,
	.headtab_system .container .head .tab:hover:after,
	.headtab_system .container .head .tab.selected,
	.headtab_system .container .head .tab:hover{
		background-color: #0f4267;
		background-color: #ed6615;
		color: #fff;

	}
	.headtab_system .container .head .tab.selected_valid:after,
	.headtab_system .container .head .tab.selected_valid{
		background-color: #4caf50;
		color: #fff;
	}
	.headtab_system .container .sections{
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin-top: 20px;
		min-height: 200px;
		overflow: hidden;
	}

	.headtab_system .container .sections .section{
		width: 100%;
	}
	.headtab_system .container .sections .tempalte .demo_header{
		height: 130px;
		border: 1px solid #ddd;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin-top: 30px;
	}
	.headtab_system .container .sections .tempalte .demo_header .txt{
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		font-size: 14px;
	}
	.headtab_system .container .sections{
		
	}
	.headtab_system .container .sections .cell{
		padding:20px 40px;
	}
	.headtab_system .container .sections .cell:first-child{
		width: 70%;
		max-width: 70%;
	}
	.headtab_system .container .sections .cell.help{
		width: 30%;
		max-width: 30%;
		border-right: 1px solid #ccc;
		background-color: #eee;
		color: #111;
	}
	.headtab_system .container .sections .cell.help a:hover{
		opacity: .6;
	}
	.headtab_system .container .sections .cell.help .items{
		margin-top: 10px;
	}
	.headtab_system .container .sections .cell.help .title{
		color: #ed6615;
		font-size: 18px;
		font-weight: 500;
	}
	.headtab_system .container .sections .cell.help a{
		color: #ed6615;
	}
	.headtab_system .container .sections label .inp_title{
		display: block;
		font-weight: 500;
		font-size: 15px;
		margin-bottom: 5px;
		color:#333;
	}
	.headtab_system .container .sections label .inp_title span{
		font-weight: 300;
		font-size: 14px;
	}
	.headtab_system .container .sections label{
		display: block;
		margin-bottom: 20px;
	}
	.headtab_system .container .sections label[for=domain_letter_file]{
		height: 0;
		overflow: hidden;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	}
	.headtab_system .container .sections label[for=domain_letter_file].open{
		height: auto;	
	}
	.headtab_system .container .sections .inline_2{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		font-size: 12px;
	}
	.headtab_system .container .sections .inline_2:nth-child(even){
		margin-right: 4%;
	}
	.headtab_system .container .sections .inline_coolor{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-right: 4%;
	}
	.headtab_system .container .sections label textarea,
	.headtab_system .container .sections label select,
	.headtab_system .container .sections label input{
		width: 100%;
		min-height: 40px;
    	background-color: #fdfdfd;
	}
	.headtab_system .container .sections label textarea{
		height: 100px;
	}
	.headtab_system .container .sections label .desc{
		top:-2px;
		width: 100%;
		padding: 0;
		font-size: 14px;
		background-color: #fffbdd;
		border-radius: 0 0 5px 5px;
		z-index: 1;
		overflow: hidden;
		height: 0;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transform-origin: bottom;
		padding:0 10px;
	}
	.headtab_system .container .sections .desc_top{
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 20px;
		color: #666;
	}
	.headtab_system .container .sections label .desc.open{
		height: auto;
		padding: 7px;
		border: 1px solid #ddd;
	}
	.headtab_system .container .sections .tempalte label .desc.open{
		height: auto;
	}
	.headtab_system .container .sections .tempalte label .desc.open .links a{
		display: inline-block;
		width: 49%;
		z-index: 141;
		color: #ed6615;
		font-weight: 500;
	}



	.headtab_system label.file{
		
	}
	.headtab_system .prev_file{
		text-align: left;
		background-color: #eee;
		padding: 0 20px;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border: 1px solid #ccc;
		border-top:none;
		top: -2px;
	}
	.headtab_system .prev_file .item{
		display: inline-block;
		margin: 20px 20px 20px 0;
		border: 2px solid #fff;
		border-radius: 5px;
		padding: 10px 5px;
		width: 100px;
		height: 100px;
		text-align: center;
		vertical-align: top;
	}
	.headtab_system .prev_file .item .del{
		position: absolute;
		left: -10px;
		top: -10px;
		width: 22px;
		height: 22px;
		cursor: pointer;
		z-index: 1;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iRXJyb3IiPgoJCTxnPgoJCQk8cGF0aCBkPSJNNDIwLjUwMSwyMTguNzljLTAuMjg2LTYuOTQyLTIuODY4LTEzLjgyNy04LjE4Ni0xOS4xMjVjLTUuMjk3LTUuMjk4LTEyLjE4My03Ljg5OC0xOS4xMjUtOC4xODYgICAgIGMtNy43MjYtMC4zMjUtMTUuNTQ4LDIuMjc2LTIxLjQzOCw4LjE4NkwzMDYsMjY1LjQzNmwtNjUuNzUyLTY1Ljc3MWMtNS45MDktNS45MS0xMy43MTItOC40OTItMjEuNDM5LTguMTg2ICAgICBjLTYuOTQyLDAuMjg3LTEzLjgyNywyLjg2OS0xOS4xMjUsOC4xODZjLTUuMjk3LDUuMjk4LTcuODk4LDEyLjE4My04LjE4NiwxOS4xMjVjLTAuMzI1LDcuNzI3LDIuMjc2LDE1LjUyOSw4LjE4NiwyMS40MzkgICAgIEwyNjUuNDM2LDMwNmwtNjUuNzUyLDY1Ljc1MmMtNS45MSw1LjkwOS04LjQ5MiwxMy43MTMtOC4xODYsMjEuNDM4YzAuMjg3LDYuOTQyLDIuODY5LDEzLjgyOCw4LjE4NiwxOS4xMjUgICAgIGM1LjI5OCw1LjI5OCwxMi4xODMsNy44OTksMTkuMTI1LDguMTg2YzcuNzI3LDAuMzI1LDE1LjUzLTIuMjc1LDIxLjQzOS04LjE4NkwzMDYsMzQ2LjU2NGw2NS43NzEsNjUuNzcxICAgICBjNS45MSw1LjkwOSwxMy43MTMsOC40OTEsMjEuNDM5LDguMTg2YzYuOTQyLTAuMjg3LDEzLjgyNy0yLjg2OSwxOS4xMjUtOC4xODZjNS4yOTgtNS4yOTgsNy44OTgtMTIuMTgzLDguMTg2LTE5LjEyNSAgICAgYzAuMzI1LTcuNzI3LTIuMjc2LTE1LjUyOS04LjE4Ni0yMS40MzlMMzQ2LjU2NCwzMDZsNjUuNzUxLTY1Ljc1MkM0MTguMjI2LDIzNC4zMzksNDIwLjgyNiwyMjYuNTM2LDQyMC41MDEsMjE4Ljc5eiBNMzA2LDAgICAgIEMxMzcuMDEyLDAsMCwxMzcuMDEyLDAsMzA2czEzNy4wMTIsMzA2LDMwNiwzMDZzMzA2LTEzNy4wMTIsMzA2LTMwNlM0NzQuOTg4LDAsMzA2LDB6IE0zMDYsNTU0LjYyNSAgICAgQzE2OC45MTIsNTU0LjYyNSw1Ny4zNzUsNDQzLjA4OCw1Ny4zNzUsMzA2UzE2OC45MTIsNTcuMzc1LDMwNiw1Ny4zNzVTNTU0LjYyNSwxNjguOTEyLDU1NC42MjUsMzA2UzQ0My4wODgsNTU0LjYyNSwzMDYsNTU0LjYyNSAgICAgeiIgZmlsbD0iIzBmNDI2NyIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	}
	.headtab_system .prev_file .item a{
		display: inline-block;
		vertical-align: middle;
		top: 50%;
		transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
		position: relative;
	}
	.headtab_system .prev_file .item a img{
		max-height: 100%;
		max-width: 100%;
	}
	.headtab_system label .file_loding{
		position: absolute;
		 left: 10px;
    	top: 43px;
	}
	.headtab_system label input[type=file]{
		direction: rtl;
		border: 1px solid #ccc;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px;
		z-index: 1;
		
	}

	.headtab_system label[for="domain_url"]{
		overflow: hidden;
	}
	

	.headtab_system label[for="domain_url"] img{
		position: absolute;
		width: 28px;
		height: 28px;
		right: -80px;
		top: 85px;
		transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	}
	.headtab_system label[for="domain_url"].loading img{
		right: 10px;
	}
	.headtab_system #domain_url{
		color: #0f4267;
		font-weight: 500;
		font-size: 18px;
	}
	
	.headtab_system_intro .finish_status {
		text-align: center;
		font-size: 26px;
		margin-bottom: 60px;
	}
	.headtab_system_intro .login_item{
		width: 32%;
		margin: 0 auto;
		padding: 20px;
		background-color: #fff;
		overflow: hidden;
		height: 270px;
		transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	}
	.headtab_system_intro .login_item.logout{
		height: 0;
		padding: 0 20px;
	}
	.headtab_system_intro .login_item input[type=submit]{
		background-color: #0f4267;
		width: 60px;
		margin: 10px 0 0 0;
		height: 30px;
	}
	.headtab_system_intro .login_item input[type=submit]:hover{
		opacity: .8;
	}
	.headtab_system_intro .title{
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 10px;
		color:  #0f4267;
	}
	.headtab_system .valid_btn{
		text-align: center;
	}
	.headtab_system .valid_btn a{
		margin: 0;
		cursor: pointer;
	}
	.headtab_system_intro .sell_form{
		text-align: center;
	}
	.headtab_system_intro .sell_form a:before{
		border-color: #ed6615;
	}
	.headtab_system_intro .sell_form a{
		background-color: #ed6615;
		margin: 0;
		cursor: pointer;
	}

	.headtab_system .validation .constract_file{
		margin: 0 auto;
		display: block;
		width: 150px;
		text-align: center;
		margin-bottom: 20px;
		color: red;
		font-size: 18px;
	}
	.headtab_system .validation .factor_tb{
		display: table;
		border-bottom: 1px solid #0f4267;
		border-left: 1px solid #0f4267;
		border-right: 1px solid #0f4267;
		width: 60%;
		margin: 0 auto;
		margin-bottom: 50px;
	}

	.headtab_system .validation .factor_tb .row{
		display: table-row;
	}
	.headtab_system .validation .factor_tb .row .cell{
		display: table-cell;
		width: 50%;
		text-align: center;
		padding: 10px;
	}
	.headtab_system .validation .factor_tb .row .cell:first-child{
		border-left: 1px solid #0f4267;
	}
	.headtab_system .validation .factor_tb .row:first-child .cell:first-child{
		border-left: 1px solid #fff;
	}
	.headtab_system .validation .factor_tb .row:first-child .cell{
		background-color: #0f4267;
		color: #fff;
		font-weight: 500;
		font-size: 20px;
	}
	.headtab_system .validation .factor_tb .row .cell{
		border-top: 1px solid #0f4267;
	}
	.headtab_system .validation{
		padding: 20px;
	}
	.headtab_system .validation .desc,
	.headtab_system_intro .desc{
		margin-bottom: 10px;
		width: 100%;
		font-size: 16px;

		border-radius: 5px;
		transform-origin: bottom;
		padding: 20px 0;
		min-height: 200px;
	}
	.headtab_system .validation .desc p,
	.headtab_system_intro .desc p{
		margin-bottom: 20px;
		padding:0 20px ;
	}

	.hover_b:before{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;	
	}

	#links{
		width: 100%;
	}

	#links a:nth-child(3n-2){
		margin-right: 0;
	}
	#temp_color_first,
	#temp_color_second{
		text-align: center;
		border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
		border:none;
		cursor: pointer;
	}
	#links{
		float: none;
	}
	.f_size0{
		font-size: 0;
	}
}