@charset "UTF-8";
/**
*
*	Name:			پرتال نصب شرکت توسعه ارتباطات وداد یزد
*	Version:		beta
*	Author:			MohammadSamanipour(JSSOR)
*	Created on:		2017
*	Website:		-
--------------------------------------------------------------------------------------
All Right Reserved
--------------------------------------------------------------------------------------
*
**/
@font-face { font-family: 'IranSans'; src: url("fonts/IRANSansWeb.eot?#") format("eot"), url("fonts/IRANSansWeb.woff2") format("woff2"), url("fonts/IRANSansWeb.ttf") format("truetype"); }
@font-face { font-family: 'IranSansBold'; src: url("fonts/IRANSansWeb_Bold.eot?#") format("eot"), url("fonts/IRANSansWeb_Bold.woff2") format("woff2"), url("fonts/IRANSansWeb_Bold.ttf") format("truetype"); }
@font-face { font-family: 'MYRIADPROREGULAR'; src: url("fonts/MYRIADPROREGULAR.eot"); src: local("MYRIADPROREGULAR"), url("fonts/MYRIADPROREGULAR.woff") format("woff"), url("fonts/MYRIADPROREGULAR.ttf") format("truetype"); }
* { margin: 0; padding: 0; }

img { border: 0; max-width: 100%; }

