html, body{font-family:Vazir,sans-serif;padding:0;margin:0;}
html{height:100%;}
body{position:relative;height:100%;}
input{font-family:Vazir,sans-serif;color:#353535;}
textarea{font-family:Vazir,sans-serif;color:#353535;}
div{font-family:Vazir,sans-serif;}
p{font-family:Vazir,sans-serif;}
h1{font-family:Vazir,sans-serif;}
h2{font-family:Vazir,sans-serif;}
a{font-family:Vazir,sans-serif;}
table{font-family:Vazir,sans-serif;}
form{font-family:Vazir,sans-serif;}
span{font-family:Vazir,sans-serif;}
li{font-family:Vazir,sans-serif;}
@media only screen and (max-width:480px){.desktop,.tablet,.name_left,.requirements_left,.communication_left{display:none;}
}
@media only screen and (min-width:481px) and (max-width:991px){.desktop,.mobile,.name_left,.requirements_left,.communication_left{display:none;}
}
@media only screen and (min-width:992px){.mobile, .tablet{display:none;}
}
.link-all-advs{float:left;font-size:12px;}
.link-articles{float:left;font-size:12px;}   

.header{width:100%;min-height:70px;text-align:center;}
.header-short{width:100%;height:20px;text-align:center;}
.header-menu{width:100%;height:20px; border-bottom: 1px solid silver;text-align:left;}
.header-menu-borderless{width:100%;height:20px;text-align:left;padding-right:50px;}
.log-in{float:left; margin-left: 30px;font-size:12px;}
.user-menu-div a{font-size:16px;}
.user-menu-div{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left; 
margin-left: 10px;font-size:16px;height:30px;position:relative;}
#user-menu{z-index:100;width:140px;padding-right:10px;text-align:center;height:80px;background-color:white;border:1px solid silver;position:absolute;top:25px;left:5px;display:none;font-size:14px;}
.show{display:block;}
.hide{display:none;}

.logo-post{width:100%;height:50px;}
.logo-div{width:80%;height:50px;float:right;text-align:right;font-size:25px;}
.post-div{width:20%;height:50px;float:right;text-align:center;}
.logo-karostan{float:right;margin-right:5px;}
.logo{margin-right:5px;margin-top:5px;}

#logo{margin-right:20px;margin-top:5px;float:right;}
#kar{color:#19aef3;float:right;margin-top:15px;margin-right:5px;}
#ostan{color:#007af4;float:right;margin-top:15px;}
#kar-short{color:#19aef3;float:right;margin-top:0px;margin-right:5px;font-size:15px;
font-weight:bold;}
#ostan-short{color:#007af4;float:right;margin-top:0px;font-size:15px;font-weight:bold;}

area:focus{border:none;outline-style:none;-moz-outline-style:none;-webkit-outline-style:none;}
.header_center{width:100%;position:relative;height:100px;}

.post_adv{background-color:#1DB0F5;width:90px;height:38px;
text-align:center;padding-top:2px;float:left;margin-top:30px;margin-left:5px;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.post_adv:hover{background-color:#007af4;}
.post_adv p{margin-top:5px;}
.post-div a{text-decoration:none;color:#fff;font-size:14px;}
.post-div a:hover{color:#fff;}
.search_container{position:relative;width:100%;min-height:50px;margin:0 auto;margin-top:20px;text-align:center;}
#position, #province{display:block;height:40px;padding:0;padding-right:10px;
width:80%;margin:0 auto;margin-bottom:10px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;
font-size:16px;border:0.05em solid #025ff7;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
#position:focus, #province:focus{outline:none;}
#position::-webkit-input-placeholder{font-family:Vazir,sans-serif;color:#959595;padding-right:10px;font-size:16px;}
#province::-webkit-input-placeholder{font-family:Vazir,sans-serif;color:#959595;padding-right:10px;font-size:16px;}
#submit_btn{display:block;position:relative;cursor:pointer;height:40px;padding:0;
width:82.5%;color:#fff;margin:0 auto;margin-bottom:10px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
box-sizing:content-box;font-size:16px;border:0.05em solid #027ff5;background-color:#027ff5;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
#locations_list_result{position:absolute;margin-top:-50px;text-align:right;background:#FAFAFA;float:right;list-style:none;width:25%;border:1px solid #F0F0F0;margin-right:10%;border-radius:2px;}
#locations_list_result li{margin-right:-50px;border-radius:2px;padding:10px;background:#FAFAFA;border-bottom:1px solid #F0F0F0;}
#locations_list_result li:hover{cursor:pointer;background:#F0F0F0;}
#locations_list{}

#positions_list_result{z-index:200;position:absolute;margin-top:-95px;text-align:right;background:#FAFAFA;float:right;list-style:none;width:25%;border:1px solid #F0F0F0;margin-right:10%;border-radius:2px;}
#positions_list_result li{margin-right:-40px;border-radius:2px;padding:10px;background:#FAFAFA;border-bottom:1px solid #F0F0F0;}
#positions_list_result li:hover{cursor:pointer;background:#F0F0F0;}
#positions_list{}

.center-first-page{width:100%;min-height:600px;display:table;padding:20px;}
.index-welcome-text{width:100%;min-height:50px;color:#656565;font-size:16px;line-height:200%;
font-weight:lighter;margin:0 auto;text-align:center;margin-top:20px;}
.center-first-page .container-fluid.text-center{width:100%;padding:30px;text-align:center;}
.center-first-page .container-fluid.text-center .card{width:120px;min-height:140px;padding:15px;margin:10px;
border:1px solid rgba(0, 0, 0, 0.125);float:right;}
.center-first-page .container-fluid.text-center .col{float:right;}
.center-first-page .container-fluid.text-center .card h3{margin:0;padding:0;font-size:20px;font-weight:200;margin-bottom:10px;}
.center-first-page .container-fluid.text-center .card h4{margin:0;padding:0;font-size:16px;font-weight:300;line-height:120%}


.container-small{width:100%;min-height:40px;margin:0 auto;margin-top:30px;margin-bottom:30px;}
.container-small h2{font-size:15px;padding:0;margin:0;}

.btn-div-index{width:50%;min-height:40px;text-align:center;
float:right;display:-webkit-flex;display:flex;align-items: center;justify-content: center;}
.btn-div-index h2{font-weight:300;}
.btn-div-index a:hover{text-decoration:none;}
.post-adv-index{background:#1DB0F5;height:40px;text-align:center;color:white;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;padding:10px;padding-top:11px;}
.post-adv-index a{}
.post-adv-index:hover{background:#007af4;}
.post-adv-index p{margin-top:5px;}

.chart-div{width:100%;min-height:250px;margin:0 auto;margin-top:-20px;display:table;}
#piechart{width:100%;height:250px;cursor:pointer;padding:0;margin:0;}
#columnchart_values{width:100%;height:250px;cursor:pointer;padding:0;margin:0;margin-top:-30px;}

.center{width:100%; margin-top:30px;}
.center h1:first-child{text-align:center;padding-top:20px;}
.center h1{font-weight:lighter;color:#656565;font-size:20px;}
.center-articles{width:100%;min-height:200px;margin:0 auto;}
.article-name{text-align:center;}

.article-image{text-align:center;width:100%;padding:5px;margin:0 auto;}
#article-one-more{cursor:pointer;color:#025ff7;}
#article-one-continue{display:none;}
#article-two-more{cursor:pointer;color:#025ff7;}
#article-two-continue{display:none;}
#article-three-more{cursor:pointer;color:#025ff7;}
#article-three-continue{display:none;}


.resume-ina {margin-left:10px;width:135px;height:150px;text-align:left; float: left;}
.resume{width:128px;height:80x;float: left;background-color:#088875; border: 1px solid #757575;}
.resume p{text-decoration: none; color: #252525;}
.footer_first_page{width:100%;margin:0 auto;min-height:10px;padding-bottom:7px;margin-top:20px;}
.footer_first_page h2{font-weight:lighter;text-align:center;color:#454545;font-size:12px;padding:0;margin:0;}
.footer_first_page a{text-decoration:none;text-align:center;float:right;margin-right:5px;}
.footer_first_page a h2{text-decoration:none;}

h2#contact-text{color:#337ab7;}
.copy_right{color:#484848;width:30%;}
.copy_center{color:#484848;width:35%;}
.copy_center  h2 a{font-size:16px;font-weight:lighter;cursor:pointer;text-decoration:none;}
.copy_left{color:#484848;width:33%;}
    .footer{width:100%;min-height:285px;background:#cdd0d7;padding-top:10px;display:table;}
	
	.footer-right{
		padding: 5px;
		width: 50%;
        height: 270px;
		float: right;
		text-align: center;
	}
	.footer-right h1{
	    font-size: 16px;
		font-weight: lighter;	
	}
	.footer-logo{
		width: 100%;
		height: 150px;
		text-align: center;
		font-size: 16px;
	}
	
	.footer-left-sitemap{width:100%;height: 240px;float:right;line-height:200%;}
	.footer-left-cities{display:none;width:70%;height:240px;float:right;padding:0px;line-height:200%;}
	.footer-left-cities a{text-decoration:none;color:#1a1a1a;}
	.cities div{float:right;margin-right:40px;}
	.footer-left-sitemap a{
		text-decoration: none;
		color: black;
	}
	
	.footer-left{
		width: 48%;
        height: 270px;
		float: right;
	}
	.footer-left h1{
	    font-size: 20px;
		font-weight:lighter;	
	}
	.footer-right-follow-us{
		width: 100%;
		height: 120px;
		text-align: center;
	}
	.footer-right-follow-us a{
		text-decoration: none;
		color: black;
		font-size: 20px;
	}
	
	.sitemap{
		width: 100%;
		height: 270px;
		
	}
	.sitemap a{
		padding-right: 30px;
		font-size: 16px;
		
		
	}
	.sitemap h1{
		font-size: 22px;
	}
	.copyright{
		width: 100%;
		height: 30px;
		float: right;
		text-align: center;
	}
	.copyright a{
		text-decoration: none;
		color: #484848;
	}
.filter{padding-top:5px;float:right;width:700px;height:40px;padding-right:0;color:#656565;}
.text_filter_category{width:350px;height:40px;font-size:30px;border-radius:5px;}
.text_filter_province{width:350px;height:40px;font-size:30px;border-radius:5px;}
.search_button_container{padding-top:5px;float:right;padding-left:100px;padding-right:0;width:40px;height:40px;}
.search_button{background:white;height:34px;border-radius:5px;padding:2px;}
.location-more{cursor:pointer;color:#656565;}


.big_container{width:100%;margin:0 auto;min-height:300px;}


.favorites-container{position:fixed;bottom:0;width:260px;min-height:30px;z-index:100;}
.favorites-header{width:260px;height:30px;background-color:white;cursor:pointer;padding-right:10px;padding-top:5px;border:1px solid silver;}
.favorite-icon{color:rgb(255,0,16);float:right;font-size:20px;}
.favorite-header-text{color: black;float:right;padding-left:10px;}

.favorites-list{padding-top:5px;width:260px;min-height:38px;border:1px solid silver;background-color:white;display:none;}
.advs-favorite-list{font-size:16px;width:245px;min-height:30px;padding-right:10px;}
.advs-favorite-position{width:220px;height:28px;float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.advs-favorite-remove{width:15px;height:28px;float:right;}
.other-favorites{text-align:center;font-weight:bold;padding-bottom:5px;}

.right{float:right;width:18%;min-height:843px;}
.right p{padding-right:15px;font-size:16px;color:#454545;}
.center-ads{width:81.5%;margin:0 auto;min-height:860px;}
.left{display:none;}

.filters{width:100%;min-height:80px;margin-top:40px;padding-right:15px;}
.filter-header{font-size:16px;width:100%;height:25px;margin-top:20px;}
.filter{font-size:14px;width:100%;height:20px;}
.location-more{font-size:14px;cursor:pointer;}
.locations-hidden{font-size:14px;display:none;}

.filters-container-small{width:100%;min-height:38px;}
.filters-small{padding-top:5px;text-align:center;width:100%;border-radius:2px;height:38px;margin-top:20px;background-color:#e0e0ef;border:1px solid silver;cursor:pointer;}
.filters-menu-small{width:100%;min-height:38px;border-radius:2px;background-color:pink;display:none;}



.pages_div{width:100%;min-height:45px;float:right;display:inline-block;text-align:center;margin-top:20px;}
.pages_div a{font-size:15px;color:black;text-decoration:none;padding:8px 16px;}
.pages_div a:hover{background-color:#ddd;border-radius:4px;}
.pages_div a.disabled{color:#969696;pointer-events:none;cursor:default;}

.no_records_table{text-align:right;margin-top:-50px;}
.no_records{height:100px;padding-right:180px;padding-top:100px;}
.form_div{margin-top:15px;width:100%;height:510px;background-color:#D3D3D3;}
.table_form{margin-top:20px;margin-right:10px;}
.table_form td{padding:5px;font-size:19px;}
.table_form input{border-radius:5px;width:300px;height:30px;font-size:16px;}
.table_form textarea{border-radius:5px;width:300px;height:172px;font-size:16px;}
td.titles_table_form{padding:5px;color:#252525;width:150px;}
.columns{width:100%;height:400px;}
.column_one{width:500px;float:right;}
.column_two{width:500px;float:right;}
.submit_div{margin-top:20px;width:100%;text-align:center;}
.btn_form{background-color:#676A95;width:120px;height:50px;border-radius:5px;border:1px solid #676A95;color:#fff;font-size:16px;}
.btn_preview{background:rgba(219,216,219,1);background:-moz-linear-gradient(top, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,219,1)), color-stop(1%, rgba(219,216,219,1)), color-stop(22%, rgba(219,219,219,1)), color-stop(100%, rgba(169,169,169,1)));background:-webkit-linear-gradient(top, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:-o-linear-gradient(top, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:-ms-linear-gradient(top, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:linear-gradient(to bottom, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd8db', endColorstr='#a9a9a9', GradientType=0);width:120px;height:50px;border-radius:5px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);color:#545159;font-size:16px;margin-left:30px;}
.table_btn_form{margin-right:410px;}
.records_success{width:100%;height:425px;padding:20px;text-align:center;}

.position_info{padding:10px;}
.name_outer{height:38px;width:100%;}
.name_left{width:49%;height:25px;float:right;}
.name_left-top{width:100%;height:25px;}
.name_left-bottom{width:100%;height:10px;border-radius:5px 0px 0px 0px;background-color:#1DB0F5;}
.position_name{padding-right:10px;float:right;border-radius:10px 10px 0px 0px;width:49%;min-height:35px;color:#fff;
background-color:#1DB0F5;}
.position_name_details{min-height:50px;color:black;font-size:16px;margin-top:15px;}

.position_requirements{height:38px;width:100%;}
.requirements_right{padding-right:10px;color:#454545;float:right;height:35px;border-radius:10px 10px 0px 0px;width:49%;
background-color:#e0e0ef;}
.requirements_left{margin-top:25px;border-radius:5px 0px 0px 0px;width:49%;float:right;height:10px;background-color:#e0e0ef;}

.position_communication{height:38px;width:100%;}
.communication_right{padding-right:10px;color:#555555;float:right;height:35px;border-radius:10px 10px 0px 0px;width:49%;
background-color:#e0e0ef;}
.communication_left{margin-top:25px;border-radius:5px 0px 0px 0px;width:49%;float:right;height:10px;background-color:#e0e0ef;}
.position_communication_details{line-height:1.5;font-size:17px;color:#656565;padding-right:15px;}
.btn_preview_outer{padding-left:20px;}
.btn_preview_inner{background:rgba(219,216,219,1);
background:-moz-linear-gradient(top, rgba(219,216,219,1) 0%, 
rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,219,1)),
 color-stop(1%, rgba(219,216,219,1)), color-stop(22%, rgba(219,219,219,1)), 
 color-stop(100%, rgba(169,169,169,1)));background:-webkit-linear-gradient(top, rgba(219,216,219,1) 0%,
 rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);
 background:-o-linear-gradient(top, rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%,
 rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:-ms-linear-gradient(top, rgba(219,216,219,1) 0%,
 rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);background:linear-gradient(to bottom,
 rgba(219,216,219,1) 0%, rgba(219,216,219,1) 1%, rgba(219,219,219,1) 22%, rgba(169,169,169,1) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd8db', endColorstr='#a9a9a9', GradientType=0);
 width:120px;height:50px;float:right;border-radius:5px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);text-align:center;}
.btn_preview_inner p{color:#545159;font-size:16px;}
.preview_form{margin-right:10px;margin-top:-88px;}
.post_outer{}
.post_outer a{text-decoration:none;color:#545159;}
.submit_div table{border:3px solid red;width:100%;}
.table_records_success{margin-top:100px;width:100%;text-align:center;}
.words_records_success{font-size:18px;width:80%;color:#656565;text-align:left;}
.ok_records_success{float:right;width:10%;text-align:right;}
.empty_records_success{width:40%;}
.contacts{margin-top: -25px;width: 100%;height:520px;  text-align: center;}
.contacts p{padding-top:50px; margin-left: 450px;color: white;}
.table_contacts{width:100%;}

/* resume form */

			/*  old */
.resume_form_div{margin-top:15px;width:100%;min-height:1500px;background-color:#D3D3D3;}
.resume_form{}
.btn_form_resume{background-color:#676A95;width:120px;height:50px;border-radius:5px;border:1px solid #676A95;color:#fff;font-size:18px; float:right;}
.experience_p{font-size:18px;font-weight:bold;}
.add_task{cursor:pointer; width: 40px; height: 20px;background-color:#959595; color:white;}
.personal_info td{padding:5px;font-size:19px; background-color: lightgreen;}
.personal_info input{border-radius:5px;width:300px;height:30px;font-size:18px;}
.personal_info textarea{border-radius:5px;width:300px;height:172px;font-size:18px;}
.experience td{padding:5px;font-size:19px; background-color: yellow;}
.experience input{border-radius:5px;width:300px;height:30px;font-size:18px;}
.experience textarea{border-radius:5px;width:300px;height:172px;font-size:18px;}
.education td{padding:5px;font-size:19px;background-color: lightblue;}
.education input{border-radius:5px;width:300px;height:30px;font-size:18px;}
.education textarea{border-radius:5px;width:300px;height:172px;font-size:18px;}

#experience2 td{padding:5px;font-size:19px; background-color: pink;}
#experience3 td{padding:5px;font-size:19px; background-color: blue;}
				
				/*  new */	
.companyname-label{width:100%;padding-top:10px;float:right;}
.companyname-div{width:100%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;float:right;}
.quantity-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.province-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.city-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.experience-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.salary-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.requirements-div{width:95%;min-height:300px;background-color:#f2f2f2;border-radius:2px;margin-top:10px;font-size: 20px;}
.email-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.phone-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.address-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.website-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}
.linkedin-div{width:95%;min-height:30px;background-color:#f2f2f2;border-radius:2px;font-size: 20px;}

.position_info h1{font-size:18px;padding-right:10px;font-weight:lighter;color:#656565;padding-bottom:10px;}
.explanation-post{font-size:18px;}
.explanation-post h1{font-size:16px;padding-right:10px;font-weight:bold;color:#656565;}
.explanation-post h2{font-size:16px;padding-right:10px;font-weight:lighter;color:#656565;
line-height:150%;margin-top:0;}

.position-name-container{width:100%;min-height:40px;font-size:22px;position:relative;margin-bottom:15px;}
.position-name-right{border-radius:10px 10px 0px 0px;width:100%;min-height:38px;
background-color:#1DB0F5;z-index:100;float:right;}
.position-name-label{font-size:16px;width:120px;float:right;padding-top:5px;padding-right:10px;color:#fff;}
.position-name-div{margin-top:4px;padding-right:10px;padding-left:10px;width:calc(100% - 120px);
min-height:30px;float:right;font-size:16px;}
.position-input{width:99%;margin-top:10px;margin-bottom:10px;}
.position-post{width:calc(100% - 100px);min-height:30px;border-radius:2px;border:1px solid silver;}
.position-post-label-lower{width:100px;float:right;}

.input-container{width:99%;min-height:38px;font-size:16px;}
.input-label{width:100%;float:right;padding-top:5px;padding-right:0px;margin-top:5px;}
.input-text{width:100%;min-height:30px;border-radius:2px;border:1px solid silver;padding:5px;}
.input-textarea{width:100%;min-height:150px;border-radius:2px;border:1px solid silver;padding:5px;}
.input-select{width:100%;min-height:30px;border-radius:2px;border:1px solid silver;}
.input-box{min-width:50px;max-width:200px;padding-left:10px;padding-top:3px;padding-right:10px;height:30px;
background-color:silver;margin:10px;color:white;cursor:pointer;
float:right;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-align:center;}
.input-box-show-container{min-width:100%;min-height:5x;padding-top:10px;padding-bottom:10px;display:table;}
.input-box-show{min-width:50px;max-width:200px;padding-left:10px;padding-top:3px;padding-right:10px;height:30px;
background-color:rgb(0, 122, 244);margin-left:10px;margin-bottom:10px;color:white;cursor:pointer;
float:right;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-align:center;}


.position-post-container{width:100%;min-height:38px;font-size:16px;}
.position-post-label{width:100%;float:right;padding-top:5px;padding-right:0px;margin-top:5px;}
.position-input{width:100%;min-height:30px;border-radius:2px;border:1px solid silver;}

.external-link-to-another-site{width:100%;min-height:60px;font-size:16px;}
.external-link-label{margin-right:5px;width:100%;float:right;}
.external-link-div{width:100%;min-height:30px;float:right;border-radius:2px;border:1px solid silver;font-size: 20px;}
.submit-link-div{text-align:center;}
#submit_edit,#submit_link{width:90px;height:35px;}
.submit-sign-up{width:90px;height:35px;}
.submit-sign-up:hover{background-color:silver;border:1px solid #959595;}
.submit-log-in{width:90%;height:35px;}
.submit-log-in:hover{background-color:silver;border:1px solid #959595;}
.form-fill-label{margin-right:10px;margin-bottom:10px;}

@media only screen and (max-width:480px){.desktop,.name_left,.requirements_left,.communication_left{display:none;}
}
@media only screen and (min-width:481px) and (max-width:991px){.mobile,.name_left,.requirements_left,.communication_left{display:none;}
}
@media only screen and (min-width:992px){.mobile{display:none;}
}
[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555; 
}

[placeholder]:empty:focus:before {
    content: "";
}
/* ----------------------------------------------------select------------------------------------------ */
#btn_accept{font-size:20px;width:140px;height:40px;margin-right:20px;}
#btn_refuse{font-size:20px;width:140px;height:40px;margin-right:20px;}
#btn_edit{font-size: 20px; width: 140px; height: 40px;float:right;}
.checked-post{font-size:20px;width:350px;margin:0 auto;padding-top:5px;}
/* -----------------------------------------------------post adv------------------------------------------- */
.form-section{display:none;padding-top:20px}
.container {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
	border:1px solid grey;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top:8px;
	right: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.select-section{font-size:16px;width:100%;min-height:100px;display:table;}
.section{width:100%;min-height:38px;margin-bottom:15px;display:table;}
.section-number{width:50px;min-height:38px;float:right;}
.section-description{width:calc(100% - 50px);min-height:38px;float:right;}
.companyname-post-container{width:99%;min-height:38px;padding-top:10px;}
.companyname-post-label{width:100%;float:right;}
.companyname-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.quantity-post-container{width:99%;min-height:38px;padding-top:10px;}
.quantity-post-label{width:100%;float:right;}
.quantity-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.province-post-container{width:99%;min-height:38px;padding-top:10px;}
.province-post-label{width:100%;float:right;}
.province-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.city-post-container{width:99%;min-height:38px;padding-top:10px;}
.city-post-label{width:100%;float:right;}
.city-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.experience-post-container{width:99%;min-height:38px;padding-top:10px;}
.experience-post-label{width:100%;float:right;}
.experience-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.salary-post-container{width:99%;min-height:38px;padding-top:10px;}
.salary-post-label{width:100%;float:right;}
.salary-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}


.requirements-post-container{width:100%;min-height:338px;}
.requirements-post-inner{width:100%;min-height:38px;font-size:22px;margin-bottom:10px;}
.requirements-post-right{border-radius:10px 10px 0px 0px;width:100%;min-height:38px;background-color:#e0e0ef;}
.requirements-post-left{display:none;border-radius:5px 0px 0px 0px;width:99%;min-height:10px;position:absolute;bottom:0;background-color:#e0e0ef;z-index:1;}
/*.requirements-post-div{width:99%;float:right;min-height:300px;background-color:#f2f2f2;border-radius:2px;margin-top:10px;font-size: 20px;}*/
.requirements_edit{width:100%;min-height:300px;}
.requirements-post-label{font-size:16px;float:right;padding-top:5px;color:black;padding-right:10px;}

.communication-post-div{width:100%;min-height:38px;font-size:22px;display:table;position:relative;}
.communication-post-right{border-radius:10px 10px 0px 0px;width:100%;min-height:38px;background-color:#e0e0ef;}
.communication-post-left{display:none;border-radius:5px 0px 0px 0px;width:99%;min-height:10px;position:absolute;bottom:0;background-color:#e0e0ef;z-index:1;}
.communication-post-label{font-size:16px;float:right;padding-top:5px;color:black;padding-right:10px;}

.communication-post-container{width:100%;min-height:40px;margin-top:5px;}
.email-post-container{width:99%;min-height:38px;padding-top:10px;}
.email-post-label{width:100%;float:right;}
.email-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.phone-post-container{width:99%;min-height:38px;padding-top:10px;}
.phone-post-label{width:100%;float:right;}
.phone-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.address-post-container{width:99%;min-height:38px;padding-top:10px;}
.address-post-label{width:100%;float:right;}
.address-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.website-post-container{width:99%;min-height:38px;padding-top:10px;}
.website-post-label{width:100px;float:right;}
.website-post-div{width:calc(100% - 100px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.linkedin-post-container{width:99%;min-height:38px;padding-top:10px;}
.linkedin-post-label{width:100%;float:right;}
.linkedin-post-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.submit-edit-div{width:100%;min-height:30px;text-align:center;margin-top:10px;position:relative;}
#dialog-simple-section{display:none;width:310px;max-width:100%;min-height:140px;max-height:200px;overflow:auto;
background:#fff;border: 1px solid #c5c5c5;color:#363636;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;
-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px 2px #ccc;box-shadow:2px 2px 2px 2px #ccc;
text-align:center;z-index:999;top:-180px;left:calc(50% - 150px);}
#dialog-loading-simple-section{display:none;width:310px;max-width:100%;min-height:140px;max-height:200px;overflow:auto;
background:#fff;border: 1px solid #c5c5c5;color:#363636;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;
-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px 2px #ccc;box-shadow:2px 2px 2px 2px #ccc;
text-align:center;z-index:999;top:-180px;left:calc(50% - 150px);}
#dialog-simple-section p span{margin-top:15px;padding-bottom:7px;float:right;margin-right:100px;}
#spinner-simple-section{margin-right:20px;}
#dialog-resume{display:none;width:310px;max-width:100%;min-height:140px;max-height:200px;overflow:auto;
background:#fff;border: 1px solid #c5c5c5;color:#363636;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;
-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px 2px #ccc;box-shadow:2px 2px 2px 2px #ccc;
text-align:center;z-index:999;top:-180px;left:calc(50% - 150px);}
#dialog-loading-resume{display:none;width:310px;max-width:100%;min-height:140px;max-height:200px;overflow:auto;
background:#fff;border: 1px solid #c5c5c5;color:#363636;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;
-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px 2px #ccc;box-shadow:2px 2px 2px 2px #ccc;
text-align:center;z-index:999;top:-180px;left:calc(50% - 150px);}
#dialog-resume p span{margin-top:15px;padding-bottom:7px;float:right;margin-right:100px;}
#spinner-resume{margin-right:20px;}
#dialog-contacts{display:none;width:300px;max-width:100%;min-height:150px;max-height:200px;overflow:auto;
background:#007af4;border: 1px solid #c5c5c5;color: white;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;
-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px 2px #ccc;box-shadow:2px 2px 2px 2px #ccc;
text-align:center;z-index:999;top:-180px;left:calc(50% - 150px);}
.dialog-title-div{width:99%;height:30px;/*background-color:#e8e8e8;*/color:#999999;
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin:0 auto;}
.dialog-title{width:calc(100% - 23px);padding:5px;padding-left:10px;font-size:15px;font-weight:bold;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.dialog-close{width:25px;height:25px;background-color:white;
float:right;margin-top:5px;margin-right:3px;border:1px solid #007af4;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
font-size:12px;color:#007af4;display:-ms-flexbox;cursor:pointer;
display:-webkit-flex;display:flex;align-items: center;justify-content: center;}
.dialog-close:hover{transform:scale(1.1);}
.button-dialog{width:60px;height:30px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
margin:0 auto;outline:0;background-color:#007af4;border:1px solid #007af4;color:#fff;}
.button-dialog:hover{transform:scale(1.1);background-color:#19aef3;border:1px solid #19aef3;}
#to-close{margin-top:10px;}
/* -----------------------------------------------------position show------------------------------------------- */
.position-info{width:100%;min-height:300px;font-size:14px;margin-top:20px;padding-left:10px;}
.details-div{width:100%;min-height:30px;margin-top:10px;display:table;}
.details-label{width:100px;min-height:30px;float:right;}
.details-result{width:calc(100% - 100px);min-height:30px;float:right;}
.position-name-container-show{width:100%;min-height:40px;position:relative;}
.position-name-right-show{border-radius:10px 10px 0px 0px;width:100%;min-height:38px;
background-color:#1DB0F5;}
.position-name-left-show{display:none;border-radius:5px 0px 0px 0px;width:100%;min-height:10px;position:absolute;
bottom:0;background-color:#1DB0F5;z-index:1;}
.position-name-label-show{margin-top:7px;width:100px;min-height:30px;float:right;color:#fff;margin-right:15px;}
.position-name-div-show{margin-top:7px;width:calc(100% - 115px);min-height:30px;float:right;color:#fff;}
.position_requirements_details{line-height:1.5;color:black;}
#position-name-span{font-weight:bold;}
.position-show-details{width:100%;min-height:50px;padding-right:15px;color:black;}

.companyname-show-div{width:100%;min-height:40px;margin-bottom:5px;margin-top:10px;}
.companyname-label{width:80px;height:30px;float:right;}
.position-show-companyname{width:calc(100%-80px);min-height:30px;float:right;}

.province-show-div{width:100%;min-height:30px;margin-bottom:10px;}
.province-label{width:80px;height:30px;float:right;}
.position-show-province{width:calc(100%-80px);min-height:30px;float:right;}

.position-show-experience{width:95%;min-height:30px;margin-bottom:10px;}
.position-show-salary{width:95%;min-height:30px;margin-bottom:10px;}
.position-show-quantity{width:95%;min-height:30px;margin-bottom:10px;}
.position-show-date-entered{width:95%;min-height:30px;margin-bottom:10px;}
#date-span{color:#959595;font-size:12px;margin-top:20px;}

/* ------------------------------ log-in.php ------------------------ */
		
.center-log-in{width:100%;min-height:450px;margin-top:20px;text-align:center;
display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;}
.log-in-container{width:100%;height:350px;background-color:#007af4;box-sizing:border-box;outline:none;
margin:0 auto;font-size:16px;padding-top:20px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.log-in-input{width:85%;height:28px;box-sizing:border-box;outline:none;margin:0 auto;background:white;
border:1px solid #007af4;font-size:16px;padding-right:10px;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:7px;}
#email-log-in{margin-top:30px;}
#dialog-error-log-in{display:none;width:300px;max-width:100%;min-height:120px;max-height:100%;overflow:auto;
background:#ffffff;border: 1px solid #c5c5c5;color: #333333;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;top:200px;left:calc(50% - 150px);z-index:999;
text-align:center;}
.dialog-content-loading{display:none;width:100%;min-height:40px;}
#spinner{float:right;margin-right:80px;}
.loading-text{float:right;margin-right:10px;}
.dialog-content-error{display:none;width:100%;min-height:30px;}
.dialog-button-div{width:100%;height:40px;text-align:center;}
.log-in-input:focus{outline:none;}
.submit-log-in{width:80px;height:30px;text-align:center;background-color:white;border:1px solid white;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-top:10px;color:black;}
.submit-log-in:hover{background-color:#19aef3;border:1px solid #19aef3;color:white;}
.submit-log-in:focus{outline:none;}
.sign-up-offer{}
.sign-up-offer a{color:white;}
.sign-up-offer a:hover{text-decoration:none;color:white;}
.hr-line{width:60%;margin:0 auto;margin-bottom:10px;margin-top:10px;}
#other-options-log-in{text-align:center;width:100%;min-height:20px;}
.password-container{position:relative;width:100%;min-height:30px;}
#show-hide-password{position:absolute;left:40px;top:15px;}
#check-email{display:none;width:150px;max-width:150px;min-height:20px;max-height:100%;overflow:auto;
background:#ffffff;border: 1px solid #c5c5c5;color: #333333;padding:5px;padding-bottom:20px;outline: 0;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;top:350px;left:30px;z-index:999;
-moz-box-shadow:    2px 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px 2px #ccc;
  box-shadow:         2px 2px 2px 2px #ccc;text-align:center;}
#form-log-in{width:100%;min-height:60px;margin-top:20x;margin-bottom:10px;}
#forgot-pass-link{width:100%;min-height:20px;}
#forgot-pass-link a:hover{text-decoration:none;}
.log-in-text{color:white;}

/* ------------------------------sign-up.php ------------------------ */

.center-sign-up{width:100%;min-height:450px;margin-top:20px;text-align:center;
display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;}
.sign-up-container{width:100%;height:350px;background-color:#007af4;box-sizing:border-box;outline:none;
margin:0 auto;-font-size:16px;padding-top:20px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#username-sign-up{margin-top:30px;}
.hr-line1{width:60%;margin:0 auto;margin-bottom:10px;margin-top:15px;}		
.submit-sign-up{width:80px;height:28px;text-align:center;box-sizing:border-box;margin:0 auto;
border:1px solid #e0eaf1;font-size:16px;background-color:white;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-top:10px;color:#454545;}				
.submit-sign-up:hover{background-color:#19aef3;border:1px solid #19aef3;color:white;}

/* ------------------------------forgot-pass.php ------------------------ */
.forgot-pass-container{width:100%;height:200px;background-color:#007af4;box-sizing:border-box;outline:none;
margin:0 auto;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:16px;padding-top:20px;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}	
.reset-container{width:100%;height:200px;background-color:#007af4;box-sizing:border-box;outline:none;
margin:0 auto;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:16px;padding-top:20px;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}

/* ----------------------------------------------------EDIT adv------------------------------------------- */
.companyname-edit-container{width:99%;min-height:38px;padding-top:10px;}
.companyname-edit-label{width:80px;float:right;}
.companyname-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;
border-radius:2px;font-size: 16px;}

.quantity-edit-container{width:99%;min-height:38px;padding-top:10px;}
.quantity-edit-label{width:80px;float:right;}
.quantity-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.province-edit-container{width:99%;min-height:38px;padding-top:10px;}
.province-edit-label{width:80px;float:right;}
.province-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.city-edit-container{width:99%;min-height:38px;padding-top:10px;}
.city-edit-label{width:80px;float:right;}
.city-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.experience-edit-container{width:99%;min-height:38px;padding-top:10px;}
.experience-edit-label{width:80px;float:right;}
.experience-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;
border-radius:2px;font-size: 16px;}

.salary-edit-container{width:99%;min-height:38px;padding-top:10px;}
.salary-edit-label{width:80px;float:right;}
.salary-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}


.requirements-edit-container{width:100%;min-height:100px;display:table;}
.requirements-edit-inner{width:100%;min-height:38px;font-size:16px;position:relative;}
.requirements-edit-right{width:100%;padding-right:5px;border-radius:10px 10px 0px 0px;
min-height:38px;background-color:#e0e0ef;}
.requirements-edit-right{display:none;}
.requirements-edit-div{width:100%;float:right;min-height:30px;border:1px solid silver;border-radius:2px;
margin-top:10px;font-size:16px;}

.communication-edit-div{width:100%;min-height:38px;font-size:16px;margin-top:30px;}
.communication-edit-right{width:100%;padding-right:5px;border-radius:10px 10px 0px 0px;
min-height:38px;background-color:#e0e0ef;}
.communication-edit-left{display:none;}
.communication-edit-label{font-size:16px;float:right;padding-top:5px;color:black;}

.communication-edit-container{width:100%;min-height:30px;}
.email-edit-container{width:100%;min-height:38px;padding-top:10px;}
.email-edit-label{width:80px;float:right;}
.email-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.contacts-edit-container{width:99%;min-height:38px;padding-top:10px;}
.contacts-edit-label{width:80px;float:right;}
.contacts-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;}

.phone-edit-container{width:99%;min-height:38px;padding-top:10px;}
.phone-edit-label{width:80px;float:right;}
.phone-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.address-edit-container{width:99%;min-height:38px;padding-top:10px;}
.address-edit-label{width:80px;float:right;}
.address-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.website-edit-container{width:99%;min-height:38px;padding-top:10px;}
.website-edit-label{width:80px;float:right;}
.website-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

.linkedin-edit-container{width:99%;min-height:38px;padding-top:10px;}
.linkedin-edit-label{width:80px;float:right;}
.linkedin-edit-div{width:calc(100% - 80px);float:right;min-height:30px;border:1px solid silver;border-radius:2px;
font-size: 16px;}

              /*-- new adv-container  --*/
.adv-container{width:99%;min-height:70px;padding-bottom:5px; font-size:13px;display:table;}
.adv-titles{width:100%;min-height:70px;display:table;}


.adv-title-favorite{padding-right:1px;padding-top:8px;width:20px;min-height:70px;float:right;}
.adv-position-companyname-location{width:calc(100% - 20px);min-height:70px;float:right;}
.adv-title-position{padding:5px;width:100%;height:25px;
font-size:14px;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.companyname-span{font-size:14px;color:#363636;}
.adv-companyname-location{padding-right:1px;width:100%;height:25px;color:#8e8e8e;
white-space:normal;overflow:hidden;text-overflow:ellipsis;display:block;}
.location-span{font-size:13px;color:#808080;}
.adv-title-description{padding-right:1px;width:100%;
 overflow: hidden;color:#4b4b4b;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
	min-height:20px;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:12px;}
.adv-title-date{padding-right:1px;width:100%;height:20px;float:right;font-size:12px;
white-space:normal;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e8e8e8;} 
.adv-title-position a{color: #000;font-weight:bold;}

/* visited link */
.adv-title-position a:visited {color: #50467f;}

/* mouse over link */
.adv-title-position a:hover {color: #0077b5;}

/* selected link */
.adv-title-position a:active {color: #66caff;} 
.page-titles a:link {color: #025ff7;}

/* visited link */
.page-titles a:visited {color: #50467f;}

/* mouse over link */
.page-titles a:hover {color: #0077b5;}

/* selected link */
.page-titles a:active {color: #66caff;} 


.edit{float:right;padding-left:10px;}
.delete{float:right;}
.favorite{cursor:pointer;}

#favorites-form{}
.settings{float: left;color:#8392aa;padding-left:10px;cursor:pointer;position:relative;}
.settings-menu{font-size:16px;width:120px;min-height:40px;background-color:lightblue;position:absolute;top:30px;left:10px;}
#menu-a{cursor:pointer;}
/* ----------------------------------------------------my-page-new------------------------------------------ */
.company-container{width:100%;min-height:500px;color:#656565;}
.company-upper{width:100%;height:200px;background-image: url("../images/banner/trianglify.png");}
.company-lower{width:100%;min-height:300px;display:table;}
.company-right{width:100%;min-height:400px;float:right;margin-top:-50px;}
.company-left{display:none;width:30%;min-height:300px;float:right;}
.company-info{width:100%;text-align:right;float:right;background-color:white;
min-height:155px;border-top:1px solid silver;border-bottom:1px solid silver;position:relative;}
.company-logo{width:150px;height:150px;background-color:white;border-radius:50%;margin-top:-50px;float:right;
margin-right:50px;border:1px solid silver;position:relative;background-size: cover;background-position: top center;
display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.company-logo:hover #logo-icon-upload{display:block;}
.company-logo:hover #logo-edit{display:block;position:absolute;top:100px;right:60px;font-size:18px;color:#007af4;}
#logo-icon-upload{display:none;position:absolute;bottom:10px;right:60px;z-index:10;cursor:pointer;}
.logo-background{display:none;width:150px;height:150px;position:absolute;top:0px;left:0px;z-index:8;
background-color:rgb(0, 0, 0, 0.2);border-radius:50%;}
.company-logo:hover .logo-background{display:block;}
.logo-image{width:150px;max-height:150px;
display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.company-briefly{width:calc(100% - 105px);padding-right:20px;min-height:170px;float:right;display:table;}
.company-name-div{width:100%;min-height:35px;margin-top:10px;display:table;}
.company-name{min-height:35px;width:calc(100% - 30px);padding-right:5px;padding-left:5px;float:right;font-size:20px;
color:#007af4;display:inline-block;margin-bottom:5px;}
#brief-edit{height:35px;width:30px;font-size:14px;float:left;padding-left:0px;padding-top:5px;cursor:pointer;}
#brief-save{display:none;height:35px;width:30px;font-size:14px;float:left;padding-left:5px;padding-top:5px;cursor:pointer;}

.company-category{min-height:25px;width:calc(100% - 30px);padding-right:5px;padding-left:10px;font-size:14px;display:inline-block;
margin-bottom:5px;}
.company-location{min-height:25px;width:calc(100% - 30px);padding-right:5px;padding-left:10px;font-size:14px;display:inline-block;}
.company-details{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;position:relative;}
.company-links{text-align:center;width:25%;float:right;min-height:50px;margin-top:5px;}
.company-overview{width:95%;min-height:100px;border-bottom:1px solid silver;display:table;margin:0 auto;}
.company-overview h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;}
.overview-right{width:100%;min-height:100px;}
.overview-left{width:100%;min-height:100px;}
.overview-title-name{width:100%;min-height:20px;float:right;margin-bottom:5px;}
.overview-title{width:50%;min-height:20px;float:right;font-size:16px;padding:5px;font-weight:bold;
text-align:right;padding-right:40px;}
.overview-name{width:50%;float:right;min-height:20px;font-size:16px;text-align:right;padding:5px;}
.overview-name:empty:not(:focus)::before{
        content:attr(data-placeholder)
}
#overview-edit{left:10px;top:10px;cursor:pointer;position:absolute;}
#overview-save{display:none;left:10px;top:10px;cursor:pointer;position:absolute;}
.bordered{border:1px solid #007af4;background-clip:border-box;background-origin:padding-box;}
.company-history{padding-right:40px;width:95%;min-height:100px;margin:0 auto;padding-bottom:20px;}
.company-history h1{font-size:16px;font-weight:bold;text-align:right;}
#history{min-height:40px;}
.company-jobs{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;position:relative;}
.company-jobs h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;margin-right:5px;}
.company-media{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;}
.company-media h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;}
.company-posts{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;}
.company-posts h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;}
.company-ads{width:85%;min-height:100px;margin:0 auto;padding-bottom:20px;padding-top:25px;}

/* ----------------------------------------------------my-page-new------------------------------------------ */
.userpage-container{width:100%;min-height:500px;color:#656565;}
.userpage-upper{width:100%;height:200px;background-image: url("../images/banner/trianglify1.png");}
.userpage-lower{width:100%;min-height:300px;}
.userpage-right{width:100%;min-height:400px;margin-top:-50px;}
.userpage-left{display:none;width:30%;min-height:300px;float:right;}
.userpage-info{width:100%;text-align:right;display:table;
min-height:160px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;}
.userpage-logo{width:150px;height:150px;background-color:white;border-radius:50%;margin-top:-50px;float:right;
margin-right:50px;border:1px solid silver;position:relative;background-size: cover;background-position: top center;
display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.userpage-logo:hover #avatar-icon-upload{display:block;}
#avatar-icon-upload{display:none;position:absolute;bottom:10px;right:60px;z-index:10;cursor:pointer;}
.avatar-image{width:150px;max-height:150px;
display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.userpage-logo:hover #logo-edit{display:block;position:absolute;top:100px;right:60px;font-size:18px;color:#007af4;}
.userpage-logo:hover .logo-background{display:block;}
.userpage-briefly{width:100%;padding-right:5px;min-height:155px;float:right;}
.userpage-name-div{width:100%;min-height:35px;display:table;margin-top:10px;position:relative;}
.userpage-name{min-height:35px;width:calc(100% - 60px);padding-right:10px;font-size:18px;color:#007af4;}
#brief-edit{height:35px;width:30px;font-size:16px;cursor:pointer;
position:absolute;left:5px;top:5px;}
#brief-save{display:none;height:35px;width:30px;font-size:16px;cursor:pointer;
position:absolute;left:5px;top:5px;}
#about-edit{height:35px;width:30px;font-size:16px;float:left;margin-left:5px;margin-top:5px;cursor:pointer;}
#about-save{display:none;height:35px;width:60px;font-size:16px;float:left;margin-left:5px;margin-top:5px;
cursor:pointer;}
.userpage-profession{min-height:25px;width:calc(100% - 60px);padding-right:5px;font-size:16px;}
.userpage-location{min-height:25px;width:calc(100% - 60px);padding-right:5px;font-size:16px;}
.userpage-details{width:100%;float:right;min-height:100px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;}
.userpage-links{text-align:center;width:25%;float:right;min-height:50px;margin-top:5px;}
.userpage-overview{width:100%;min-height:100px;border-bottom:1px solid silver;margin:0 auto;}
.userpage-overview h1{font-size:18px;font-weight:bold;text-align:right;padding-right:5px;}
.userpage-overview-right{width:50%;float:right;min-height:100px;}
.userpage-overview-left{width:50%;float:right;min-height:100px;}
.userpage-overview-title{width:50%;float:right;font-size:16px;padding:5px;font-weight:bold;
text-align:right;padding-right:20px;}
.userpage-overview-name{width:50%;float:right;font-size:16px;text-align:right;padding:5px;}
.userpage-history{width:100%;min-height:100px;margin:0 auto;padding-bottom:10px;}
.userpage-history h1{font-size:16px;font-weight:bold;text-align:right;}
.userpage-history-full{display:none;}
.userpage-history-more{cursor:pointer;text-align:left;padding-right:5px;}
.userpage-history-less{display:none;cursor:pointer;text-align:left;padding-right:5px;}
.userpage-favorites{width:100%;min-height:100px;margin:0 auto;padding-bottom:20px;}
.userpage-jobs{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;}
.userpage-jobs h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;margin-right:5px;}
.userpage-media{width:100%;float:right;min-height:200px;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;
margin-top:15px;padding-bottom:20px;}
.userpage-media h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;margin-right:20px;}
.userpage-posts{position:relative;width:100%;float:right;min-height:200px;background-color:white;
border-top:1px solid silver;border-bottom:1px solid silver;margin-top:15px;padding-bottom:20px;}
.userpage-posts h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;margin-right:20px;}
#userpage-post-adv-button{position:absolute;top:20px;left:5px;height:40px;}
.userpage-companies{width:100%;float:right;min-height:100px;background-color:white;border-top:1px solid silver;
border-bottom:1px solid silver;margin-top:15px;padding-bottom:20px;}
.userpage-companies-item-div{width:100%;min-height:20px;border-bottom:1px solid silver;display:table;
font-size:14px;padding-top:5px;padding-bottom:5px;}
.userpage-companies h1{font-size:16px;font-weight:bold;text-align:right;padding-right:5px;margin-right:5px;}
.userpage-companies-item{width:calc(100% - 42px);min-height:38px;float:right;padding-top:5px;line-height:1;}
.userpage-companies-item h1{font-size:16px;color:#007af4;font-weight:lighter;margin:0;padding:0;}

.my-page-container{width:100%;min-height:500px;}
.position_name_inner{display:inline-block;}
.page-titles{width:100%;min-height:38px;border-bottom:1px solid silver;}
.page-position-companyname-location{width:calc(100% - 125px);min-height:38px;float:right;}
.page-position{padding-top:5px;padding-left:5px;width:100%;min-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-companyname-location{padding-top:5px;padding-left:5px;width:100%;min-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-date{padding-top:5px;padding-right:1px;width:100px;min-height:38px;float:right;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-edit{padding-top:5px;padding-right:1px;width:50px;min-height:38px;float:right;background-color:lightblue;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-fav-remove{cursor:pointer;padding-top:10px;padding-right:1px;width:20px;min-height:38px;
float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-ads-remove{cursor:pointer;padding-top:10px;padding-right:1px;width:20px;min-height:38px;
float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-ads-edit{cursor:pointer;padding-top:10px;padding-right:1px;width:20px;min-height:38px;
float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-company-remove{cursor:pointer;padding-top:10px;padding-right:1px;width:20px;min-height:38px;
float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* ----------------------------------------------------contact us------------------------------------------ */
.contact-us{width:100%;min-height:490px;margin:0 auto;display:table;}
.post-comment{width:100%;min-height:390px;margin:0 auto;background-color:#1dade6;padding:20px;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.contact-success{width:100%;text-align:center;color:white;}
.contact-message{width:90%;min-height:150px;margin-right:20px;padding:10px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;
border:0.05em solid #1dade6;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.contact-name-div{width:calc(100% - 38px);margin-right:20px;height:27px;}
.contact-name-label{width:80px;float:right;height:27px;padding-top:5px;color:white;}
.contact-name-content{float:right;width:calc(100% - 80px);height:25px;}
.contact-name{width:calc(100% - 20px);height:25px;padding-right:10px;padding-left:10px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;
border:0.05em solid #1dade6;border-radius:25px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.contact-email-submit-div{width:calc(100% - 38px);margin-right:20px;height:30px;}
.contact-email-label{width:80px;float:right;height:27px;padding-top:5px;color:white;}
.contact-email-content{float:right;width:calc(100% - 160px);height:25px;}
.contact-submit-div{width:50px;margin-left:15px;float:left;height:28px;}
.contact-email{width:calc(100% - 20px);height:25px;padding-right:10px;padding-left:10px;margin-top:0;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;
border:1px solid #1dade6;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.btn-contact-div{width:90%;height:25px;margin:0 auto;text-align:center;}
.all-comments{width:100%;min-height:200px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;
border:1px solid silver;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#contact_submit{height:29px;width:67px;background-color:white;border:1px solid #1dade6;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#contact_submit:hover{background-color:silver;}

/* ----------------------------------------------------All companies------------------------------------------ */
.all-companies-container{width:100%;min-height:600px;margin:0 auto;padding:7px;margin-top:50px;}
.all-companies-item-div{width:100%;min-height:110px;border-bottom:1px solid #e8e8e8;margin-bottom:15px;}
.company-item-logo-div{width:100px;height:100px;border-radius:50%;background-color:silver;float:right;margin-top:-50x;
background-repeat: no-repeat;
    background-size: cover;}
.company-item-div{width:calc(100% - 120px);min-height:100px;float:right;margin-right:20px;margin-top:10px;}
.all-companies-item-div a{font-size:16px;}
.all-companies-item-div a:hover{text-decoration:none;}
.companies-item-detail{width:100%;min-height:33px;}
.companies-item-detail-description{width:100%;max-width:100%;
 overflow: hidden;color:#4b4b4b;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 30px;
	min-height:20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:14px;
	margin-bottom:15px;}


/* ----------------------------------------------------About us------------------------------------------ */
.center-about-us{width:70%;min-height:500px;margin:0 auto;}
.center-about-us h1{font-size:22px;}
.center-about-us p{font-size:16px;line-height:150%;}


/*---------------------------------------------------------Blog-----------------------------------------------------*/
/* green #269c32 */
.header-blog{background-color:#00467f;width:100%;height:40px}
.all-blog-center-div{width:100%;min-height:300px;display:table;}
.all-blog-introduction{width:100%;height:90px;}
.all-blog-introduction h1{font-size:26px;margin-right:20px;color:#555555;float:right;font-weight:bolder;}
#blog-icon{float:right;margin-top:10px;margin-right:15px;}
.blog-logo-karostan{margin-top:12px;margin-right:0px;}
.small-logo-karostan{margin-top:4px;margin-right:40px;}
.introduction-social-links{width:285px;height:50px;margin-top:15px;background-color:#269c32;float:left;padding:10px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.introduction-social-links a{margin-right:5px;}
.all-blog-text-links-div{width:100%;min-height:300px;display:table;}
.all-blog-text{width:100%;min-height:500px;display:table;float:right;padding:10px;text-align:justify;
font-size:17px;line-height:1.7;padding:5px;}
.all-blog-other-links{display:none;width:300px;min-height:300px;display:table;float:right;padding:10px;}
.all-blog-text-item{width:calc(100% - 10px);min-height:190px;margin:5px;
margin-bottom:30px;border-bottom:2px solid silver;background-color:silver}
.all-blog-text-item-image-div{width:340px;min-height:190px;float:right;}
.all-blog-text-item-image{max-width:320px;margin:10px;}
.all-blog-text-item-text{width:calc(100% - 340px);height:190px;float:right;}
.item-text-topic{width:100%;height:40px;background-color:lightblue;}
.item-text-topic h1{font-size:18px;font-weight:bold;margin:10px;}
.item-text-beginning{width: 100%;height:125px;background-color:yellow;padding:5px;}


.all-blog-text-item-text{width:calc(100% - 340px);min-height:180px;float:right;padding:5px;
/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}


.center-articles-div{width:85%;min-height:500px;margin:0 auto;}
.center-articles-div img{width:100%;}
.center-articles-div h1{margin-right:20px;font-size:30px;font-weight:bolder;color:rgb(68, 68, 68);}
.blog-page-menu{width:100%;height:86px;border-bottom:1px solid #e8e8e8;display:table;}
.blog-text-links-div{width:100%;min-height:300px;display:table;}
.blog-other-links{display:none;width:300px;min-height:300px;display:table;float:right;padding:10px;}
.blog-center-div{width:100%;min-height:500px;}
.blog-text{width:100%;min-height:300px;display:table;float:right;padding:10px;text-align:justify;
font-size:17px;line-height:1.7;padding:10px;}

.blog-logo-div{width:300px;height:100px;float:right;text-align:right;font-size:35px;}
#blog-logo{margin-right:60px;margin-top:20px;float:right;}
#blog-kar{color:#19aef3;float:right;margin-top:30px;margin-right:5px;}
#blog-ostan{color:#007af4;float:right;margin-top:30px;}
.nav ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top:25px;
}

.nav li {
  font-size: 18px;
  line-height: 20px;
  text-align: left;
  color:#333333;
}

.nav a {
  text-decoration: none;
  color: #000;
  display: block;
  padding-left: 15px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

.nav a:hover {color:#00BFFF;border-bottom:2px solid #00BFFF;text-decoration:none;}

/* Sub Menus */
.nav li li {
  font-size: .8em;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 650px) {
  .nav li {
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
	text-decoration:none;
  }

  .nav a {
    border-bottom: none;
	text-decoration:none;
  }

  .nav > ul > li {
    text-align: center;
	text-decoration:none;
  }

  .nav > ul > li > a {
    padding-left: 0;
	text-decoration:none;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
	text-decoration:none;
	background-color:#f9f9f9;
  }

  .nav li:hover ul {
    display: block;
	margin-top:-2px;
	border-top:2px solid #00BFFF;
  }

  .nav li ul li {
    display: block;
	text-decoration:none;
	margin-top:-2px;
  }
}
/*------------------------------ side menu --------------------------------------------*/
#nav-toggle{
}
#nav-toggle span{
	position: fixed;
	left:25px;
	top:50px;
	z-index:200;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: #027ff5;
  position: absolute;
  display: block;
  content: '';
}

#nav-toggle span:before {
  top: -7px;
}

#nav-toggle span:after {
  bottom: -7px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;  
  position: fixed;
	left:5px;
	top:70px;
	z-index:310;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;  
  background-color: white;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

.sidenav {
  text-align:right;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 55px;
  left: 0;
  background-color: #007af4;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 30px;
  border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
}

.sidenav a {
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: none;
  transition: 0.5s;
}

.sidenav a:hover {
  color: white;
}

.sidenav-actif {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 300;
  top: 55px;
  left: 0;
  background-color: #007af4;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 30px;
  border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;  
}

.sidenav-actif a {
  padding:10px 10px 10px 10px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.5s;
}

.sidenav-actif a:hover{
  color: white;
  text-decoration:none;
}
.hr-user{width:80%;margin:5px;}

/* ----------------------------------------------------company-promo------------------------------------------- */
.promo-container{width:100%;min-height:500px;text-align:center;margin:0 auto;display:table;padding:7px;margin-top:50px;}
.promo-small-container{width:50%;min-height:100px;float:right;text-align:center;margin-bottom:30px;}
.promo-container-title{width:100%;min-height:30px;}
.promo-container-title h1{font-size:18px;}
.promo-skip{border-radius:2px;text-align:center;margin-top:30px;width:100px;height:50px;float:right;
text-align:center;background-color:lightblue;cursor:pointer;}
.promo-make-company-page{border-radius:2px;text-align:center;margin-top:30px;margin-right:100px;width:250px;height:50px;
float:right;text-align:center;background-color:lightblue;cursor:pointer;}
.promo-skip:hover{background-color:#653455;}
.promo-make-company-page:hover{background-color:#653455;}
.promo-title h2{font-size:16px;}
.promo-description{font-size:13px;}
.promo-buttons{width:70%;height:60px;text-align:center;margin:0 auto;background-color:green;}
.promo-icons{height:80px;}