/*css2015.php*/
.required{ background:#FFC1C1; } .dspn {display: none;} #contentWrap { margin: 0 auto; padding: 10px; width: 1000; height: 115px; border: 1px solid #CCC; border-radius: 8px; background: #EFEFEF; border-radius: 8px; } #leftWrap { float: left; } #rightWrap { float: left; padding: 0 10px; margin: auto; width: 350px; border: 1px solid #CCC; border-radius: 8px; background: #fff; font-size: 1.1em; text-align:center; margin-top: 20px; border-radius: 8px; } .fleft{float: left;} .fright{float: right;} .clearleft {clear: left !important;} .clearright {clear: right !important;} .padding0{padding: 0;} .paddingl5{padding-right:5px;} .paddingr20{padding-left:20px;} .paddingr20t5{padding: 1px 0 2px 20px;} .paddingb10{padding:0 0 10px 0;} .paddingtb5{padding: 3px 0;} .paddinglr15{padding: 0 8px;} .paddingtbl10{padding: 0 0 10px 5px;} .paddingt10{padding-top: 10px;} .marginbuttons{margin-left: 1%;} .marginr5{margin-right: 5px;} .marginr20{margin-right: 20px;} .clear {clear:both;} .marginr60{margin-left:67px;} .marginb10{margin-bottom: 10px !important;} .hide {display: none;} .textbold{font-weight: bold !important;} .textright{text-align:right;} .textleft{text-align:left;} .textcenter{text-align:center;} .vtop{vertical-align:top;} .paddingt15r20{padding: 0 12px 20px 0;} .relative {position: relative;} .absolute {position: absolute;} .pad2 {padding: 2px !important;} .pad3 {padding: 3px !important;} .pad5 {padding: 5px !important;} .pad10 {padding: 10px !important;} .pad15 {padding: 15px !important;} .pad20 {padding: 20px !important;} .pad25 {padding: 25px !important;} .pad50 {padding: 50px !important;} .pad100 {padding: 100px !important;} .padno, .nopadding {padding: 0px !important;} .padnov {padding-top: 0px !important;padding-bottom: 0px !important;} .padnoh {padding-left: 0px !important;padding-right: 0px !important;} .padnotop {padding-top: 0px !important;} .padnoleft {padding-left: 0px !important;} .padnoright {padding-right: 0px !important;} .padnobottom {padding-bottom: 0px !important;} .padonlybottom {padding-top: 0px !important; padding-left: 0px !important;padding-right: 0px !important;} .padonlytop {padding-bottom: 0px !important; padding-left: 0px !important;padding-right: 0px !important;} .padonlyleft {padding-bottom: 0px !important; padding-top: 0px !important;padding-right: 0px !important;} .padonlyright {padding-bottom: 0px !important; padding-top: 0px !important;padding-left: 0px !important;} .margin2 {margin: 2px !important;} .margin5 {margin: 5px !important;} .margin10 {margin: 10px !important;} .margin15 {margin: 15px !important;} .margin20 {margin: 20px !important;} .margin25 {margin: 25px !important;} .margin50 {margin: 50px !important;} .margin100 {margin: 100px !important;} .marginauto {margin: auto !important;} .marginautoh {margin-left: auto !important;margin-right: auto !important;} .marginautov {margin-top: auto !important;margin-bottom: auto !important;} .marginno, .nomargin {margin: 0px !important;} .marginnov, .nomarginv {margin-top: 0px !important;margin-bottom: 0px !important;} .marginnoh, .nomarginh {margin-left: 0px !important;margin-right: 0px !important;} .marginnotop {margin-top: 0px !important;} .marginnoleft {margin-left: 0px !important;} .marginnoright {margin-right: 0px !important;} .marginnobottom {margin-bottom: 0px !important;} .center {margin: 0 auto !important;} .cell {display: table-cell} .vcenter {vertical-align: middle !important;} .horizontal-nav, .horizontal-list, .hlist {list-style-type: none; margin: 10px 0; padding:0;} .horizontal-nav li, .horizontal-list {display: inline-block;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clearoverflow {overflow: hidden;} .font-smaller {font-size: 90% !important;} .font-9 {font-size: 9px !important;} .font-10 {font-size: 10px !important;} .font-11 {font-size: 11px !important;} .font-12 {font-size: 12px !important;} .font-13 {font-size: 13px !important;} .font-14 {font-size: 14px !important;} .font-15 {font-size: 15px !important;} .font-16 {font-size: 16px !important;} .font-17 {font-size: 17px !important;} .font-18 {font-size: 18px !important;} .font-20 {font-size: 20px !important;} .vlist {list-style-type: none; margin:0; padding:0;} .vlist li a {display: block;} .vline {border-bottom: 2px solid #eee; width: 100%;} .imgvcenter{vertical-align:middle;} .font-normal {font-size: 1em !important;} .font-big {font-size: 1.3em !important;} .text-font-normal{font-style: normal !important;} .element-block {display: block;} .element-inline-block {display: inline-block;} .element-inline {display: inline;} .text-limit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .f-break { flex-basis: 100%; height: 0;} .flex {display: flex;} .flex-wrap {flex-wrap: wrap;} .flex-nowrap {flex-wrap: nowrap;} .flex-row {flex-direction: row;} .flex-column {flex-direction: column;} .align-center{align-items:center;} .justify-center {justify-content: center;} .form_table td, .form_fieldset_group td {padding: 2px;} #createJseek .isubmit {margin-top: 20px; padding-left: 20px; padding-right: 20px;} .form_table td.form_table_cell_label, .form_fieldset_group td.form_table_cell_label {padding: 8px 10px 0px 0 !important; font-weight: bold; text-align: right;} .form_element label {font-weight: bold; float: left; width: 200px; padding: 5px 0 0 0px !important; text-align: left;} .form_element .itext, .form_element select {margin: 3px !important;} #body_postjobs #id_separator .form_element {margin-left: 110px;} .validation-advice {margin-left: 200px; clear:both;} .form_element .form_label_normal, .form_element .form_label_checkbox {float: none; display: inline; font-weight: normal; line-height: 30px; width: auto;} .form_element .form_field_checkbox {margin-left: 208px !important;} .form_element .form_optGroup div {float: left;} .form_element_id_hear_about .form_optGroup div {float: none; margin-left: 160px;} .form_element_id_agree .form_field_checkbox {margin-left: 5px !important;} .alert{ padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .alert h4{margin:0} .alert .close{position:relative;top:-2px;right:-21px;line-height:20px} .alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7; margin:0 5px 5px 5px;} .alert-success { background-color: #e7ecda; border-color: #ccc; color: #666;} .alert-success span {color: #7f9c3a; margin:0 10px;} .alert-success img {vertical-align: middle;} .form_odd_row { background-color: silver; } .form_element { clear:both; padding: 0 5px; } .form_error, .form_error li { color: #bb0000;} .form_error li {font-style: oblique; } .form_help { margin: 0; padding: 2px; font-size: 12px; font-style: oblique; color: #666; } input.block {width: auto !important;} .formIn td {text-align: center; margin: 0 auto;} .form_table_cell_label {vertical-align: top; padding-right: 20px;} .form_label_normal {font-weight: normal; padding: 0 3px; display: inline !important; float: none !important;} .validation-advice {color: #bb0000; font-style: oblique; font-size: 12px;} .bx_jsecseparator {font-weight: bold; border-bottom: 1px solid #000; margin: 15px 5px 20px 5px;} .form_element .bx_jsecseparator {margin-left: 0px !important;} .hide {display: none;} a.remove:link, a.remove:visited, a.remove:hover, a.remove:active {position: absolute; left: 360px; bottom: 5px; display: block; font-size: 1rem;} .form_collection_row {position: relative;} .form_collection_id_otherskills a.remove {left: 430px; bottom: 20px;} .form_collection_button,.form_button {text-align: center; clear: both;} .form_collection_id_workexperience{background: #eee; margin:15px 10px;} .form_collection_id_workexperience label{padding-top: 4px !important} .form_collection_id_workexperience a.remove{left: 600px;} .form_collection_id_computerskills{background: #eee; display: block; margin:15px 10px;} .form_collection_id_computerskills label{padding-top: 4px !important} .form_collection_id_computerskills a.remove{left: 600px;} .form_collection_id_trainingcourses{background: #eee; display: block; margin:15px 10px;} .form_collection_id_trainingcourses label{padding-top: 4px !important} .form_collection_id_trainingcourses a.remove{left: 600px;} .form_collection_id_education{background: #eee; display: block; margin:15px 10px;} .form_collection_id_education label{padding-top: 4px !important} .form_collection_id_education a.remove{left: 640px;} .form_collection_id_otherlanguages label{padding-top: 4px !important} .form_collection_id_otherlanguages a.remove{left: 480px;} .form_collection_id_category a.remove{left: 440px;} .form_collection_id_category select{width: 220px;} .form_element_id_salaryopt label, .form_element_id_preflocation label, .form_element_id_trainingcopt label, .form_element_id_compsopt label, .form_element_id_othersopt label {width: auto !important; margin: 0 10px 20px 0;} .form_element_otherskills_id_skillname label{text-align:right;} .form_element_id_agree{text-align:center;} .form_button .save{border: 1px solid #000; background: #666; color: #fff; margin-top: 5px !important; margin-bottom: 15px !important;} .form_element select.fixed{ width:165px; padding: 2px 0;} .ressearchform label{width: 180px; float: left;} .ressearchform div{padding-bottom:3px;} .ressearchform .onerow{padding-left: 10px;} .ressearchform {margin-left: 50px;} .ressearchformbut{padding: 20px 0 0 45px;} .ressearchformbut .form_button {display: inline; padding-left: 30px;} .ressearchformbut a.featured{vertical-align:middle;} .main-backend .form_collection_button .isubmit { background-color: #EEE; padding: 2px 5px !important; margin: 0 !important; font-size: 13px; height: auto; color: #000; border: 1px solid #C6C4C4; } .main-backend .form_field_text, .main-backend .form_field_textarea, .main-backend .form_field_email, .main-backend .form_field_phone, .main-backend .form_field_usphone, .main-backend .form_field_password, .main-backend .form_field_dropdown, .main-backend .form_field_textarea {padding: 2px !important;} .form_element_id_workexperience .form_field_checkbox {margin-left: 5px !important;} .bx_esecseparator {font-weight: bold; border-bottom: 1px solid #000; margin: 15px 0px 20px 0px;} @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; font-display: swap; src: local('Droid Arabic Kufi'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Regular.eot"); src: local('Droid Arabic Kufi'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Regular.eot") format('embedded-opentype'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Regular.woff2") format('woff2'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Regular.woff") format('woff'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Regular.ttf") format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; font-display: swap; src: local('Droid Arabic Kufi'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Bold.eot"); src: local('Droid Arabic Kufi'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Bold.eot") format('embedded-opentype'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Bold.woff2") format('woff2'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Bold.woff") format('woff'), url("https://www.wadhefa.com/themes/default/assets/theme2015/fonts/DroidKufi-Bold.ttf") format('truetype'); } body {background: #FFF; margin:0;font-family: Tahoma, Arial, Helvetica, sans-serif;} td, .content-font {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;} .default_text { font-family: Tahoma, Arial,Helvetica; color: #666666; font-size: 12px; font-weight: normal; } .heading_text { font-family: Tahoma, Verdana, Arial; color: #FFFFFF; font-size: 12px; font-weight: normal; } .required_text { font-family: Tahoma, MS Sans Serif; color: #CC3300; font-size: 12px; font-weight: normal; } .error_text { font-family: tahoma, arial; color: #FF0000; font-size: 12px; font-weight: normal; } .display_text { font-family: Tahoma, Verdana; color: #000000; font-size: 11px; font-weight: normal; } .itext { color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 12px; background: #f5f5f5; font-weight: bold; border: 1px solid #111111; padding: 8px; border-radius: 4px; } .isubmit { color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 12px; background: #EEEEEE; font-weight: bold; border: 1px solid #111111; cursor: pointer; padding: 8px; border-radius: 4px; } textarea { font-family: Tahoma, Arial, Helvetica; font-size: 12px; background-color: #f5f5f5; font-weight: bold; border: 1px solid #000000; padding: 8px; border-radius: 4px; } select { color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 11px; background-color: #f5f5f5; font-weight: bold; border: 1px solid #000000; padding: 8px; border-radius: 4px; } .smallselect { color: #000000; font-family: Tahoma, Arial; font-size: 10px; background-color: #f5f5f5; font-weight: normal; border: 1px solid #000000; width: 135px; } .radio { font-family: Tahoma, Verdana; font-size: 11px; font-weight: bold; } a:link, a:visited { color : #111111; font-family : tahoma, arial; text-decoration : none; font-weight : normal; font-size : 11px; } a:hover { color : #FF0000; font-family : tahoma, arial; text-decoration : underline; font-weight : normal; font-size : 11px; } .regtext { color: #000000; font-family: tahoma, arial; font-weight: bold; font-size: 11px; } .headertdempl { font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: #000000; border: 1px solid #000000; margin-top: 0px; margin-bottom: 0px; } .headertdjob { font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; color: #000000; border: 1px solid #000000; margin-top: 0px; margin-bottom: 0px; background: #EEEEEE; } .verysmall { color: #000000; font-family: tahoma, arial; font-weight: bold; font-size: 10px; } A.featured:LINK, A.featured:VISITED { color : #333333; font-family : tahoma, arial; text-decoration : none; font-weight : bold; font-size : 11px; } A.featured:HOVER { color : #FF0000; font-family : tahoma, arial; text-decoration : underline; font-weight : bold; font-size : 11px; } A.nav:LINK, A.nav:VISITED { color : #666666; font-family : tahoma, verdana; text-decoration : none; font-weight : normal; font-size : 10px; text-transform: uppercase; } A.nav:HOVER { color : #FF0000; font-family : tahoma, verdana; text-decoration : none; font-weight : normal; font-size : 10px; text-transform: uppercase; } hr { height: 1px; color: #CC3300; } ul { margin-top: 0px; margin-bottom: 0px; } .view { color: #666666; font-family: Tahoma, Verdana; font-weight: normal; font-size: 12px; } .ulli { color: #666666; font-family: Tahoma, Verdana; font-size: 12px; background-color: #F5F5F5; font-weight: normal; } .td4textarea { color: #666666; font-family: Tahoma, Verdana; font-size: 10px; background-color: #F5F5F5; font-weight: normal; border: 1px solid #D5D5D5; padding : 15px !important; } .td4impmess { color: #666666; font-family: Tahoma, Verdana; font-size: 10px; background-color: #F5F5F5; font-weight: normal; border: 2px solid #FF0000; padding : 5px; } .compdesc { color: #666666; font-family: Tahoma, Verdana; font-size: 10px; background-color: #F5F5F5; font-weight: normal; border: 1px solid #7DBE43; padding : 10px; } .error { font-family: Tahoma, Verdana; font-size: 10px; color: #FF0000; font-weight: Bold; } .navinput { color: #000099; font-family: Tahoma; font-size: 9px; background: transparent; font-weight: Bold; text-align: center; border: 1px solid #000099; letter-spacing : 1px; } .featcomp { color: #666666; font-family: Tahoma, Arial; font-size: 9px; background: transparent; font-weight: Bold; } .featjobs { color: #666666; font-family: Tahoma, Arial; font-size: 9px; background: transparent; font-weight: Bold; } A.search:LINK, A.search:VISITED { color : #000066; font-family : tahoma, arial; text-decoration : none; font-weight : normal; font-size : 12px; } A.search:HOVER { color : #FFFFFF; font-family : tahoma, arial; text-decoration : none; font-weight : normal; font-size : 12px; background: #999999; } .selectdelim { font-weight: bold; background: #DDDDDD; text-align: center; } .applyunread { background-color: #FFFFFF; color: #000000; font-weight: bold; font-size: 12px; } .applyread { background-color: #FAFAFA; color: #555555; font-weight: normal; font-size: 12px; } A.applyread:LINK,A.applyread:VISITED,A.applyread:HOVER { color: #555555; font-weight: normal; font-size: 12px; } A.applyunread:LINK,A.applyunread:VISITED,A.applyunread:HOVER { color: #0000FF; font-weight: bold; font-size: 12px; } .desctext { text-align: justify; } .tablelist td, .tablelist .col { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #444444; font-size: 11px; font-weight: normal; } .tablelist th { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #222; font-size: 11px; font-weight: bold; } A.tablelist:LINK,A.tablelist:VISITED { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333; font-weight: bold; font-size: 11px; background-color: inherit; } A.tablelist:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold; font-size: 11px; text-decoration: none; } .tableheader { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #222222; font-size: 11px; font-weight: bold; } A.tableheader:LINK,A.tableheader:VISITED { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #222222; font-weight: bold; font-size: 11px; } A.tableheader:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold; font-size: 11px; } .nav_td { border-top: 0px solid #666666; } A.phpjob_link_nav { font-weight: bold; padding-left: 11px; background: url(https://www.wadhefa.com/other/images_all/link.gif) left center no-repeat; margin-right: 12px; } A.phpjob_link_nav:link, A.phpjob_link_nav:hover, A.phpjob_link_nav:active, A.phpjob_link_nav:visited { color: #111111; text-decoration: none; } #popupTitle { background: #FF0000; color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Tahoma, Arial,Verdana,Helvetica; padding-left: 3px; padding-right: 3px; } #popupMesg { background: #EFEFEF; color: #003399; font-weight: normal; font-size: 12px; font-family: Tahoma, Arial,Verdana,Helvetica; padding-left: 3px; padding-right: 3px; } .invborder { border: 1px solid #BBBBBB; } .row_highlight { background-color: #FFFFCC; } .verror_top { color: #FFFFFF; background-color: #FF0000; font-size: 13px; font-weight: bold; border: 1px solid #000000; } #ajax_response{ border: 1px solid #ddd; border-radius: 9px; padding: 5px; margin-bottom: 10px; text-align: left; } .comment_table{ font-size:12px; border: 1px solid #ddd; border-radius: 9px; padding: 5px; } .comment_table input[type="text"],.comment_table textarea,.comment_table input[type="button"]{ border: 1px solid #C6C4C4; width: 94%; box-sizing: border-box; } input[type="button"]{ border: 1px solid #C6C4C4; box-sizing: border-box; padding: 8px; border-radius: 4px; } .comment_table input[type="text"]:hover,.comment_table textarea:hover{ border: 1px solid #C6C4C4; background: #f5f5f5; } .comment_table input[type="text"]:focus,.comment_table textarea:focus{ border: 1px solid #C6C4C4; background: #f5f5f5; } input[type="button"]:hover,input[type="button"]:focus{ border: 1px solid #C6C4C4; } .comment-holder{ border: 1px solid #ADADB6; padding: 5px; width: 98%; float: left; margin-bottom: 5px; border-radius: 9px; background: #f0f0f0; clear:both; } #loading{ visibility: hidden; } .highlight{ background: #fcfcfc; } .comment-date { font-size: 11px; color: #6A7063; border-bottom: 1px solid #928F89; padding-bottom: 3px; margin-bottom: 5px; } .comment-photo{ float:left; padding:5px; text-align: center; width: 70px; } .comment-photo img{ padding: 4px; } .comment-text{ width:82%; float: left; margin: 0px 0px; padding: 5px; height: auto; } .inactivejob {padding:5px 5px 5px 30px; border: none; background: #FFC url(https://www.wadhefa.com/other/english/theme2015/warning_red.png) 2px center no-repeat;border: 1px solid #F00;} .inactivejob span {font-size: 1.2em; font-weight: normal; color: #F00;} .visits {color: #999;} #pollWrap{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; float: left; width: 330px; margin: 0 20px 0 20px; } #pollWraphistory{ width: 95%; margin: auto; font-size: 1.2em; } #pollWrap form{ margin: 0; padding: 0; } #pollWrap { font-size: 1em; margin: auto; float: left; } #pollWraphistory h3 { font-size: 1em; margin: auto; } #pollWrap ul{ margin: 0; list-style:none; float: left; margin: 20px 0 0 10px; width: 90%; } #pollWraphistory ul { margin: 0; list-style:none; float: left; padding: 0; width: 80%; } #pollWrap li{ padding: 0; margin: 0; overflow:hidden; font-size: 1em; clear: both; } #pollWrap li input{ display: block; float: left; } .pollAnswer {} #pollWraphistory li { padding: 0; margin: 0; overflow:hidden; font-size: 1em; clear: both; } #pollWraphistory li { font-size: 1em; padding: 2px 0; } #pollWrap li span { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; display: block; float: left; line-height: 15px; } #pollWraphistory li span { font-size: 1em; } .pollChart { margin-left: 25px; height: 5px; width:1px; display: none; float: left; display: block; } #pollSubmit { margin-top: 15px; } #pollMessage { color:#C00; font-size: 1em !important; font-weight: bold; } .pollResultsBut { float: right;padding:5px 40px 0 0; } div.pollinner { color: #000; font-family: verdana, arial, sans-serif;} div.pollinner { margin: 0 auto 10px auto; background: #f8f8f8; padding: 0 8px; zoom:1; height: 145px;border: 0px solid #eee;} div.pollouter { float: left; margin: 15px; background: #000; padding: 8px; width: 1020 } div.pollinner2 { margin: 30px auto 0 auto; background: #fff; padding: 0; zoom:1;width: 330px; text-align:center;border: 1px solid #ccc;} .pollinner2 h3{margin: 20px 10px 10px 10px; padding: 0;color: #000; font-family: tahoma, verdana, arial, sans-serif; font-size: 9px; font-weight: bold;} div.pollouter2 { float: left; margin: 15px; background: #000; padding: 8px; width: 350px; } .social_icons{margin: auto; width: 335px;} .footer_google_adsense, .footer-ad-box, .ct-banner, .google_adsense_block {background: #f8f8f8; padding: 10px 0; border: 0px solid #eee; text-align:center;} .footer_google_adsense div, .footer-ad-box div, .ct-banner-div {margin: 0 auto; width: 970px; height: 90px;} .google_adsense_block div {margin: 0 auto; width: 300px; height: 250px;} .footer_marquee { margin: 0 auto 0 auto; background: #f8f8f8; padding: 10px 0; border: 0px solid #eee; display: block; width: 1020px; border-radius: 0;} .footer_links { margin: 0 auto 0 auto; background: #f8f8f8; padding: 10px 10px; border: 0px solid #eee; display: block;} .footer_links a, .footer_links a:visited, .footer_links a:active { color: #999;} .footer_links span {font-weight: bold; color: #999;} .footerspace{padding: 5px 0; clear:both;} .rightside_box { margin: 0 auto 10px auto; background: #fff; padding: 10px 10px; border: 0px solid #eee; display: block; } .leftside_box { margin: 0 auto 10px auto; background: #fff; padding: 10px 10px; border: 0px solid #eee; display: block; } .middle_box { margin: 0 0 10px 0; background: #f8f8f8; padding: 3px; border: 0px solid #eee; display: block; box-sizing: border-box; } .middle_box_half { margin-bottom:10px; background: #f8f8f8; padding: 0.5%; border: 0px solid #eee; display: block; width: 48.5%;} .toplogo_box { margin: 0 auto 0 auto; background: #f8f8f8; padding: 10px 5px; border: 0px solid #eee; display: block; text-align:center;float: left; width: 320px; height: 65px;} .toplogo_box img{vertical-align:middle;} .topbanner_box { margin: 0 auto 0 auto; background: #f8f8f8; padding: 0px; border: 0px solid #eee; display: block;float: right;width: 680px; height: 85px;} .topbanner_box .bannerimg{width: 472px; margin: 0 auto; text-align: center} .onlinevisit_box, .toplanguage_box {width: 90px; margin-right: 25px;} .toplanguage_box {background: #cc5e31; padding: 3px 0px; border: 0px solid #eee; display: block; vertical-align:top; height: 20px !important; float: right;} .toplanguage_box a:link,.toplanguage_box a:visited,.toplanguage_box a:hover,.toplanguage_box a:active {display: block; color: #FFF; font-weight: bold; text-align: center; font-size: 13px; text-decoration: none;} .topheaderbanner{display: block; float: left; width: 565px; padding: 10px 0;} .topheaderlogo{margin: auto;} .topmenuright_box { margin: 0; background: #96ba3f; padding: 10px 7px; border: 0px solid #eee; display: block; float: right; color: #fff; width: 645px; height: 13px;} .topmenuright_box a ,.topmenuright_box a:hover, .topmenuright_box a:visited, .topmenuright_box a:active {color: #fff; font-size: 12px; font-weight: bold;} .topmenuright_box td {color: #fff; text-align:center;} .topmenuleft_box { margin: 0; background: #ffbf3f; padding: 10px 7px; border: 0px solid #eee; display: block;color: #fff;float: left;width: 293px; height: 13px;} .topmenuleft_box a, .topmenuleft_box a:hover, .topmenuleft_box a:visited, .topmenuleft_box a:active{color: #fff; font-size: 12px;} .topmenuright_box2 { margin: 0; background: #96ba3f; padding: 10px 7px; border: 0px solid #eee; display: block; float: right; color: #fff; width: 530px;} .topmenuright_box2 a ,.topmenuright_box2 a:hover, .topmenuright_box2 a:visited, .topmenuright_box2 a:active {color: #fff; font-size: 12px;} .topmenuright_box2 td {color: #fff; text-align:center;} .topmenuleft_box2 { margin: 0; background: #ffbf3f; padding: 10px 7px; border: 0px solid #eee; display: block;color: #fff;float: left;width: 405px;} .topmenuleft_box2 a, .topmenuleft_box2 a:hover, .topmenuleft_box2 a:visited, .topmenuleft_box2 a:active{color: #fff; font-size: 12px;} .topmenumiddle_box { margin: 0 0 0 3px; background: #96ba3f; padding: 10px 7px; border: 0px solid #eee; display: block; float: left; color: #fff; width: 500px; height: 13px;} .topmenumiddle_box a ,.topmenumiddle_box a:hover, .topmenumiddle_box a:visited, .topmenumiddle_box a:active {color: #fff; font-size: 12px;} .topmenumiddle_box td {color: #fff; text-align:center;} .topmenuright_box3 { margin: 0 0 0 3px; background: #ffbf3f; padding: 10px 7px; border: 0px solid #eee; display: block;color: #fff;float: right;width: 128px; height: 13px;} .topmenuright_box3 a, .topmenuright_box3 a:hover, .topmenuright_box3 a:visited, .topmenuright_box3 a:active{color: #fff; font-size: 12px;} .topheadermenu{margin:10px auto 8px auto;} .socialtext{font-size: 14px; font-weight: regular; color: #666666; display: block; float: left; padding-top: 5px;} .footersms td{color: #888;} .footersms div{font-weight: regular; color: #888; display: block; float: left;} .footersms div.telimg{width: 30px; padding: 5px 0 0 0;} .footersms div.telno{width: 20px; padding: 5px 0 0 10px;} .onlinevisit_box{font-size: 9px; font-family: tahoma; color: #656565; display: block; padding-top: 5px; text-align:center; float:right;} .onlinevisit_box .counterno{font-size: 18px; font-family: tahoma; color: #000000; height: 23px !important;} .persinfoview .plabel{font-weight: bold;width: 40%; float: left; display: block;} .persinfoview .plabel, .persinfoview .pvalue{padding: 5px 5px;} .persinfoview .pvalue{width: 53%;float: left;display: block;} .persinfoview .pvalue ul{padding-left: 0;} .persinfoview .box{border: 1px solid #ccc; background: #f9f8f8; width: 80%; margin: 0 auto; padding: 5px 10px; display: block;} .persinfoview .persinfcol1,.persinfoview .persinfcol2{width: 49%;} .isubmit.disabled {color: #aaa; border: 1px solid #EFEFEF !important;} .resumepreview{width: 100%; margin: 0 auto; font-family: Tahoma; padding-top: 30px;} .resumepreview div, .resumepreview td, .resumepreview span, .resumepreview p, .resumepreview ul, .resumepreview li {font-family: Tahoma; font-size: 10px;} .resumepreview .header{padding-top: 10px;} .resumepreview .namephone{text-align:center; padding-top:20px;} .resumepreview .plabel{font-weight: bold;width: 25%; float: left; display: block;} .resumepreview .plabel, .resumepreview .pvalue, .resumepreview td{padding: 5px 5px; font-family: Tahoma;} .resumepreview .pvalue{width: 72%;float: left;display: block;} .resumepreview ul{padding-left: 0; margin:0;} .resumepreview .header .fleft{width: 200px;} .resumepreview .header .fright{width: 200px; text-align:right;padding-top: 0;} .resumepreview ul.lang, .resumepreview ul.compskill , .resumepreview ul.otherskill {font-family: Tahoma; padding:0; margin:0px; font-size: 9px; list-style-type: none; list-style: none;} .resumepreview ul.lang li,.resumepreview ul.compskill li ,.resumepreview ul.otherskill li {padding:0; margin:0; line-height: 14px; font-size: 9px; font-family: Tahoma; list-style-type: none;} .resumepreview .bx_jsecseparator {border-bottom: 2px solid #000000 !important;font-weight: bold;margin: 0px 5px 10px !important;font-size: 13px; font-family: Tahoma; line-height: 18px;} .resumepreview h1 {font-family: Tahoma; font-size: 28px;} .resumepreview .text-gray {color: #808080;} .resumepreview .bullet {padding-left: 15px;} a.headerlogout{color: #f00; font-weight: bold;float:right;} .jaccountstat, .jinboxstat{background: #fff;} .jaccountstat .head, .jinboxstat .head{height: 22px; background: #9b9b9b; color: #fff; padding: 0 5px;} .jaccountstat td{text-align:center; font-weight: bold; font-size: 22px; padding:5px 0 20px 0;} .jinboxstat td{text-align:center; font-weight: bold; font-size: 22px; padding:5px 0 1px 0;} .jinboxstat .viewlink{display: block; line-height: 15px;} .smalltxt{font-size: 11px; font-weight: normal;} .newpmessage{color: #f00;} .savelater{display: block; margin: 0 auto; width: 143px;padding-bottom: 10px;} .savelaterbut{background: #f8f8f8;cursor:pointer; border: 0;font-size: 1em;} .viewjobform .bx_jsecseparator{margin: 10px 0;} .eaccountstat, .einboxstat{background: #fff;} .eaccountstat .head, .einboxstat .head{height: 22px; background: #9b9b9b; color: #fff;} .eaccountstat td{text-align:center; font-weight: bold; font-size: 14px; padding:15px 0 20px 0;} .resumetopbar { position:fixed; top:0; left:0; width:100%; height:50px; background: #ececec; border-bottom: 2px solid #bbb; } .rbacklink{padding-top: 10px;} .resumetopbar .rbacklink span a { font-size: 13px; font-weight: bold; font-family: arial; vertical-align: middle; } .resumetopbar .rbacklink img { vertical-align:middle; margin-left: 10px; margin-right: 10px; } .headerview{padding-top: 60px !important;} .pollinner, .pollinner2, .footer_links, .rightside_box, .leftside_box, .middle_box, .middle_box_half, .footer_apps_banner { border-radius: 8px; } .toplogo_box{border-radius: 0 0 8px 8px;} .topbanner_box{border-radius: 0 0 8px 8px;} .toplanguage_box{border-radius: 0 0 8px 8px;} .topmenuleft_box{border-radius: 8px 0 0 8px;} .topmenuleft_box2{border-radius: 8px 0 0 8px;} .topmenuright_box{border-radius: 0 8px 8px 0;} .topmenuright_box2{border-radius: 0 8px 8px 0;} .topmenuright_box3{border-radius: 8px 0 0 8px;} .thonhome th {color: #FFF !important;} .boxheader { background: #f8f8f8; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 12px; border-radius: 8px 8px 0 0; height:22px; } .boxheader div{display: inline-block;vertical-align: 2px; font-weight: bold;} .boxheader .fcomp{display: inline-block;margin-top: 2px !important; font-weight: normal;} .leftside_box .boxheader div {padding: 0 5px;} .rightside_box .boxheader {padding: 0 5px;} .sidewidth{width: 100%; box-sizing: border-box;} .topmenuleft_box{width: 320px;} .topmenuright_box{width: 670px;} .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('https://www.wadhefa.com/other/images_all/loading.gif') 50% 50% no-repeat rgb(249,249,249); } .font-title {font-family: Tahoma, Arial, Helvetica, sans-serif;} header .ad-container {width: 80%;} header .language-container {width: 20%;} header .round-container { margin: 0 auto 0 auto; background: #f8f8f8; border: 0px solid #eee; text-align: center; border-radius: 0 0 8px 8px; height: 85px; } header .col1 {width: 67.2%;} header .col2 {width: 32.8%;} header .col1 .round-container {margin-left: 5px;} header .col2 .round-container {margin-right: 5px;} header .onlinevisit {font-size: 9px; font-family: tahoma; color: #656565; text-align: center; margin:10px auto 0 auto; line-height: 1em;} header .onlinevisit .counterno { font-size: 18px; color: #000000; height: 23px !important; line-height: 1em; } .language-box {width: 20%; min-width:90px;} .language-switch {background: #cc5e31; padding: 3px 0px; border: 0px solid #eee; height: 20px !important; border-radius: 0 0 8px 8px; width:90px; margin: 0 auto; line-height: 20px;} .language-box a:link,.language-box a:visited,.language-box a:hover,.language-box a:active {display: block; color: #FFF; font-weight: bold; text-align: center; font-size: 13px; text-decoration: none;} header .centerLine {padding: 12px 0;} header .googlead {width:468px; height:60px; padding-left: 25px;} header .nav {list-style-type: none; margin: 10px 0 10px 0; padding: 0px;} header .nav li {display: inline-block; color: #FFF;} header .nav li a {color: #FFF; display: block; font-size: 12px; text-align:center; padding: 10px 0 9px 0; width: 100%;} header .nav li.sep {font-size: 11px; max-width: 4px;} header .col1 .nav, header .col1 .nav-mobile {background-color: #96ba3f;} header .col2 .nav, header .col2 .nav-mobile {background-color: #ffbf3f;} header .col1 .nav {border-radius: 0 8px 8px 0; margin-left:1px;} header .col2 .nav {border-radius: 8px 0 0 8px; margin-right:1px;} header .col1 .nav li {width: 18%;} header .col2 .nav li {width: 36%;} header .col2 .nav li.nav-full {width: 100%;} header .col2 .nav li.nav-full span {font-size: 12px; padding: 0px 10px; line-height: 33px;} header .col1 .nav li.nav-index {width: 22%;} header .col1 .nav li.nav-about {width: 25%;} header .col1 .nav li.nav-support {width: 26%;} header .nav-mobile {line-height: 40px; color: #FFF;} header .nav-mobile-title {color: #FFF !important; font-size: 0.85em !important; text-decoration: none; line-height: 1em;} header .col1 .nav-mobile {text-align: center;} header .col2 .nav-mobile {padding-left: 15px;} header .logo-container a {height: 47px; width: 138px; display: block; margin: 0 auto;} .dropdown { position: relative; text-align:left; width: 100%; height: 40px; max-width: 120px; margin: 0 auto;} .submenu { position: absolute; top: 0px; right: 0px; z-index: 100; display: none; margin-right: 7px; padding: 40px 0 5px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); background-color: #7B982E; width: 85%; } .dropdown li a:link, .dropdown li a:visited, .dropdown li a:hover, .dropdown li a:active { color: #fff; display: block; font-weight: bold; padding: 6px 10px; cursor: pointer; text-decoration:none; } a.menu:link, a.menu:visited, a.menu:hover, a.menu:active { position: absolute; z-index: 110; display: block; text-decoration: none; background: url('https://www.wadhefa.com/other/images_all/menu.png') center center no-repeat; cursor:pointer; width: 100%; height: 100%; } .root { list-style:none; margin:0px; padding:0px; font-size: 0.85em; padding: 5px 0 5px 0px; border-top:1px solid #dedede; line-height: 20px; min-width: 150px; position: absolute; top: 40px; right: -2px; background-color: #7B982E; border-radius: 5px 0px 5px 5px; } .dropdown li a:hover {background-color: #336600;} .dropdown li.colsep {text-align: center; background-color: #444; padding: 0 2px; font-size: 0.85em;} .rootLarge {min-width: 180px;} .footer_marquee {width: auto; padding: 10px;} .footer_marquee b {font-size: 11px; float:right; width: 70px; line-height: 18px;} .footer_marquee marquee {margin: 0 80px 0 10px; display: block; font-size: 11px;} .marquee { margin: 0 auto; overflow: hidden; } footer .container { } footer .container { margin: 0 auto 0 auto; background: #f8f8f8; padding: 10px 0px; border: 0px solid #eee; border-radius: 8px; float: left; width: 100%; position: relative; } footer .col1 {width: 73%;} footer .col2 {width: 27%;} footer a:link, footer a:visited, footer a:hover, footer a:active {color: #999;} footer span {font-weight: bold; color: #999;} footer .footersms, footer .footernav {padding-left: 30px;} footer .footersms {background: url('https://www.wadhefa.com/other/english/theme2015/green_mobile1.png') center right no-repeat; margin: 0 30px 15px 0; font-weight: normal; color: #888; display: block; font-size: 11px; height: 33px;} footer .footersms p {margin:0 0 5px 0;} footer .footersms dl {margin:0;padding:0;} footer .footersms dt {width: 35px; padding: 0 0 0 10px; margin:0; float:right;} footer .footersms dd {padding: 0px 0 0 10px; margin:0; font-size: 12px; float:right;} footer ul.nav {list-style-type: none; margin:0; padding:0; float: left; width: 25%;} footer ul.nav li {font-size: 11px; } footer .copyright {position: absolute; right:0; bottom: 10px; font-size: 11px; color: #999; text-align: left; padding: 45px 10px 0 0px;} .footer_apps_banner {margin: 0 auto 0 auto; background: #f8f8f8; border: 0px solid #eee; display: block;} .footer_apps_banner div{display: inline-block; vertical-align: middle;} .footer_apps_banner div.apps_text{font-weight: bold;font-size: 1em; font-family: tahoma, arial; color: #666; padding: 0 0px 0 40px;} .footer_apps_banner div.apps_phone, .footer_apps_banner div.apps_iphone{padding-right: 30px;} .footer_apps_banner div.apps_center {margin: 0 auto; width: 730px; display: block; padding: 5px 0;} .footer_apps_banner div.apps_sms {line-height: 99px; height: 99px;} .footer_apps_banner div.apps_sms img {vertical-align: middle;} aside.leftsidebar {display: none !important;} #content {box-sizing: border-box; width: 100%;} .featlogos img{width: 90px;} .featlogos li{padding: 12px 0; float: left; width: 50%; text-align: center;} .featlogos li a {display: block; width:100%;} .featlogos td{padding: 12px 0;} .featlogos {margin: 0 auto; padding: 0; list-style-type: none;} .boxfooter {padding-left: 5px; font-weight: bold; text-align: center;} .boxfooter a:link, .boxfooter a:visited, .boxfooter a:hover, .boxfooter a:active {font-size: 9px; color: #000000;} .row {clear:both;} .strip {} .tablelist .row {float:none; width:auto; font-size: 11px; background-color: #fff; margin: 10px 0px; padding: 5px 5px; border: 1px solid #d9d9d9; box-sizing: border-box; position: relative;} .tablelist .row::after {content: " "; display: block; height: 0; clear: both;} .tablelist .col {float:left; line-height: 2em;} .header .col {background-color:#FFDD65; height: 19px; line-height: 19px;} .onhome .header .col {color: #FFF !important; background-color:#9b9b9b; height: 25px; line-height: 25px;} .tablelist .header { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #222; font-size: 11px; font-weight: bold; padding:0 !important;} .visits, .list-news .visits {color: #D75B00;} .onhome .tablelist .row {margin: 10px 10px;} .list-jobs .col {border-left: 1px solid #FFF; padding: 4px 3px; line-height: 1.2em; height: 40px; box-sizing: border-box;} .list-jobs .col-panel {width: 7%; padding: 4px 3px; border-left:0px;} .list-jobs .col-date {width: 9%;} .list-jobs .col-container {width: 80%; border-left:0px; padding:0px;} .list-jobs .col-title {width: 36%;} .list-jobs .col-company,.list-jobs .col-location {width: 32%;} .list-jobs .col-details {border-top:1px solid #FFF; padding: 5px 0;} .list-jobs .header .col {height: 27px; line-height: 27px;} .list-jobs .header .col-container {height: 27px;} .onhome .list-jobs .header .col-container {height: auto;} .list-jobs .col {border-left: 0px; min-height: inherit; padding: 0px; height: auto;} .list-jobs .year,.list-news .year {font-weight: bold; font-size: 11px !important; display: block;} .featured-jobs .col-featured {width: 4%;} .onhome .list-jobs .col-date,.list-news .col-date,.latest-articles .col-date {width: 8%;} .featured-jobs .col-status, .list-jobs .col-status {width: 4%;} .featured-jobs .col-container {width: 92%;} .onhome .list-jobs .col-container,.latest-articles .col-container {width: 88%;} .featured-jobs .col-title, .list-jobs .col-title {width: 43%;} .featured-jobs .col-target, .list-jobs .col-target {width: 22%;} .featured-jobs .col-location, .list-jobs .col-location {width: 27%;} .featured-jobs .col-visits,.list-jobs .col-visits,.list-news .col-visits {width: 8%;} .featured-jobs .col-featured:before, #employer-profile .list-jobs .col-date:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .featured-jobs .col-featured img{ vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto -7px; } #employer-profile .list-jobs .col-date:before, .onhome .list-news .col-date .date-v-center { vertical-align: middle; display: inline-block; } .list-news .col-title,.latest-articles .col-title {width: 73%;} .list-news .col-author,.latest-articles .col-author {width: 19%;} .list-news .col-startdate,.list-news .col-enddate {width: 50%; float:right; box-sizing: border-box; padding: 5px;} .list-news .col-startdate {border-left: 1px solid #d9d9d9;} #newsletter-list .tablelist .row {margin: 0px 0px; border-bottom: 0px;} #newsletter-list .tablelist .row:nth-child(2n+1) {padding:0 !important;} #newsletter-list .tablelist .row:nth-child(2n) {margin-top: 10px;} #newsletter-list .border-bottom {border-bottom: 1px solid #d9d9d9 !important;} #newsletter-list .middle-box-title span.fright {float: right !important; width: 100%;} .middle-box-title {font-size: 12px; color: #666;} .middle-box-title .fright {padding-left: 8px;} .sms ul {list-style-type: none; margin:0; padding:0} .sms ul li {margin: 30px 0; border: 1px solid #ccc; background-color: #eee; border-top: 0; border-radius: 5px; padding: 10px 20px;} .sms ul li a:link, .sms ul li a:visited, .sms ul li a:active , .sms ul li a:hover {color: #444 !important; font-size: 1.8em; text-decoration:none;} .sms ul li a span {float: right;} a.submit:link, a.submit:visited, a.submit:hover, a.submit:active {color: #000; padding: 3px 10px; border: 1px solid #000; font-weight: bold;} .employer-logo {width: 28.704%; padding: 10px 5px;} .employer-details {width: 70%;} #news-details .middle-box form .itext {margin-bottom:5px;} #news-details .middle-box h1 {font-size:1.6em;} .viewjobform h1 {font-size:1.3em; margin: 0;} .viewjobform td {padding: 3px 0;} .form_element {clear: left;} .form_element .form_optGroup {overflow: hidden; } .form_element .form_optGroup div {float: none; display: inline-block;} .bx_pagination {list-style-type: none; padding:0; margin:0;} .bx_pagination li {display: inline-block; padding: 0 2px;} .pagination-col1 {width: 65.5%;} .pagination-col2 {width: 34.5%;} .parent {overflow: hidden;} #news-list .list-news, #newsletter-list .list-news, #news-company-list .list-news {margin: 1em 0;} #jobs-list .pagination-container .pagination-col1 {width: 45.5%;} #jobs-list .pagination-container .pagination-col2 {width: 54.5%;} #jobs-list .pagination-container ul {display: inline-block;} #jobs-list .pagination-container .switch-display {padding-right: 20px;} .featured-companies {border: 1px solid #ccc; width: 49.616%; margin:0 0 2px 0; font-weight: normal; height: 70px; line-height: 70px; box-sizing: border-box;} .featured-companies img{width: 90px;} .featured-companies dt,.featured-companies dd {margin:0; padding: 0; text-align:center;} .featured-companies dt {width: 40%;} .featured-companies dd {width: 50%;} .featured-companies:nth-child(2n) {margin-left: 2px;} .table-bgcolor {background-color: #BBB;} #employer-profile .list-jobs .col-container {width: 89%;} .viewjobform div.jobtitle {padding: 0 6px;} .google-ad-sidebar {width:200px; height: 200px;} footer .switch-device-type {background-color: #333; padding: 5px 0;} footer .switch-device-type a:link, footer .switch-device-type a:visited, footer .switch-device-type a:hover, footer .switch-device-type a:active {color: #FFF; font-size: 14px; display: block;} .pricing-list {border-collapse: collapse;} .pricing-list tbody tr {background-color: #fff;} .pricing-list tbody tr:nth-child(2n) {background-color: #f5f5f5 !important;} .pricing-list tbody td, .pricing-list thead th {border: 1px solid #BBB; padding: 6px;} .pricing-list th.transparent, .pricing-list tr.transparent td:first-child {border: 0; background-color: transparent;} .pricing-list tr.transparent {background-color: transparent !important;} .pricing-list td.bg-white {background-color: #FFF;} .pricing-list span.price-color {color: #68922f; font-weight: bold;} .status-in-title {padding-right: 4px;} .notice-box {border: 1px solid; color: #444; border-color: #999; margin: 5px 0px; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold;} .notice-box-wait {color: #666; border-color: #999; background-color: #EFEFEF;} .notice-box-open {color: #4F8A10; border-color: #4F8A10; background-color: #DFF2BF;} .notice-box-closed {color: #D8000C; border-color: #D8000C; background-color: #FFBABA;} .notice-box-info {color: #00529B; border-color: #00529B; background-color: #BDE5F8;} .notice-box-warn {color: #D8000C; border-color: #D8000C; background: #FFBABA url(https://www.wadhefa.com/other/english/theme2015/warning_red.png) 2px center no-repeat; padding-left: 20px;} .notice-box-lightwarn {color: #856404; border-color: #ffeeba; background-color: #fff3cd;} .viewjobform {position: relative;} .printer-friendly {position: absolute; top: -20px; right:10px;} .filter-list li a:link, .filter-list li a:visited, .filter-list li a:hover, .filter-list li a:active {text-decoration: none; padding: 2px 0;} .filter-list li a.active:link, .filter-list li a.active:visited, .filter-list li a.active:hover, .filter-list li a.active:active {color: #d75b00; font-weight: bold;} .filter-list .reset-filter {padding: 3px 10px; font-weight: bold;} .filter-list .reset-filter:hover {color: #000; text-decoration: none;} .percent-badge {background-color: #e32425; color: #FFF; top:0px; right:0; padding: 3px 3px 3px 5px; border-radius: 0px 0px 0 5px; font-weight: bold; font-size: 10px; width: 28px; text-align:center;} .match-100 {background-color: #0a905d !important;} .match-above-90 {background-color: #8bbc3f !important;} .match-above-80 {background-color: #fdc60e !important;} .match-above-70 {background-color: #f28f20 !important;} .match-above-50 {background-color: #ec6224 !important;} .notice-matcher-box {border: 0px; margin-bottom: 25px; position: relative;} .notice-matcher-box img {top: 0; right: 0; z-index: 1000; position: absolute;} .notice-matcher-box .open {padding: 5px 40px; border: 0px; display: block; font-size: 9px; text-align:center;} .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .top-margin-on-home {margin-top: 5px;} .modal-container {clear: both; display: none;} .modal-container.show {display: block !important;} .modal-container.show { position: fixed; top: 50%; z-index: 1100; padding: 30px; } .modal-dialog { background: #eee; border: 1px solid #ddd; border-radius: 10px; width: auto; overflow-y: auto; } .modal-dialog .btn-close, .img-box .btn-close {position: absolute; right: 5px; top: 5px;} .modal-header {padding: 10px 10px 0 10px; position: relative;} .modal-body {margin: 10px; font-size: 1.2em;} .modal-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity: .60; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); z-index: 1000; } body.modal .modal-background {display: block;} select.disabled {color:#CCC; border: 1px solid #AAA;} .map {width: 100%; height: 200px;} .map svg {height: auto; margin: 0 auto; display: block;} .map g {fill: #ccc; stroke: #333; stroke-width: 1;} .map g:hover, .map g.active {fill: #fc0 !important; cursor: pointer;} .info_panel {background-color: rgba(255,255,255, .8); padding: 5px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; position: absolute; border: 1px solid #333; color: #333; white-space: nowrap; font-weight:bold;} .status-declined strong {color: #ffbf3f;} .status-wait strong {color: #000;} .status-active strong {color: #96ba3f;} .status-expired strong, .status-apply-limit strong, .status-inactive strong {color: #F00;} .news-important {color: #d75b00 !important;} .news-profile { background-color: #fff; margin-bottom: 15px; padding: 20px 10px; box-sizing: border-box;} .news-profile-logo {line-height: 75px; vertical-align: middle; text-align: center;} .news-profile-desc {border-right: 2px solid #efefef; padding: 0 30px 0 10px; box-sizing: border-box;} .news-profile-logo .employer-logo-image, #news-details .profile-logo {max-width: 100%;} #news-search form .default_text {color: #333;} #news-details .middle_box {background-color: #FFF;} #news-details .news-link a {color: #d75b00 !important; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news-profiles-container {width: 100%;} .news-profiles-container ul {padding: 12px 0 11px 0; margin: 0 auto; list-style-type: none;} .news-profiles-container li {padding: 12px 0; width: 25%; text-align: center; display: inline-block;} .news-profiles-container a:link, .news-profiles-container a:visited , .news-profiles-container a:hover, .news-profiles-container a:active {color: #111;text-decoration: none;} .news-profiles-container .logo {vertical-align: middle; max-width: 100px; max-height: 100px; border: 1px solid #eee;} .news-profiles-container .image-container {line-height: 100px;} .news-profiles-container .counter {font-weight:bold; color: #00f;} .news-profiles-container p {line-height: 16px;} #news-details .share-card, #news-profiles .share-card {border: 1px solid #d9d9d9; margin: 5px 0; padding: 5px 0;} #news-details .share-card a:link, #news-details .share-card a:visited, #news-details .share-card a:hover, #news-details .share-card a:active, #news-profiles .share-card a:link, #news-profiles .share-card a:visited, #news-profiles .share-card a:hover, #news-profiles .share-card a:active, #newsletter-list .share-card a:link, #newsletter-list .share-card a:visited, #newsletter-list .share-card a:hover, #newsletter-list .share-card a:active {text-decoration: none; display:block;} #newsletter-list .middle-box {position: relative} #newsletter-list .share-card {left: 10px; top: 10px;} #newsletter-list .share-card a:link, #newsletter-list .share-card a:visited, #newsletter-list .share-card a:hover, #newsletter-list .share-card a:active {margin: 3px 0;} .comments-container .go-top {position: fixed; display: none; bottom: 5px; left: 10px;} .comments-container.showme .go-top {display:block} .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .tab-group {background-color: #f8f8f8;} .jobs-tab, .news-tab {background-color: #e2e2e2;} .swichtab-controller { list-style-type: none; margin:0; padding:0;} .swichtab-controller li { width: 50%; margin:0; padding:0; float: right; height: 42px;} .swichtab-controller > li:first-child { border-width: 1px; } .swichtab-controller > li > a { display: block; line-height: 42px; text-align: center; color: #666; text-decoration: none; } .swichtab-controller > li.is-active { background-color: #f8f8f8; color: #666; } .swichtab-contents { width: 100%; overflow: hidden; background-color: #f8f8f8; } .swichtab-panel { display: none; } #news-list .tab-group, #jobs-list .tab-group {margin: 0 -10px;} #news-list .swichtab-row, #jobs-list .swichtab-row {margin: 0 10px;} #jobs-list .middle-box-title .fright {padding-left: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .tablelist .row.has-percent {padding-top: 25px !important;} .col-title a {font-size: 13px !important;} .list-news .col-title a {font-size: 12px !important;} .list-news .col-logo {width: 81px; border-left: 1px solid #d9d9d9; padding: 2px !important; display: flex; align-items:center; justify-content: center;} .list-news .col-logo img {width: auto; max-width: 75px; max-height: 75px; vertical-align:middle;} .list-news .col-logo a {display: block;} .list-news .row {padding: 0; border-radius: 5px; display: flex;} .list-news .header {padding: 0; border-radius: 0; display: none !important;} .list-news .col-logo, .list-news .col-status, .list-news .col-container {padding: 8px 5px 5px 5px;} .list-news .col-container {width: auto; flex:1;} .list-news .col-status {width: 25px;} .list-news .col-title {padding-bottom: 3px; min-height: 50px;} #newsletter-list .list-news .row-1 {border-radius: 5px 5px 0 0 !important;} #newsletter-list .list-news .row-2 {border-radius: 0 0 5px 5px !important;} .sess-visited {opacity: 0.5 !important;} .map text {font-size: 36px; color: #000; stroke: #000; stroke-width: 2;} .news-note-block {padding: 15px; display:flex;flex-wrap: wrap;} .news-note-block .note-img {padding-right:5px;} .news-note-block .note-title {flex-grow: 1; max-width: 75%} .news-note-block .note-date {flex-grow: 1; max-width: 25%; text-align: right; padding-top:4px;} .news-note-block .note-text {color: #000; font-weight: normal;} .announce-container {margin-bottom: 1px; background-color: #fff3cd; width:100%;} .announce-box {margin: 0 5px; } .announce-box td {padding: 5px 0px; line-height: 1.6em;} #news-details .news-text p {margin:0; padding:0; line-height: 1.4rem; word-break: break-word;} .google-auto-placed {padding: 20px 0; text-align: center;} textarea[name="apply_message"] {width: 100%; box-sizing: border-box;} .img-box { background: #fafafa; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: column; padding: 20px 20px; border-radius: 8px; border: 1px solid #d7d7d7; position:relative; max-width: 30em; } .ressearchform .itext, .ressearchform select, .form-container .itext, .form-container textarea , .form-container select {width: 100%; min-width: 50px; box-sizing: border-box;} .ressearchform {display: flex; flex-direction: column; margin: 0 5px !important;} .ressearchform .fleft, .ressearchform .fright {float: none;} .ressearchform label {float:none; width: 120px; min-width: 120px;} .ressearchform div { display: flex; flex-direction: row; width: 100%;} .ressearchform select {height: 32px;} .ressearchform select#id_locationid {min-width: 150px;} .ressearchform label[for="id_province"] {display: none;} .ressearchform #id_rdrt, .ressearchform #id_rdKeyw {margin-left: 10px;} .ressearchformbut {padding-right:0px !important;} .twitter-logo path { fill: black } .pers-modify-account {color: #AA0000;} .gulf header .logo-container a {background: url('https://www.wadhefa.com/other/english/theme2015/gulf_header_logo.png') center center no-repeat;} .gulf .country-list {padding-top: 10px;} .gulf .country-list li {width: 33.33%; background-color: #FFF; font-size: 11px;} .gulf .country-list li.inactive img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; } .gulf .country-list img {margin-bottom: 5px; border: 1px solid #f2f2f2; border-radius: 8px;} .vendor-edge .gulf .country-list li.inactive img, .vendor-ie .gulf .country-list li.inactive img {opacity: 0.3;} .gulf .featured-jobs .col-location, .gulf .onhome .list-jobs .col-location {width: 35%; text-align: right;} .gulf .featured-jobs .col-title, .gulf .onhome .list-jobs .col-title {width: 28%;} .gulf .featured-jobs .col-target, .gulf .onhome .list-jobs .col-target {width: 32%; text-align: right;} .gulf .featured-jobs .col-visits, .gulf .list-jobs .col-visits {width: 5%; text-align: right;} .gulf .topmenuright_box, .gulf .topmenuright_box2, .gulf .topmenumiddle_box, .gulf header .col1 .nav, .gulf header .col1 .nav-mobile {background-color: #299dcc;} .gulf .topmenuleft_box, .topmenuleft_box2, .gulf .topmenuright_box3, .gulf header .col2 .nav, .gulf header .col2 .nav-mobile {background-color: #ffbf3f;} .gulf .submenu, .gulf .root {background-color: #369;} .gulf header .logo-container a {width: auto;} .gulf .resume-list .percent-badge, .gulf .list-jobs .percent-badge {left: auto; right:0; padding: 3px 3px 3px 5px; border-radius: 0px 0 0px 5px; width: 32px;} .gulf .resume-list td.relative {padding-right: 35px;} .gulf .list-jobs .relative {padding-right: 55px;} .gulf .notice-matcher-box .open {font-size: 13px;} body.darkMode, body.darkMode .middle-box-title, body.darkMode .view, body.darkMode .td4textarea, body.darkMode .default_text, body.darkMode .ulli, body.darkMode .tablelist .row, body.darkMode .tablelist .col, body.darkMode .boxheader, body.darkMode .isubmit, body.darkMode header .onlinevisit, body.darkMode .comment-date, body.darkMode .compdesc, body.darkMode .alert-success {color: #FFF !important;} body.darkMode a:link, body.darkMode a:visited, body.darkMode a.tablelist:link, body.darkMode a.tablelist:visited, body.darkMode .invborder, body.darkMode .announce-container span.news-important, body.darkMode .notice-box {color: #FFF !important;} body.darkMode a:hover, body.darkMode a:active, body.darkMode a.tablelist:hover, body.darkMode a.tablelist:active, body.darkMode .display_text {color: #f8f8f8 !important;} body.darkMode, body.darkMode .middle_box, body.darkMode .google_adsense_block, body.darkMode .swichtab-contents, body.darkMode footer .container, body.darkMode footer .container .copyright, body.darkMode #news-details .middle_box, body.darkMode .applyread, body.darkMode .footer_google_adsense, body.darkMode .news-profile, body.darkMode .compdesc, body.darkMode .quick-resume-search-container {background-color: #333 !important;} body.darkMode .td4textarea, body.darkMode .ulli, {background-color: #222 !important;} body.darkMode textarea, body.darkMode select, body.darkMode .itext {background-color: #fff !important} body.darkMode .tablelist .row, body.darkMode .darkMode .comment_holder, body.darkMode .announce-container, body.darkMode .comment-holder, body.darkMode .applyunread, body.darkMode .alert-success, body.darkMode .pricing-list td, body.darkMode .eaccountstat { background-color: #444 !important; } body.darkMode .tablelist .row, body.darkMode .darkMode .comment_holder { border: 1px solid #888 !important; } body.darkMode header .round-container { background-color: #333 !important; } body.darkMode .swichtab-controller > li.is-active { background-color: #888 !important; color: #FFF; } body.darkMode .tab-group, body.darkMode .news-tab, body.darkMode .jobs-tab, body.darkMode .boxheader, body.darkMode .apps_center, body.darkMode .apps_sms, body.darkMode .middle_box_half, body.darkMode .jaccountstat, body.darkMode .jinboxstat, body.darkMode .modal-dialog, body.darkMode .isubmit, body.darkMode .form_collection_id_workexperience, body.darkMode .form_collection_id_education, body.darkMode .form_collection_id_trainingcourses, body.darkMode .form_collection_id_computerskills, body.darkMode .form_collection_id_computerskills, body.darkMode .form_collection_id_otherlanguages, body.darkMode .footer_apps_banner, body.darkMode .persinfoview .box, body.darkMode .td4textarea, body.darkMode .ulli, body.darkMode .filter-wrapper {background-color: #666 !important;} body.darkMode .featlogos {background-color: #bbb !important;} body.darkMode .list-news .col-logo img {border-radius: 50%; max-width: 70px; max-height:70px;} body.darkMode .list-news .col-logo {border-left: 1px solid #888;} #news-details.darkMode .profile-logo {border-radius: 50%; margin-top: 15px;} body.darkMode .comment-holder { box-sizing: border-box; width: 100%; } body.darkMode #ajax_response { padding: 0; border: 0px;} body.darkMode .compdesc {border-color: #fff;} body.darkMode a.tableheader:link, body.darkMode a.tableheader:visited {color: #fff !important;} body.darkMode #news-search form .default_text {color: #fff !important;} body.darkMode .pricing-credits tbody td, body.darkMode .pricing-credits thead th { color: #222; } body.darkMode .bx_esecseparator {border-bottom: 1px solid #FFF;} body.darkMode .tablelist tbody tr, body.darkMode .tablelist thead td.transparent {background-color: #333 !important; color: #fff !important;} body.darkMode .tablelist tbody td, body.darkMode .tablelist thead th {color: #fff !important;} body.darkMode .notice-box-wait {color: #666 !important; border-color: #999; background-color: #EFEFEF;} body.darkMode .notice-box-open {color: #4F8A10 !important; border-color: #4F8A10; background-color: #DFF2BF;} body.darkMode .notice-box-closed {color: #D8000C !important; border-color: #D8000C; background-color: #FFBABA;} body.darkMode .notice-box-warn {color: #D8000C !important; border-color: #D8000C; background: #FFBABA url(https://www.wadhefa.com/other/english/theme2015/warning_red.png) 2px center no-repeat; padding-left: 20px;} body.darkMode .notice-box-lightwarn {color: #856404 !important; border-color: #ffeeba; background-color: #fff3cd;} body.darkMode .btn-filter-toogle.btn-close {border: none;} body.darkMode .filter-wrapper a.isubmit {background-color: #333 !important;} body.darkMode .filter-wrapper .filter-head {background-color: #888; color: #f8f8f8; border: none;} body.darkMode .twitter-logo path { fill: white } body.darkMode .pers-modify-account {color: #f19696;} @media (prefers-color-scheme: dark) { body, .middle-box-title, .view, .td4textarea, .default_text, .ulli, .tablelist .row, .tablelist .col, .boxheader, .isubmit, header .onlinevisit, .comment-date, .compdesc, .alert-success {color: #FFF !important;} a:link, a:visited, a.tablelist:link, a.tablelist:visited, .invborder, .announce-container span.news-important, .notice-box {color: #FFF !important;} a:hover, a:active, a.tablelist:hover, a.tablelist:active, .display_text {color: #f8f8f8 !important;} body.darkMode, .middle_box, .google_adsense_block, .swichtab-contents, footer .container, footer .container .copyright, #news-details .middle_box, .applyread, .footer_google_adsense, .news-profile, .compdesc, .quick-resume-search-container {background-color: #333 !important;} .td4textarea, .ulli, {background-color: #222 !important;} textarea, select, .itext {background-color: #fff !important} .tablelist .row, .darkMode .comment_holder, .announce-container, .comment-holder, .applyunread, .alert-success, .pricing-list td, .eaccountstat { background-color: #444 !important; } .tablelist .row, .darkMode .comment_holder { border: 1px solid #888 !important; } header .round-container { background-color: #333 !important; } .swichtab-controller > li.is-active { background-color: #888 !important; color: #FFF; } .tab-group, .news-tab, .jobs-tab, .boxheader, .apps_center, .apps_sms, .middle_box_half, .jaccountstat, .jinboxstat, .modal-dialog, .isubmit, .form_collection_id_workexperience, .form_collection_id_education, .form_collection_id_trainingcourses, .form_collection_id_computerskills, .form_collection_id_computerskills, .form_collection_id_otherlanguages, .footer_apps_banner, .persinfoview .box {background-color: #666 !important;} .featlogos {background-color: #bbb !important;} .list-news .col-logo img {border-radius: 50%; max-width: 70px; max-height:70px;} .list-news .col-logo {border-left: 1px solid #888;} #news-details.darkMode .profile-logo {border-radius: 50%; margin-top: 15px;} .comment-holder { box-sizing: border-box; width: 100%; } #ajax_response { padding: 0; border: 0px;} .compdesc {border-color: #fff;} a.tableheader:link, a.tableheader:visited {color: #fff !important;} #news-search form .default_text {color: #fff !important;} .pricing-credits tbody td, .pricing-credits thead th { color: #222; } .bx_esecseparator {border-bottom: 1px solid #FFF;} .tablelist tbody tr, .tablelist thead td.transparent {background-color: #333 !important; color: #fff !important;} .tablelist tbody td, .tablelist thead th {color: #fff !important;} .pers-modify-account {color: #f19696;} } html, body {overflow-x:hidden;} .grid, .unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid { display: block; clear: both; } .grid .unit { float: left; width: 100%; padding: 10px; } .grid .unit:first-child { padding-left: 20px; } .grid .unit:last-child { padding-right: 20px; } .unit .unit:first-child { padding-left: 0; } .unit .unit:last-child { padding-right: 0; } .unit .grid:first-child > .unit { padding-top: 0; } .unit .grid:last-child > .unit { padding-bottom: 0; } .no-gutters .unit, .unit.no-gutters { padding: 0 !important; } .small-gutters .unit, .unit.small-gutters { padding: 5px !important; } .tiny-gutters .unit, .unit.tiny-gutters { padding: 3px !important; } .wrap .grid, .grid.wrap { max-width: 978px; margin: 0 auto; } .grid .whole, .grid .w-1-1 { width: 100%; } .grid .half, .grid .w-1-2, .grid .w-2-4, .grid .w-3-6 { width: 50%; } .grid .one-third, .grid .w-1-3, .grid .w-2-6 { width: 33.3332%; } .grid .two-thirds, .grid .w-2-3, .grid .w-4-6 { width: 66.6665%; } .grid .one-quarter, .grid .w-1-4 { width: 25%; } .grid .three-quarters, .grid .w-3-4 { width: 75%; } .grid .one-fifth, .grid .w-1-5 { width: 20%; } .grid .two-fifths, .grid .w-2-5 { width: 40%; } .grid .three-fifths, .grid .w-3-5 { width: 60%; } .grid .four-fifths, .grid .w-4-5 { width: 80%; } .grid .one-sixth, .grid .w-1-6 { width: 16.6666%; } .grid .one-sixth, .grid .w-5-6 { width: 83.3333%; } .grid .golden-small, .grid .w-g-s { width: 38.2716%; } .grid .golden-large, .grid .w-g-l { width: 61.7283%; } .grid { *zoom: 1; } .grid:before, .grid:after { display: table; content: ""; line-height: 0; } .grid:after { clear: both; } .ct-banner {padding: 15px 0;} .ct-banner div {display: block; margin:0 auto;} .ct-banner a {background: url('https://www.wadhefa.com/other/english/theme2015/ct_banner_720.png') center center no-repeat; width: 720px; height: 90px; display: block; margin:0 auto;} @media screen and (max-width: 568px) { .grid .unit { width: 100% !important; padding-left: 20px; padding-right: 20px; } .unit .grid .unit { padding-left: 0px; padding-right: 0px; } .center-on-mobiles { text-align: center !important; } .news-profile-desc {border-right: 0px !important;} .news-profile-desc, .news-profile-logo {padding-top: 0 !important; padding-bottom:0 !important;} } .show-on-phone, .show-on-phone-inline { display: none !important; } .show-on-tablet { display: none !important; } .hide-on-desktop { display: none !important; } .show-on-desktop { display: inherit !important; } @media (min-width: 650px) and (max-width: 1920px) { .hide-on-desktop { display: inherit !important; } .show-on-desktop { display: none !important ; } .show-on-tablet { display: inherit !important; } .hide-on-tablet { display: none !important; } header .googlead {width:234px;} aside.jobseeker {display: inherit !important;} .featlogos {width: 100%; overflow: hidden;} .featlogos li {width: 25%; float:none !important; display: inline-block;} .featlogos img, .featured-companies img {width: 90px; min-width: 60px;} #content .sidewidth {float:none; width: 100%;} #content .main-content {float:none; width: 100%;} } @media (max-width: 650px) { .hide-on-desktop { display: inherit !important; } .show-on-desktop { display: none !important } .show-on-phone { display: inherit !important; } .show-on-phone-inline { display: inline !important; } .hide-on-phone, aside.leftsidebar { display: none !important; } #content {margin-right: 0px; margin-left: 0px; padding: 0 !important; width: 100%;} .featlogos img, .featured-companies img {width: 90%; min-width: 60px;} } @media (min-width: 650px) { header .googlead {float: none !important; margin: 0 auto;} header .nav {display: block;} header .nav-mobile {display: none;} } @media screen and (max-device-width: 480px){ body{ -webkit-text-size-adjust: none; } } .fullwidth {padding: 0; margin: 0 auto; clear:both;} @media screen and (max-width: 320px) { .news-profiles-container li {width: 100% !important;} } @media screen and (max-width: 420px) { header .col1 {width: 30%;} header .col2 {width: 70%;} .language-box {min-width:inherit;} footer .col1 {width: 80%;} footer .col2 {width: 20%;} .comment-photo{width: 25%;} .comment-text{width:65%;} .featured-jobs .col-container,.latest-articles .col-container,.onhome .list-jobs .col-container,.list-news .col-container {padding-right: 0px;} .gulf .country-list li {width: 50%;} #news-details .news-link-more a {display: block; max-width: 300px !important;} .news-profiles-container li {width: 50% !important;} .ressearchform div {display: block;} .ressearchform div.form_field_group_horizontal, .ressearchform div.location-row {display: flex !important;} .ressearchform div.location-row .onerow {padding: 12px 10px 0 0;} } @media screen and (max-width: 480px) { footer ul.news {display: none;} footer ul.nav {width: 50%; padding: 0 0 10px 0;} .footer_google_adsense div {width: 300px !important; height: 250px !important;} footer .footernav {padding-left: 10px !important; padding-right: 0px !important;} #body-support .middle-box form .itext,#job-details .middle-box form .itext,#jobseeker-canned .middle-box form .itext,#email-job form .itext,#job-apply .middle-box form .itext,#company-registration .middle-box form .itext {width: 100%; min-width: 50px; box-sizing: border-box} #body-support .middle-box form textarea,#job-details .middle-box form textarea,#jobseeker-canned .middle-box form textarea,#email-job form textarea,#job-apply .middle-box form textarea,#company-registration .middle-box form textarea {width: 88%;} #company-registration .middle-box form select {width: 91%;} #company-registration .middle-box form td {min-width: 110px;} #body-support .middle-box form td {min-width: 90px;} #job-details .middle-box form td {min-width: 90px;} #job-details .middle-box form .itext, #job-apply .middle-box form .itext{margin-bottom:5px;} .comment-photo{width: 22%; padding:0;} .comment-text{width:75%;} .viewjobform {position: relative;} .viewjobform td {min-width: 100px;} .employer-logo{text-align: center; padding: 0 !important;} .horizontal-nav li {display:block; line-height: 1.4em;} .horizontal-nav li.sep {display:none;} a.phpjob_link_nav {margin-right: 0px;} .pagination-col1, .pagination-col2 {width: 100% !important;} #jobs-list .pagination-container .pagination-col2 {text-align:left !important;} #news-list .pagination-col1, #news-list .pagination-bottom, #jobs-list .pagination-col1, #jobs-list .pagination-bottom {padding-bottom: 10px;} #search-jobs .middle-box form .itext, .ressearchform .itext, .ressearchform select {width: 100%; min-width: 50px;} .form_field_group_horizontal {display: flex; flex-direction: row;} #search-jobs .middle-box form textarea {width: 97%; min-height: 100px;} .alert {padding-right: 14px;} .hide-on-smallphone {display: none !important;} #jobs-bookmark #bulk-todo,#jobseeker-inbox #bulk-todo {width: 120px;} #jobs-bookmark .pagination-bottom,#jobseeker-inbox .pagination-bottom {padding-left: 10px;} .phone-block {display: block; width: 100%;} #jobseeker-canned .middle-box form td.tdlabel {max-width: 90px;} #email-job form td.tdlabel {width: 30%;} .viewjobform div.jobtitle {padding: 0 !important; width: 100% !important;} .onhome .list-jobs .col-date,.list-news .col-date,.latest-articles .col-date {width: 9% !important;} .list-jobs .col-date, #news-list .list-news .col-date, #newsletter-list .list-news .col-date, #news-company-list .list-news .col-date, #news-details .list-news .col-date {width: 11% !important;} .onhome .list-jobs .col-container {width: 85% !important;} #jobs-list .list-jobs .col-container, #news-list .list-news .col-container, #news-details .list-news .col-container {width: 83% !important;} .notice-jobstatus {margin: -5px 0 15px 0 !important;} .news-profiles-container li {width: 33%;} .news-note-block .note-title {max-width: 100% !important; width:100%;} .news-note-block .note-date {max-width: 100% !important; width:100%; font-size: 7px !important;} } @media screen and (max-width: 1920px) { .list-jobs .col-date {width: 3%;} .list-jobs .col-container, #jobs-list .list-jobs .col-container {width: 95%;} .list-jobs .col-status {width: 2%; } .list-news .col-date {width: 3%;} .onhome .list-jobs .col-date,.onhome .list-news .col-date,.latest-articles .col-date {width: 2%; } .onhome .list-jobs .col-container, .latest-articles .col-container {width: 96%;} .featured-jobs .col-container,.latest-articles .col-container {width: 96%;} .featured-jobs .col-featured {width: 2%;} .featured-jobs .col-status {width: 2%; } } @media screen and (max-width: 1024px) { .list-jobs .col-date {width: 4%;} .list-jobs .col-container, #jobs-list .list-jobs .col-container {width: 93%;} .list-jobs .col-status {width: 2%; } .list-news .col-date {width: 4%;} .onhome .list-jobs .col-date,.onhome .list-news .col-date,.latest-articles .col-date {width: 4%; } .onhome .list-jobs .col-container, .latest-articles .col-container {width: 94%;} .featured-jobs .col-container,.latest-articles .col-container {width: 95%;} .featured-jobs .col-featured {width: 3%;} .featured-jobs .col-status {width: 2%; } } @media screen and (max-width: 850px) { .list-jobs .col-date {width: 6%;} .list-jobs .col-container, #jobs-list .list-jobs .col-container {width: 90%;} .list-jobs .col-status {width: 4%; } .list-news .col-date {width: 6%;} .onhome .list-jobs .col-date,.onhome .list-news .col-date,.latest-articles .col-date {width: 5%; } .onhome .list-jobs .col-container, .latest-articles .col-container {width: 90%;} .featured-jobs .col-container,.latest-articles .col-container {width: 93%;} .featured-jobs .col-featured {width: 4%;} .featured-jobs .col-status {width: 3%; } } @media screen and (max-width: 650px) { .list-jobs .col-date {width: 11%;} .list-jobs .col-container, #jobs-list .list-jobs .col-container {width: 83%;} .list-jobs .col-status {width: 6%; } .list-news .col-date {width: 7%;} } .onhome .list-jobs .col-date, .onhome .list-news .col-date, .latest-articles .col-date {width: 7%; } .onhome .list-jobs .col-container, .latest-articles .col-container {width: 87%;} .featured-jobs .col-container,.latest-articles .col-container {width: 88%;} .featured-jobs .col-featured {width: 6%;} .featured-jobs .col-status {width: 6%; } .news-profile-logo .employer-logo-image {max-width: 100% !important;} #news-details .news-link-more a {display: block; max-width: 400px;} } @media screen and (max-width: 480px) { } @media screen and (max-width: 1920px) { header .col1 {width: 25%; background-color: #eee;} header .col2 {width: 75%;} header .round-container {margin: 0px !important; border-radius: 0 !important; background-color: #f8f8f8;} header .col1 .round-container {background-color: #eee !important;} header .nav {margin: 0 !important;} header .ad-container {display: none;} header .language-box {width: 100%;} header .nav {display: none;} header .nav-mobile {display: block;} footer .advertise, footer .utils2 {display: none;} footer ul.nav {width: 33%; padding: 0 0 10px 0;} footer .container {padding:5px 0 0 0 !important; background-color: #f8f8f8; border-radius: 0;} footer .copyright {position: relative; bottom: auto; left: auto; padding: 5px 0 !important; clear: both; background-color: #EEE; width: 100%;} footer .copyright-content {width: 200px; margin: 0 auto; text-align:center;} footer .col2 img { display: block; margin: 5px auto;} footer .footernav {padding-right: 10px;} .footer_apps_banner div.apps_google, .footer_apps_banner div.apps_iphone{padding: 0 0 5px 0 !important; margin: 0 auto; width: 100%; margin: 0 auto; display: block; text-align:center; line-height: 10px;} .footer_apps_banner div.apps_iphone{padding-bottom: 0 !important;} .footer_apps_banner div.apps_center {width: 50%; background-color: #eee; float:right;} .footer_apps_banner div.apps_sms {width: 50%; background-color: #fff;} #content .sidewidth {float:none; width: 100%;} #content .main-content {float:none; width: 100%;} .featlogos {width: auto; float:right;} .featlogos:after {clear: both;} .featlogos li {width: 25%; float:none !important; display: inline-block;} .boxheader {border-radius: 0; background-color: #d9d9d9; height: 42px; font-size: 0.85em; font-weight: bold; line-height: 42px;} .boxheader .icon {display: none;} .boxheader .font-title {padding-left: 15px;} .leftside_box {padding: 0 !important;} .middle_box {padding:0; margin:0; width: 100%;} .header {display:none;} .header .col {display:none;} .list-jobs .col-panel {display: none;} .list-jobs .col-title {width: 100%; padding-top: 0px;} .list-jobs .col-company,.list-jobs .col-location {width: 50%;} .list-jobs .col-date,.list-jobs .col-date a:link,.list-jobs .col-date a:visited,.list-jobs .col-date a:hover,.list-jobs .col-date a:active,.list-news .col-date,.list-news .col-date a:link,.list-news .col-date a:visited,.list-news .col-date a:hover,.list-news .col-date a:active {font-size: 10px;} .featured-jobs .col, .list-jobs .col,.list-news .col {line-height: 1.6em; box-sizing: border-box;} .featured-jobs .col-featured{padding: 7px 0;} #jobs-list .list-jobs .col-date .date-v-center, #news-list .list-news .col-date .date-v-center, #newsletter-list .list-news .col-date .date-v-center, #news-company-list .list-news .col-date .date-v-center, #news-details .list-news .col-date .date-v-center { vertical-align: middle; display: table; position: absolute; top: 0; bottom: 0; margin: auto 0px; padding: 0 3px } #jobs-list .list-jobs .col-date:before, #news-list .list-news .col-date:before, #newsletter-list .list-news .col-date:before, #news-company-list .list-news .col-date:before, #news-details .list-news .col-date:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;} #employer-profile .list-jobs .col-container {padding-left: 10px;} .featured-jobs .col-title, .list-jobs .col-title, .gulf .featured-jobs .col-title, .gulf .onhome .list-jobs .col-title {width: 65%;} .featured-jobs .col-target, .list-jobs .col-target {width: 35%; text-align: left;} .featured-jobs .col-location, .list-jobs .col-location, .gulf .featured-jobs .col-location, .gulf .onhome .list-jobs .col-location, .list-news .col-author,.latest-articles .col-author {width: 65%;} .featured-jobs .col-visits, .gulf .featured-jobs .col-visits, .list-jobs .col-visits,.list-news .col-visits {width: 35%; text-align: left;} .list-news .col-title,.latest-articles .col-title {width: 100%;} .footer_google_adsense div {width: 300px; height: 250px;} .boxheader .fcomp {padding:0 0 0 15px !important; font-weight: bold !important;} .boxfooter {clear: both; padding: 10px 5px !important;} .boxfooter a:link, .boxfooter a:visited, .boxfooter a:hover, .boxfooter a:active{font-family: "Droid Arabic Kufi", Tahoma, Arial, Helvetica, sans-serif !important; font-size: 0.75em;} header .logo-container a {width: 138px; height: 47px; padding: 18px 0 17px 0;} .gulf header .logo-container a {background: url('https://www.wadhefa.com/other/english/theme2015/gulf_header_logo_small.png') center center no-repeat;} .middle-box {padding: 0px 10px;} .middle-box-title {display: block; padding: 16px 0;} .employer-logo {width: 100%; padding: 10px 0px;} .employer-details {width: 100%;} .paddinglr15 {padding-left:0 !important;padding-right:0px !important;} .comment-photo{width: 15%;} .comment-text{width:80%;} .form_element label {float:none; width: 100%; display: block; padding:2px 0 !important;} .form_element .itext, .form_element select {margin: 3px 0 !important; width: 100%; box-sizing: border-box; padding: 6px; border-radius: 3px;} .form_element .form_field_checkbox {margin-left: 0 !important;} a.remove:link, a.remove:visited, a.remove:hover, a.remove:active {left: 80%;} .form_element_id_category .form_field_dropdown,.form_element_id_preferredloc .form_field_dropdown {width: 78% !important;} .form_element .bx_jsecseparator {margin-top: 30px;} .form_element_id_persSep .bx_jsecseparator {margin-top: 15px !important;} .form_element_id_agree {padding: 10px 0;} .form_element {clear: both;} #news-search form .itext {width: 100%; box-sizing: border-box;} #news-search form select {width: 100%; display: block; box-sizing: border-box;} #news-search form .radio {margin-right: 0;} #news-search form .searchmode {margin-top: 5px;} #jobs-list .pagination-bottom .pagination-col2 {width:100%;} #search-jobs form .itext {width: 100%;} #search-jobs form select {width: 100%; display: block;} #search-jobs .req-languages {width: 150px !important;} .featured-companies {float: none; width: 98.1%; margin: 2px !important;} #resume-form .form_element {padding: 2px 0;} #resume-form .onerow, .form-onerow {width: 100%; float:none; clear:left;} #resume-form .resexprow div .fleft {width: 100%; float:none; } .form-element-auto select,.form-element-auto .itext {width: auto !important;} .form_collection_id_workexperience a.remove, .form_collection_id_education a.remove, .form_collection_id_computerskills a.remove, .form_collection_id_trainingcourses a.remove{position: relative; padding-top: 15px;} .paddingtbl10 {padding: 0;} .form_collection_id_workexperience,.form_collection_id_computerskills,.form_collection_id_trainingcourses,.form_collection_id_education{margin-left:0 !important; margin-right: 0 !important; padding: 0 4px !important;} #resume-form .form_element .itext, .form_element select {width: 100%; box-sizing: border-box;} #resume-form .form_element_otherskills_id_skillname label {float: left !important; width: auto !important; padding: 7px 5px !important;} #resume-form .form_element_otherskills_id_skillname .itext {width: 73%;} #resume-form .form_collection_id_otherskills a.remove {right: 0px; top: 7px;} #resume-form .form_collection_id_otherlanguages select {width: 73%;} #resume-form .form_collection_id_otherlanguages a.remove {right: 0px; top: 7px;} #resume-form .form_element select.fixed {width: 100%; padding: 6px 0 !important;} #resume-form .validation-advice, #createJseek .validation-advice {margin-left: 0px;} #resume-form .form_collection_id_otherskills .validation-advice {margin-left: 15px;} .filter-title {margin: 0 0 20px 0;} .filter-title-job, .filter-title-news {margin-left: -10px; margin-right: -10px;} .filter-title .font-title {font-size: 1.2em; padding: 0 !important;} .filter-wrapper {position: relative; right: 0; width: auto; padding: 0; box-sizing: border-box;} body.open-search-nav .wrapper_white, body.open-search-nav header, body.open-search-nav #footer, body.open-email-nav .wrapper_white, body.open-email-nav header, body.open-email-nav #footer, body.open-filter-nav .wrapper_white, body.open-filter-nav header , body.open-filter-nav #footer , body.open-menu-nav .wrapper_white, body.open-menu-nav header, body.open-menu-nav #footer { left: -261px; } body.open-filter-nav { position: relative; } body.open-filter-nav .filter-wrapper {right: 0px;} body.open-filter-nav .btn-close { position: absolute; top: 10px; right: 10px; display: block; padding: 3px 3px 1px 3px; border-radius: 3px; border: 1px solid #eee; } body.open-filter-nav .btn-filter-toogle.first {opacity: 0; filter: alpha(opacity=0);} .btn-filter-toogle {display: block; font-size: 1.2em !important; font-weight: bold !important; text-decoration: none !important;} .filter-wrapper { right: -261px; position: fixed; width: 261px; border-left: 2px solid #ddd; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 38px 20px 20px; top: 3px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -webkit-backface-visibility: hidden; z-index: 1110; background: #ffffff; } .filter-head { margin-bottom: 15px; background: #eeeeee; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 6px 0px 6px 16px; color: #636363; font-weight: bold; } .filter-box {margin: 5px 0 20px 0;} header .onlinevisit .counterno {color: #96ba3f; font-weight: bold;} .language-switch {border-radius: 0; width: auto;} .onhome .boxfooter {padding-bottom: 10px !important;} #news-list .middle-box-title, #jobs-list .middle-box-title {padding: 10px;} #employer-profile .list-jobs .col-location {width: 50%; text-align: left;} #employer-profile .list-jobs .col-container {width: 97%;} #employer-profile .list-jobs .col-title {width: 100%;} .gulf .list-jobs .col-company {width: 25%;} .gulf .list-jobs .col-location {width: 75%;} .gulf .featured-jobs .col-visits, .gulf .list-jobs .col-visits {text-align: right;} .gulf .featured-jobs .col-title, .gulf .onhome .list-jobs .col-title {width: 47%;} .gulf .featured-jobs .col-target, .gulf .onhome .list-jobs .col-target {width: 53%;} .gulf .featured-jobs .col-location, .gulf .onhome .list-jobs .col-location {text-align: left;} .gulf .resexprow .onerow label.form_label_normal, .gulf .resedurow .onerow label.form_label_normal {width: 100px;} .gulf .footer_apps_banner div.apps_center { width: 100%; text-align: center;} .gulf .footer_apps_banner div.apps_google , .gulf .footer_apps_banner div.apps_iphone {display: inline-block; width: auto;} .notice-matcher-box {margin-top: 10px; margin-bottom: 5px;} .gulf .featlogos {float: left;} } @media (min-width: 650px) and (max-width: 1920px) { .language-box {min-width:inherit;} .language-switch {width: auto;} #content {margin-right: 0px; margin-left: 0px;} a.remove:link, a.remove:visited, a.remove:hover, a.remove:active {left: auto; right:0;} .resexprow .onerow label.form_label_normal,.resedurow .onerow label.form_label_normal ,.restraincrow .onerow label.form_label_normal {width: 140px !important;} .resedurow > div:nth-child(5) > div:nth-child(2) {clear: left;} div.form_collection_row.form_collection_id_trainingcourses > div > div:nth-child(3) > label {clear: left;} .resedurow > div:nth-child(3) > div.fleft.form-onerow > select {max-width: 100px;} } @media (min-width: 650px) and (max-width: 740px) { .footer_apps_banner div.apps_center {width: 100%;} .footer_apps_banner div.apps_text {font-size: 13px; padding-right: 10px; padding-left: 30px;} .footer_apps_banner div.apps_iphone {padding: 0 5px;} } @media (min-width: 650px) and (max-width: 680px) { .footer_apps_banner div.apps_iphone {padding: 0px;} .footer_apps_banner div.apps_text {padding-left: 30px;} } @media screen and (max-width: 700px) { header .col1 .nav li {width: 15%;} footer ul.nav li a {font-size: 13px !important;} } @media (min-width: 640px) and (max-width: 720px) { .ct-banner a {background: url('https://www.wadhefa.com/other/english/theme2015/ct_banner_640.png') center center no-repeat; width: 640px; height: 79px;} } @media (min-width: 480px) and (max-width: 640px) { .ct-banner a {background: url('https://www.wadhefa.com/other/english/theme2015/ct_banner_480.png') center center no-repeat; width: 480px; height: 71px;} } @media screen and (max-width: 480px) { .ct-banner a {background: url('https://www.wadhefa.com/other/english/theme2015/ct_banner_320.png') center center no-repeat; width: 320px; height: 47px;} } @media screen and (max-width: 320px) { .ct-banner a {background: url('https://www.wadhefa.com/other/english/theme2015/ct_banner_320.png') center center no-repeat; width: 100%; height: 47px;} .news-profiles-container li {width: 100% !important;} } @media (min-width: 650px) and (max-width: 2020px) { .onhome .list-news .col-date {line-height: 1em;} .onhome .list-jobs .date-v-center { vertical-align: middle; display: inline-block; } } @media screen and (max-width: 1020px) { .onhome .list-news .col-date .date-v-center, .onhome .list-jobs .col-date .date-v-center{display: table;} .onhome .list-news .col-date .date-v-center a, .onhome .list-jobs .col-date .date-v-center a {display: table-cell; vertical-align: middle;} .onhome .list-news .col-date .date-v-center {min-height: 20px;} .onhome .list-jobs .col-date .date-v-center {min-height: 20px;} #employer-profile .list-jobs .col-container {width: 89%;} } @media screen and (max-width: 650px) { .onhome .list-news .col-date .date-v-center {min-height: 40px;} .onhome .list-jobs .col-date .date-v-center {min-height: 35px;} } @media screen and (max-width: 480px) { .onhome .list-news .col-date .date-v-center {min-height: 54px;} .onhome .list-jobs .col-date .date-v-center {min-height: 35px;} .list-news .col-author { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} }