body { direction: rtl; font: 13px "IranSans", "MYRIADPROREGULAR"; height: 100%; width: 100%; background: linear-gradient(270deg, #32404e, #294560, #273544); background-size: 400% 400%; -webkit-animation: vadadBg 15s ease infinite; -moz-animation: vadadBg 15s ease infinite; animation: vadadBg 15s ease infinite; }

@-webkit-keyframes vadadBg { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
@-moz-keyframes vadadBg { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
@keyframes vadadBg { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
div, ul, li { box-sizing: border-box; -moz-box-sizing: border-box; }

a { text-decoration: none; color: inherit; }

nav, ul, ol li, li { list-style: none; margin: 0; padding: 0; }

input[type=text], input[type=password] { font: 10pt "IranSans", "MYRIADPROREGULAR"; text-align: right; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; direction: rtl; }

input[type=button], input[type=submit] { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: 0; background: #32404e; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; text-align: center; }
input[type=button]:hover, input[type=submit]:hover { background: #273544; }

.clear { clear: both; }

.message { width: 100%; color: #FFFFFF; text-align: center; padding: 3px 0; z-index: 999; margin: 0 0 5px 0; }

.loginMessage { position: fixed; top: 0; }

.pageError { position: fixed; width: 100%; height: 100%; padding: 20% 0; font-size: 25px; }

.success { background: #00df03; }

.error { background: #ee0700; }

.warning { background: #00a1ef; }

.show { display: block !important; }

.hide { display: none !important; }

.checkBox { width: auto !important; vertical-align: middle !important; margin: 0 10px 0 5px !important; cursor: auto !important; }

@keyframes shake { 0%,to { transform: translateZ(0); }
  10%,30%,50%,70%,90% { transform: translate3d(-10px, 0, 0); }
  20%,40%,60%,80% { transform: translate3d(10px, 0, 0); } }
section#main .shake { animation-name: shake; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; animation-duration: 1s; animation-fill-mode: both; }
section#main .login-page { width: 360px; padding: 8% 0 0; margin: auto; }
section#main .form { position: relative; z-index: 1; background: #FFFFFF; max-width: 360px; margin: 0 auto 100px; padding: 25px 45px 25px 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }
section#main .form input[type=text], section#main .form input[type=password] { font-family: "Roboto", sans-serif; text-align: left; direction: ltr; }
section#main .form .title { font-size: 17px; color: #273544; margin: 0 0 25px; }
section#main .form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; }
section#main .form .message a { color: #273544; text-decoration: none; }
section#main .form #captcha { float: right; text-align: left; width: 50%; }

section#panel { position: relative; width: 100%; height: 100%; }
section#panel .activePage { position: relative; border-right: 5px solid #2986b8; color: #fafdfd !important; }
section#panel .activeIndex { position: relative; border-right: 5px solid #2986b8; color: #fafdfd !important; }
section#panel .popBox { width: 400px; position: fixed; top: 18%; left: 0; right: 0; margin: 0 auto; display: none; background: #FFFFFF; box-shadow: 0 0 5px #cfcfcf; border: 1px solid #cfcfcf; padding: 10px; z-index: 99999; }
section#panel .popBox .close { font-size: 20px; padding: 5px; cursor: pointer; }
section#panel .popBox p { color: #333; text-align: justify; }
section#panel .popBox p span { float: left; font-weight: bold; }
section#panel .header { background: #eff3f2; width: 80%; height: 40px; position: fixed; top: 0; left: 0; color: #6e7275; -webkit-box-shadow: 0 0 5px #767a7d; box-shadow: 0 0 5px #767a7d; z-index: 999; }
section#panel .header .right { float: right; }
section#panel .header .right .fast_access { padding: 0 15px; }
section#panel .header .right .fast_access ul li { padding: 9px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; display: inline-block; text-align: center; }
section#panel .header .right .fast_access ul li i { font-size: 20px; color: #64676e; vertical-align: middle; }
section#panel .header .right .fast_access ul li:hover { background: #d1d4d6; }
section#panel .header .left { float: left; }
section#panel .header .left .user-details { height: 40px; padding: 8px 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; position: relative; font: 13px 'IranSansBold'; }
section#panel .header .left .user-details img { width: 25px; height: 25px; vertical-align: middle; }
section#panel .header .left .user-details span { font-style: normal; padding: 0 0 0 8px; }
section#panel .header .left .user-details .sub_details { width: 220px; position: absolute; left: 0; top: 40px; background: #d5d9d8; cursor: default; padding: 10px; display: none; box-shadow: 1px 2px 6px #afb1b3; }
section#panel .header .left .user-details .sub_details .right { float: right; }
section#panel .header .left .user-details .sub_details .right img { width: 80px; height: 80px; }
section#panel .header .left .user-details .sub_details .left { padding: 10px 0; width: 110px; float: left; }
section#panel .header .left .user-details .sub_details .left span { padding: 0 0 5px 0; }
section#panel .header .left .user-details .sub_details .left a, section#panel .header .left .user-details .sub_details .left input[type=submit] { font-size: 10px; display: block; padding: 1px 0; }
section#panel .header .left .user-details .sub_details .left input[type=submit] { background: none; border: 0; padding: 0; }
section#panel .header .left .user-details:hover { background: #d5d9d8; }
section#panel .header .left .user-details:hover .sub_details { display: block; }
section#panel .menu-right { position: fixed; top: 0; width: 20%; height: 100%; float: right; background: #32404e; }
section#panel .menu-right .user-title { width: 100%; height: 56px; background: #273544; text-align: center; color: #fafdfd; font-size: 16px; padding: 13px 0; }
section#panel .menu-right .user-details { width: 70%; height: 100px; margin: 0 auto; padding: 15px 0; }
section#panel .menu-right .user-details .user_image { width: 40%; float: right; }
section#panel .menu-right .user-details .user_image img { width: 70px; height: 70px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; vertical-align: middle; }
section#panel .menu-right .user-details span { width: 60%; float: left; color: #fafdfd; text-align: center; font-size: 11px; padding: 10px 0; }
section#panel .menu-right ul#topTitle { position: relative; }
section#panel .menu-right ul#topTitle li { width: 100%; display: block; background: none; color: #acb2b7; padding: 9px 11px; border-bottom: 1px solid rgba(0, 0, 0, 0.22); cursor: pointer; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
section#panel .menu-right ul#topTitle li i { vertical-align: middle; font-size: 16px; padding: 0 0 0 5px; }
section#panel .menu-right ul#topTitle li ul#subTitle { display: block; margin: 10px 0; }
section#panel .menu-right ul#topTitle li ul#subTitle li:before { content: ''; }
section#panel .menu-right ul#topTitle li:hover { color: #fafdfd; border-right: 5px solid #2986b8; }
section#panel .menu-right ul#topTitle #logout:hover { border-right: 5px solid red; }
section#panel .menu-right ul#topTitle #activeLi { background: rgba(16, 139, 181, 0.5); }
section#panel .content-left { width: 80%; float: left; margin: 40px 0 0; }
section#panel .content-left .main-content { padding: 20px 40px; }
section#panel .content-left .main-content .news { margin: 15px 0; }
section#panel .content-left .main-content .news li { width: 49%; height: 140px; border: 1px solid #909090; padding: 10px 20px 10px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; margin: 10px 0 0 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; overflow: hidden; }
section#panel .content-left .main-content .news li hr { width: 100%; margin: 10px auto; }
section#panel .content-left .main-content .news li span { font-size: 10px; float: left; padding: 5px 0; }
section#panel .content-left .main-content .news li:hover { background: #e2e2e2; }
section#panel .content-left .main-content .jobForm, section#panel .content-left .main-content .replyJob, section#panel .content-left .main-content .editJob, section#panel .content-left .main-content .priceForm, section#panel .content-left .main-content .searchForm, section#panel .content-left .main-content .userCash, section#panel .content-left .main-content .cashLog { margin: 10px auto; padding: 25px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); }
section#panel .content-left .main-content .jobForm label, section#panel .content-left .main-content .replyJob label, section#panel .content-left .main-content .editJob label, section#panel .content-left .main-content .priceForm label, section#panel .content-left .main-content .searchForm label, section#panel .content-left .main-content .userCash label, section#panel .content-left .main-content .cashLog label { display: block; margin: 3px 0; }
section#panel .content-left .main-content .jobForm input, section#panel .content-left .main-content .jobForm select, section#panel .content-left .main-content .replyJob input, section#panel .content-left .main-content .replyJob select, section#panel .content-left .main-content .editJob input, section#panel .content-left .main-content .editJob select, section#panel .content-left .main-content .priceForm input, section#panel .content-left .main-content .priceForm select, section#panel .content-left .main-content .searchForm input, section#panel .content-left .main-content .searchForm select, section#panel .content-left .main-content .userCash input, section#panel .content-left .main-content .userCash select, section#panel .content-left .main-content .cashLog input, section#panel .content-left .main-content .cashLog select { width: 22%; background: #fbfbfb; padding: 6px; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); color: #32373c; outline: 0; -webkit-transition: 50ms border-color ease-in-out; transition: 50ms border-color ease-in-out; font: 13px 'IranSans'; }
section#panel .content-left .main-content .jobForm input[type=submit], section#panel .content-left .main-content .replyJob input[type=submit], section#panel .content-left .main-content .editJob input[type=submit], section#panel .content-left .main-content .priceForm input[type=submit], section#panel .content-left .main-content .searchForm input[type=submit], section#panel .content-left .main-content .userCash input[type=submit], section#panel .content-left .main-content .cashLog input[type=submit] { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: 0; background: #32404e; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; transition: all 3s ease; -moz-transition: all 3s ease; -webkit-transition: all 3s ease; -o-transition: all 3s ease; cursor: pointer; text-align: center; }
section#panel .content-left .main-content .jobForm input[type=submit]:hover, section#panel .content-left .main-content .replyJob input[type=submit]:hover, section#panel .content-left .main-content .editJob input[type=submit]:hover, section#panel .content-left .main-content .priceForm input[type=submit]:hover, section#panel .content-left .main-content .searchForm input[type=submit]:hover, section#panel .content-left .main-content .userCash input[type=submit]:hover, section#panel .content-left .main-content .cashLog input[type=submit]:hover { background: #273544; }
section#panel .content-left .main-content .jobForm textarea, section#panel .content-left .main-content .replyJob textarea, section#panel .content-left .main-content .editJob textarea, section#panel .content-left .main-content .priceForm textarea, section#panel .content-left .main-content .searchForm textarea, section#panel .content-left .main-content .userCash textarea, section#panel .content-left .main-content .cashLog textarea { width: 50%; height: 100px; background: #fbfbfb; padding: 6px; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); color: #32373c; outline: 0; -webkit-transition: 50ms border-color ease-in-out; transition: 50ms border-color ease-in-out; font: 13px 'IranSans'; }
section#panel .content-left .main-content .jobForm #backToJob, section#panel .content-left .main-content .replyJob #backToJob, section#panel .content-left .main-content .editJob #backToJob, section#panel .content-left .main-content .priceForm #backToJob, section#panel .content-left .main-content .searchForm #backToJob, section#panel .content-left .main-content .userCash #backToJob, section#panel .content-left .main-content .cashLog #backToJob { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: 0; background: #b90010; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; text-align: center; margin: 10px 0 0; }
section#panel .content-left .main-content .jobForm #backToJob:hover, section#panel .content-left .main-content .replyJob #backToJob:hover, section#panel .content-left .main-content .editJob #backToJob:hover, section#panel .content-left .main-content .priceForm #backToJob:hover, section#panel .content-left .main-content .searchForm #backToJob:hover, section#panel .content-left .main-content .userCash #backToJob:hover, section#panel .content-left .main-content .cashLog #backToJob:hover { background: #84000b; }
section#panel .content-left .main-content .jobForm .jobType, section#panel .content-left .main-content .replyJob .jobType, section#panel .content-left .main-content .editJob .jobType, section#panel .content-left .main-content .priceForm .jobType, section#panel .content-left .main-content .searchForm .jobType, section#panel .content-left .main-content .userCash .jobType, section#panel .content-left .main-content .cashLog .jobType { width: 100%; margin: 0 auto 15px; }
section#panel .content-left .main-content .jobForm .jobType ul li, section#panel .content-left .main-content .replyJob .jobType ul li, section#panel .content-left .main-content .editJob .jobType ul li, section#panel .content-left .main-content .priceForm .jobType ul li, section#panel .content-left .main-content .searchForm .jobType ul li, section#panel .content-left .main-content .userCash .jobType ul li, section#panel .content-left .main-content .cashLog .jobType ul li { display: inline-block; padding: 15px; width: 33%; background: #32404e; text-align: center; color: #FFF; cursor: pointer; }
section#panel .content-left .main-content .jobForm .jobType .active, section#panel .content-left .main-content .replyJob .jobType .active, section#panel .content-left .main-content .editJob .jobType .active, section#panel .content-left .main-content .priceForm .jobType .active, section#panel .content-left .main-content .searchForm .jobType .active, section#panel .content-left .main-content .userCash .jobType .active, section#panel .content-left .main-content .cashLog .jobType .active { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: #2986b8; }
section#panel .content-left .main-content .jobForm .forms, section#panel .content-left .main-content .replyJob .forms, section#panel .content-left .main-content .editJob .forms, section#panel .content-left .main-content .priceForm .forms, section#panel .content-left .main-content .searchForm .forms, section#panel .content-left .main-content .userCash .forms, section#panel .content-left .main-content .cashLog .forms { display: none; }
section#panel .content-left .main-content .jobForm table#address_table input, section#panel .content-left .main-content .jobForm table#address_table textarea, section#panel .content-left .main-content .jobForm table#address_table select, section#panel .content-left .main-content .replyJob table#address_table input, section#panel .content-left .main-content .replyJob table#address_table textarea, section#panel .content-left .main-content .replyJob table#address_table select, section#panel .content-left .main-content .editJob table#address_table input, section#panel .content-left .main-content .editJob table#address_table textarea, section#panel .content-left .main-content .editJob table#address_table select, section#panel .content-left .main-content .priceForm table#address_table input, section#panel .content-left .main-content .priceForm table#address_table textarea, section#panel .content-left .main-content .priceForm table#address_table select, section#panel .content-left .main-content .searchForm table#address_table input, section#panel .content-left .main-content .searchForm table#address_table textarea, section#panel .content-left .main-content .searchForm table#address_table select, section#panel .content-left .main-content .userCash table#address_table input, section#panel .content-left .main-content .userCash table#address_table textarea, section#panel .content-left .main-content .userCash table#address_table select, section#panel .content-left .main-content .cashLog table#address_table input, section#panel .content-left .main-content .cashLog table#address_table textarea, section#panel .content-left .main-content .cashLog table#address_table select { width: 80%; }
section#panel .content-left .main-content .jobForm table#address_table_half input, section#panel .content-left .main-content .replyJob table#address_table_half input, section#panel .content-left .main-content .editJob table#address_table_half input, section#panel .content-left .main-content .priceForm table#address_table_half input, section#panel .content-left .main-content .searchForm table#address_table_half input, section#panel .content-left .main-content .userCash table#address_table_half input, section#panel .content-left .main-content .cashLog table#address_table_half input { width: 60%; }
section#panel .content-left .main-content .jobForm table#address_table_half textarea, section#panel .content-left .main-content .replyJob table#address_table_half textarea, section#panel .content-left .main-content .editJob table#address_table_half textarea, section#panel .content-left .main-content .priceForm table#address_table_half textarea, section#panel .content-left .main-content .searchForm table#address_table_half textarea, section#panel .content-left .main-content .userCash table#address_table_half textarea, section#panel .content-left .main-content .cashLog table#address_table_half textarea { width: 57%; }
section#panel .content-left .main-content .jobForm .fillForm input, section#panel .content-left .main-content .replyJob .fillForm input, section#panel .content-left .main-content .editJob .fillForm input, section#panel .content-left .main-content .priceForm .fillForm input, section#panel .content-left .main-content .searchForm .fillForm input, section#panel .content-left .main-content .userCash .fillForm input, section#panel .content-left .main-content .cashLog .fillForm input { width: 60%; }
section#panel .content-left .main-content .jobForm .userTable table, section#panel .content-left .main-content .jobForm .userTable th, section#panel .content-left .main-content .jobForm .userTable td, section#panel .content-left .main-content .replyJob .userTable table, section#panel .content-left .main-content .replyJob .userTable th, section#panel .content-left .main-content .replyJob .userTable td, section#panel .content-left .main-content .editJob .userTable table, section#panel .content-left .main-content .editJob .userTable th, section#panel .content-left .main-content .editJob .userTable td, section#panel .content-left .main-content .priceForm .userTable table, section#panel .content-left .main-content .priceForm .userTable th, section#panel .content-left .main-content .priceForm .userTable td, section#panel .content-left .main-content .searchForm .userTable table, section#panel .content-left .main-content .searchForm .userTable th, section#panel .content-left .main-content .searchForm .userTable td, section#panel .content-left .main-content .userCash .userTable table, section#panel .content-left .main-content .userCash .userTable th, section#panel .content-left .main-content .userCash .userTable td, section#panel .content-left .main-content .cashLog .userTable table, section#panel .content-left .main-content .cashLog .userTable th, section#panel .content-left .main-content .cashLog .userTable td { border: 1px solid #eaeaea; border-collapse: collapse; text-align: center; padding: 7px 5px; font-size: 13px; }
section#panel .content-left .main-content .jobForm .userTable i, section#panel .content-left .main-content .replyJob .userTable i, section#panel .content-left .main-content .editJob .userTable i, section#panel .content-left .main-content .priceForm .userTable i, section#panel .content-left .main-content .searchForm .userTable i, section#panel .content-left .main-content .userCash .userTable i, section#panel .content-left .main-content .cashLog .userTable i { font-size: 20px; }
section#panel .content-left .main-content .jobForm .expert_select_unit, section#panel .content-left .main-content .replyJob .expert_select_unit, section#panel .content-left .main-content .editJob .expert_select_unit, section#panel .content-left .main-content .priceForm .expert_select_unit, section#panel .content-left .main-content .searchForm .expert_select_unit, section#panel .content-left .main-content .userCash .expert_select_unit, section#panel .content-left .main-content .cashLog .expert_select_unit { display: none; }
section#panel .content-left .main-content #usersBox { height: 200px !important; overflow: auto; }
section#panel .content-left .main-content .currentsJob, section#panel .content-left .main-content .searchForm, section#panel .content-left .main-content .cashLog, section#panel .content-left .main-content .rating { margin: 10px auto; padding: 25px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); }
section#panel .content-left .main-content .currentsJob table, section#panel .content-left .main-content .currentsJob th, section#panel .content-left .main-content .currentsJob td, section#panel .content-left .main-content .searchForm table, section#panel .content-left .main-content .searchForm th, section#panel .content-left .main-content .searchForm td, section#panel .content-left .main-content .cashLog table, section#panel .content-left .main-content .cashLog th, section#panel .content-left .main-content .cashLog td, section#panel .content-left .main-content .rating table, section#panel .content-left .main-content .rating th, section#panel .content-left .main-content .rating td { border: 1px solid #eaeaea; border-collapse: collapse; text-align: center; padding: 7px 5px; font-size: 13px; }
section#panel .content-left .main-content .currentsJob tr#top, section#panel .content-left .main-content .searchForm tr#top, section#panel .content-left .main-content .cashLog tr#top, section#panel .content-left .main-content .rating tr#top { background: #bfbfbf; }
section#panel .content-left .main-content .currentsJob tr#top:hover, section#panel .content-left .main-content .searchForm tr#top:hover, section#panel .content-left .main-content .cashLog tr#top:hover, section#panel .content-left .main-content .rating tr#top:hover { box-shadow: none; }
section#panel .content-left .main-content .currentsJob .search, section#panel .content-left .main-content .searchForm .search, section#panel .content-left .main-content .cashLog .search, section#panel .content-left .main-content .rating .search { background: none !important; }
section#panel .content-left .main-content .currentsJob .search td, section#panel .content-left .main-content .currentsJob .search th, section#panel .content-left .main-content .searchForm .search td, section#panel .content-left .main-content .searchForm .search th, section#panel .content-left .main-content .cashLog .search td, section#panel .content-left .main-content .cashLog .search th, section#panel .content-left .main-content .rating .search td, section#panel .content-left .main-content .rating .search th { border: 0; }
section#panel .content-left .main-content .currentsJob .search input, section#panel .content-left .main-content .searchForm .search input, section#panel .content-left .main-content .cashLog .search input, section#panel .content-left .main-content .rating .search input { background: #FFFFFF; border: 1px solid #c5d4dd; margin: 0; padding: 2px 5px; }
section#panel .content-left .main-content .currentsJob tr, section#panel .content-left .main-content .searchForm tr, section#panel .content-left .main-content .cashLog tr, section#panel .content-left .main-content .rating tr { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; position: relative; }
section#panel .content-left .main-content .currentsJob tr .tooltip, section#panel .content-left .main-content .searchForm tr .tooltip, section#panel .content-left .main-content .cashLog tr .tooltip, section#panel .content-left .main-content .rating tr .tooltip { background: black; color: #FFF; padding: 10px; position: absolute; display: none; margin: 15px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 99; }
section#panel .content-left .main-content .currentsJob tr .tooltip:after, section#panel .content-left .main-content .searchForm tr .tooltip:after, section#panel .content-left .main-content .cashLog tr .tooltip:after, section#panel .content-left .main-content .rating tr .tooltip:after { top: -15px; right: 0; left: 0; margin: 0 auto; border: 8px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: black; transform: rotate(-90deg); }
section#panel .content-left .main-content .currentsJob tr:hover, section#panel .content-left .main-content .searchForm tr:hover, section#panel .content-left .main-content .cashLog tr:hover, section#panel .content-left .main-content .rating tr:hover { -webkit-box-shadow: 0 80px 0 0 rgba(93, 169, 228, 0.61) inset; box-shadow: 0 80px 0 0 rgba(93, 169, 228, 0.61) inset; }
section#panel .content-left .main-content .currentsJob tr:hover .tooltip, section#panel .content-left .main-content .searchForm tr:hover .tooltip, section#panel .content-left .main-content .cashLog tr:hover .tooltip, section#panel .content-left .main-content .rating tr:hover .tooltip { display: block; }
section#panel .content-left .main-content .currentsJob tr:nth-of-type(odd), section#panel .content-left .main-content .searchForm tr:nth-of-type(odd), section#panel .content-left .main-content .cashLog tr:nth-of-type(odd), section#panel .content-left .main-content .rating tr:nth-of-type(odd) { background: #eeeeee; }
section#panel .content-left .main-content .currentsJob td i, section#panel .content-left .main-content .searchForm td i, section#panel .content-left .main-content .cashLog td i, section#panel .content-left .main-content .rating td i { font-size: 19px; vertical-align: middle; }
section#panel .content-left .main-content .currentsJob .priorityOrder, section#panel .content-left .main-content .currentsJob .logOrder, section#panel .content-left .main-content .searchForm .priorityOrder, section#panel .content-left .main-content .searchForm .logOrder, section#panel .content-left .main-content .cashLog .priorityOrder, section#panel .content-left .main-content .cashLog .logOrder, section#panel .content-left .main-content .rating .priorityOrder, section#panel .content-left .main-content .rating .logOrder { padding: 0 0 10px; }
section#panel .content-left .main-content .currentsJob .priorityOrder select, section#panel .content-left .main-content .currentsJob .logOrder select, section#panel .content-left .main-content .searchForm .priorityOrder select, section#panel .content-left .main-content .searchForm .logOrder select, section#panel .content-left .main-content .cashLog .priorityOrder select, section#panel .content-left .main-content .cashLog .logOrder select, section#panel .content-left .main-content .rating .priorityOrder select, section#panel .content-left .main-content .rating .logOrder select { width: 49.8%; display: inline-block; font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: none; text-align: center; border: 0; padding: 9px; background: #e5e9eb; margin: 0 0 10px 0; cursor: pointer; }
section#panel .content-left .main-content .currentsJob .priorityOrder .rightSort, section#panel .content-left .main-content .currentsJob .logOrder .rightSort, section#panel .content-left .main-content .searchForm .priorityOrder .rightSort, section#panel .content-left .main-content .searchForm .logOrder .rightSort, section#panel .content-left .main-content .cashLog .priorityOrder .rightSort, section#panel .content-left .main-content .cashLog .logOrder .rightSort, section#panel .content-left .main-content .rating .priorityOrder .rightSort, section#panel .content-left .main-content .rating .logOrder .rightSort { float: right; width: 48%; padding: 0 0 10px; }
section#panel .content-left .main-content .currentsJob .priorityOrder .leftSort, section#panel .content-left .main-content .currentsJob .logOrder .leftSort, section#panel .content-left .main-content .searchForm .priorityOrder .leftSort, section#panel .content-left .main-content .searchForm .logOrder .leftSort, section#panel .content-left .main-content .cashLog .priorityOrder .leftSort, section#panel .content-left .main-content .cashLog .logOrder .leftSort, section#panel .content-left .main-content .rating .priorityOrder .leftSort, section#panel .content-left .main-content .rating .logOrder .leftSort { float: left; width: 48%; padding: 0 0 10px; }
section#panel .content-left .main-content .currentsJob .priorityOrder .leftSort select, section#panel .content-left .main-content .currentsJob .priorityOrder .rightSort select, section#panel .content-left .main-content .currentsJob .logOrder .leftSort select, section#panel .content-left .main-content .currentsJob .logOrder .rightSort select, section#panel .content-left .main-content .searchForm .priorityOrder .leftSort select, section#panel .content-left .main-content .searchForm .priorityOrder .rightSort select, section#panel .content-left .main-content .searchForm .logOrder .leftSort select, section#panel .content-left .main-content .searchForm .logOrder .rightSort select, section#panel .content-left .main-content .cashLog .priorityOrder .leftSort select, section#panel .content-left .main-content .cashLog .priorityOrder .rightSort select, section#panel .content-left .main-content .cashLog .logOrder .leftSort select, section#panel .content-left .main-content .cashLog .logOrder .rightSort select, section#panel .content-left .main-content .rating .priorityOrder .leftSort select, section#panel .content-left .main-content .rating .priorityOrder .rightSort select, section#panel .content-left .main-content .rating .logOrder .leftSort select, section#panel .content-left .main-content .rating .logOrder .rightSort select { width: 100%; display: inline-block; }
section#panel .content-left .main-content .replyJob input, section#panel .content-left .main-content .editJob input, section#panel .content-left .main-content .priceForm input { cursor: no-drop; }
section#panel .content-left .main-content .replyJob input, section#panel .content-left .main-content .replyJob select, section#panel .content-left .main-content .replyJob textarea, section#panel .content-left .main-content .editJob input, section#panel .content-left .main-content .editJob select, section#panel .content-left .main-content .editJob textarea, section#panel .content-left .main-content .priceForm input, section#panel .content-left .main-content .priceForm select, section#panel .content-left .main-content .priceForm textarea { width: 60%; }
section#panel .content-left .main-content .replyJob #backToJob, section#panel .content-left .main-content .editJob #backToJob, section#panel .content-left .main-content .priceForm #backToJob { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: 0; background: #b90010; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; text-align: center; margin: 10px 0 0; }
section#panel .content-left .main-content .replyJob #backToJob:hover, section#panel .content-left .main-content .editJob #backToJob:hover, section#panel .content-left .main-content .priceForm #backToJob:hover { background: #84000b; }
section#panel .content-left .main-content .replyJob #request, section#panel .content-left .main-content .editJob #request, section#panel .content-left .main-content .priceForm #request { width: 60%; }
section#panel .content-left .main-content .replyJob .editRequest, section#panel .content-left .main-content .editJob .editRequest, section#panel .content-left .main-content .priceForm .editRequest { width: 60%; }
section#panel .content-left .main-content .editJob input, section#panel .content-left .main-content .priceForm input { cursor: auto; }
section#panel .content-left .main-content .searchForm #tableHeader { background: #eaeaea; }
section#panel .content-left .main-content .searchForm #tableHeader:hover { box-shadow: none; }
section#panel .content-left .main-content .searchForm tr { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
section#panel .content-left .main-content .searchForm tr:hover { -webkit-box-shadow: -1100px 0 0 0 rgba(39, 228, 0, 0.61) inset; box-shadow: -1100px 0 0 0 rgba(39, 228, 0, 0.61) inset; }
section#panel .content-left .main-content .searchForm .name, section#panel .content-left .main-content .searchForm .phone1, section#panel .content-left .main-content .searchForm .username, section#panel .content-left .main-content .searchForm .mac { display: none; }
section#panel #viewTable table, section#panel #viewTable th, section#panel #viewTable td { border: 1px solid #d3d3d3; border-collapse: collapse; text-align: center; padding: 7px 5px; font-size: 13px; }
section#panel .pop_view { width: 80%; height: 320px; background: #eeeeee; position: fixed; left: 0; right: 0; top: 15%; margin: 0 auto; padding: 15px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); display: none; overflow: hidden; z-index: 1050; }
section#panel .pop_view .close { font-size: 19px; display: inline-block; float: right; vertical-align: middle; margin: 0 0 0 15px; color: #cc0000; cursor: pointer; padding: 0 15px 10px; }
section#panel .pop_view h3 { padding: 0 0 15px 0; }
section#panel .pop_view table { height: 250px; }
section#panel .pop_view table td { overflow: auto; }
section#panel .pop_view table tr { height: 40px; }
section#panel .pop_view table tr:hover { box-shadow: none !important; }