@charset "ISO-8859-1";

.paginationContainer {
    display: block;
    background: whitesmoke;
    padding: 0 10px;
    padding-bottom: 10px;
}

.dataPagingCurrentPage {
    color: #333 !important;
    border: 1px solid #cacaca !important;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(100%, gainsboro));
    background: -webkit-linear-gradient(top, white 0, gainsboro 100%);
    background: -moz-linear-gradient(top, white 0, gainsboro 100%);
    background: -ms-linear-gradient(top, white 0, gainsboro 100%);
    background: -o-linear-gradient(top, white 0, gainsboro 100%);
    background: linear-gradient(to bottom, white 0, gainsboro 100%);
}

.dataPagingCurrentPage,
.dataPagingRelativeLink,
.dataPagingLink {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
}

.dataPagingRelativeLink:hover,
.dataPagingLink:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0, #111 100%);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(to bottom, #585858 0, #111 100%);
}

#LoginForm,
.logintoggel {
    display: none !important;
}

.dataTables_length select {
    width: auto;
    min-width: auto;
}

.tblHeadColspan tr th.colAlignCenter,
.tblHeadColspan tr td.colAlignCenter,
.colAlignCenter {
    text-align: center !important;
}

.rtl .tblHeadColspan tr th.colAlignCenter {
    text-align: center !important;
}

.tblHeadColspan tr th {
    border-right: 1px solid #e6e6e6;
    vertical-align: middle;
}

.rtl .tblHeadColspan tr th {
    border-left: 1px solid #e6e6e6;
    border-right: 0;
}

.tblHeadColspan tr:first-child th:last-child {
    border-right: 0;
}

.rtl .tblHeadColspan tr:first-child th:last-child {
    border-left: 0;
}

.tblHeadColspan th.thColspan,
.rtl .tblHeadColspan th.thColspan {
    border-bottom: 1px solid #e6e6e6;
    background: transparent;
    text-align: center !important;
}

body {
    font-family: "Droid Sans", "Droid Arabic Kufi", Tahoma, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.rtl body {
    font-family: Tahoma, "Droid Arabic Kufi", "Droid Sans", Arial, sans-serif;
}

.rtl {
    font-family: Tahoma, "Droid Arabic Kufi", "Droid Sans", Arial, sans-serif;
}

.rtl a {
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, Arial, sans-serif;
}

.rtl p {
    font-family: Tahoma, "Droid Sans", Arial, sans-serif;
    line-height: 20px;
    font-size: 13px;
}

h3,
.rtl h3 {
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5 {
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, Arial, sans-serif !important;
}

.rtl label {
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, Arial, sans-serif;
    font-weight: bold;
}

.rtl button.ui-button[type=button] {
    padding: 0 10px !important;
    width: auto !important;
}

button.ui-button[type=button] {
    width: auto !important;
}

label {
    font-family: "Droid Sans", "Droid Arabic Kufi", Tahoma, Arial, sans-serif;
    font-weight: bold;
}

a {
    text-decoration: none !important;
    color: #00ab67;
    cursor: pointer;
    vertical-align: inherit;
}

hr {
    border-bottom: 1px solid #cdcdcd;
    margin: 10px 0;
}

.wpthemeOverflowAuto,
.rtl .wpthemeOverflowAuto {
    overflow: hidden !important;
}

.wpthemeControl {
    margin: 0 !important;
}

#rightcol {
    float: left;
    width: 100% !important;
}

#rightcol .fieldsetSml {
    width: 100% !important;
    background: url(../images/head_bg.gif) repeat-x top !important;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-top: 0 !important;
}

#rightcol fieldset.fieldsetSml>legend {
    margin-top: -2px;
    position: absolute;
    font-size: 15px !important;
}

img.capcha {
    width: 140px !important;
    height: 50px !important;
}

#rightcol .descBox {
    width: 100% !important;
}

#bpmFrame {
    width: 100%;
    height: 720px;
}

ul.ul-cmn-stle {
    margin: 2px 20px;
}

ul.ul-cmn-stle li {
    list-style-type: circle !important;
    padding: 3px 0 !important;
}

.rtl #rightcol {
    float: right;
}

.rtl #rightcol .fieldsetSml {
    background: url(../images/head_bg.gif) repeat-x top !important;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-top: 0 !important;
}

.rtl #rightcol fieldset.fieldsetSml>legend {
    margin-top: -2px;
    position: absolute;
    font-size: 15px !important;
}

.wpthemeControlBody table {
    width: 100% !important;
}

table.panelBox {
    width: 20% !important;
    padding: 5px !important;
}

tableClass {
    width: 100% !important;
    font-family: "Droid Sans", Arial, sans-serif;
}

tr.general_height {
    min-height: 23px !important;
    padding: 3px 0;
}

tr.general_Seperator {
    height: 20px;
}

tr.tr_color {
    background-color: #ebebeb;
}

tr.tr_white {
    background-color: white;
    border-right-color: #e5dac4;
    border-left-color: #e5dac4;
    color: #333;
}

.general_comment {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.general_comment_small {
    font-size: 9px;
    font-weight: bold;
    vertical-align: top;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.main_container_table {
    width: 100% !important;
    margin: 0;
    padding: 0;
    border: none 0;
}

.main_container_table_hajj {
    width: 100% !important;
    margin: 0;
    padding: 0;
    border: none 0;
}

.inner_main_table {
    margin: 0;
    padding: 0;
    border: none 0;
}

.default_inner_main_table {
    margin: 0;
    padding: 0;
    border: none 0;
    width: 100% !important;
}

.td_label {
    font-size: 12px;
    font-weight: bold;
    color: #4f4f4f;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 5px;
}

.fieldSetHolder,
legend span.outputText {
    font-size: 14px !important;
    color: #000 !important;
    font-weight: bold !important;
    font-family: "Droid Sans", Arial, sans-serif;
}

.fset {
    color: #000 !important;
    white-space: nowrap !important;
}

.notebox {
    background-color: #f7f7f7 !important;
    border: 1px solid #c9c9c9 !important;
    padding: 7px 10px;
    line-height: 18px !important;
    font-family: "Droid Sans", Arial, sans-serif;
    font-size: 14px;
}

span.captxt {
    font-weight: bold !important;
}

tr.general_height {
    min-height: 25px !important;
}

fieldset#fsetJD {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
}

.general_comment,
.general_comment_small,
.td_label,
.td_sub_label,
.status,
.td_sub_title,
.td_sub_title2,
.td_sub_title_Pre_Post,
.query_result,
.td_sub_title_Pre_Post_Query,
.td_sub_title_center,
.td_listTitle_brown,
.td_list_seperated_title_brown,
.font_list_title_brown,
.td_information_list_left_border,
.td_general_size_a,
.td_general_size_e,
.td_general_size_e_small,
.td_general_size_small,
.td_general_size_medium,
.td_general_size_medium_date,
.td_general_size_bigger_than_medium,
.td_general_size_large,
.td_InputTextArea_style,
.general_error_messages,
.general_error_messages_green,
.error_message,
.td_data_table_e,
.btnStyleW,
.Button_KSA,
.Button_KSA_medium,
.Button_KSA_medium_large,
.Button_KSA_long,
.Button_KSA_next_prev,
.pre_post_term {
    font-size: 13px !important;
}

#eservice-container .common-error-msg td span,
#eservice-container .common-error-msg ul li {
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    color: #a94442;
    background-color: #f2dede;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
}

#eservice-container .common-error-msg>td span:before,
#eservice-container .common-error-msg>ul li:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e828";
    color: #a94442;
    padding: 3px !important;
}

.alert_info ul li,
.alert_info td span,
li.alert_info,
td.alert_info span {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    background-image: none !important;
    border: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
}

.alert_info ul li:before,
.alert_info>td span:before,
li.alert_info:before,
td.alert_info span:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e815" !important;
    color: #3c763d !important;
    padding: 3px !important;
}

.alert_error {
    background-image: none !important;
    border: none !important;
}

.alert_error ul li,
.alert_error td span,
li.alert_error,
td.alert_error span {
    color: #a94442 !important;
    background: #f2dede !important;
    border: none !important;
    background-image: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
}

.alert_error ul li:before,
.alert_error>td span:before,
li.alert_error:before,
td.alert_error span:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e828" !important;
    color: #a94442 !important;
    padding: 3px !important;
}

.alert_warning {
    background-image: none !important;
    border: none !important;
    color: #8a6d3b !important;
    background: #fcf8e3 !important;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.alert_warning ul li,
.alert_warning td span,
li.alert_warning,
td.alert_warning span {
    color: #8a6d3b !important;
    background: #fcf8e3 !important;
    border: none !important;
    background-image: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
}

.alert_warning ul li:before,
.alert_warning td span:before,
li.alert_warning:before,
td.alert_warning span:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e829" !important;
    color: #8a6d3b !important;
    padding: 3px !important;
}

.general_error_messages ul li,
.general_error_messages td span,
td.general_error_messages span {
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    color: #a94442;
    background-color: #f2dede;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
}

.general_error_messages ul li:before,
.general_error_messages td span:before,
td.general_error_messages span:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e828" !important;
    color: #a94442;
    padding: 3px !important;
}

.general_success_messages ul li,
.general_success_messages td span,
td.general_success_messages span {
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    color: #3c763d !important;
    background-color: #dff0d8;
    font-weight: bold;
    display: block;
    clear: both;
    padding: 10px;
    margin: 10px 0;
}

div.general_success_messages ul li:before,
div.general_success_messages td span:before,
td.general_success_messages span:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e815" !important;
    color: #3c763d;
    padding: 3px !important;
}

.dt-responsive>thead>tr>td {
    width: auto !important;
}

.dt-responsive>tbody>tr>td,
.dt-responsive>thead>tr>td {
    width: 100px !important;
}

.dt-responsive>thead {
    border-bottom: 1px solid #111 !important;
}

.dt-responsive {
    display: table !important;
}

.dt-responsive td {
    width: auto !important;
    display: table-cell !important;
}

.dt-responsive-no-paging>thead>tr>td {
    width: auto !important;
}

.dt-responsive-no-paging>tbody>tr>td,
.dt-responsive-no-paging>thead>tr>td {
    width: 100px !important;
}

.dt-responsive-no-paging>thead {
    border-bottom: 1px solid #111 !important;
}

.dt-responsive-no-paging {
    display: table !important;
}

.dt-responsive-no-paging td {
    width: auto !important;
    display: table-cell !important;
}

div#Tabs .dataTables_sort_wrapper span {
    padding: 0 !important;
}

div#NewTab span {
    padding: 0 !important;
}

div#PendingTab span {
    padding: 0 !important;
}

div#AcceptedTab span {
    padding: 0 !important;
}

div#RejectedTab span {
    padding: 0 !important;
}

.dataTables_wrapper select {
    padding: 0 !important;
    margin: 0 !important;
}

.win.gecko select {
    min-height: 20px;
    padding: 4px 0;
    border: 1px solid #2a815f !important;
    min-width: 145px;
    margin: 2px 0;
    background: white;
    vertical-align: middle;
}

select {
    min-height: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #2a815f !important;
    width: 145px;
    min-width: 145px;
    margin: 2px 0;
    background: white;
    vertical-align: middle;
}

select:focus {
    border: 1px solid #2a815f !important;
    outline: 0 !important;
}

input[type=text],
input[type=date],
input[type=search],
input[type=number],
input[type=password] {
    vertical-align: middle;
    min-height: 20px !important;
    padding: 4px 0 4px 4px !important;
    border: 1px solid #00ab67 !important;
    min-width: 145px;
    margin: 2px 0;
    background: white !important;
}

.rtl input[type=text],
input[type=date],
.rtl input[type=search],
.rtl input[type=number],
.rtl input[type=password] {
    padding: 4px 0 4px 0 !important;
}

.rtl input[type=text],
.rtl input[type=date],
.rtl input[type=password] {
    font-family: Tahoma, Arial, "fontello";
    font-size: 12px;
    min-height: 20px !important;
    padding: 4px 4px 4px 0 !important;
    border: 1px solid #00ab67 !important;
    min-width: 145px;
    margin: 2px 0;
    background: white !important;
}

input[type=text]:focus {
    border: 1px solid #2a815f !important;
    outline: 0 !important;
}

input[type=search] {
    min-height: 12px !important;
    font-family: Tahoma, Arial !important;
}

input[type=text].txtbox-tiny,
select.txtbox-tiny {
    width: 20px !important;
    min-width: 10px !important;
}

input[type=text].txtbox-27 {
    width: 27px !important;
    min-width: 20px !important;
}

input[type=text].txtbox-7,
select.txtbox-7 {
    width: 70px !important;
    min-width: 70px !important;
}

input[type=text].txtbox-small,
input[type=text].txtbox-8,
select.txtbox-8 {
    width: 80px !important;
    min-width: 80px !important;
}

input[type=text].txtbox-9,
select.txtbox-9 {
    width: 90px !important;
    min-width: 90px !important;
}

input[type=text].txtbox-10,
select.txtbox-10 {
    width: 100px !important;
    min-width: 100px !important;
}

input[type=text].calrvals {
    margin-left: 0;
    margin-top: 5px;
}

textarea {
    margin: 2px 0 !important;
    padding: 2px 3px !important;
    border: 1px solid #2a815f !important;
    width: 270px !important;
}

input[type=submit],
input[type=button],
.btnSubmit,
button {
    color: #fff !important;
    text-align: center !important;
    font-weight: normal !important;
    height: auto !important;
    margin-right: 5px;
    border: 1px #2a815f solid !important;
    cursor: pointer;
    font-size: 13px;
    width: auto !important;
    height: 28px !important;
    padding: 0 25px !important;
    font-family: "Droid Sans", Arial, sans-serif;
    background: #00ab67 !important;
    border-radius: 0 !important;
    vertical-align: middle;
}

input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.btnSubmit:hover,
a.btnSubmit:hover,
.actionLinks a:hover {
    background: #009b5e !important;
}

input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled {
    color: #999 !important;
    border: 1px #bbb solid !important;
    background: #e8e8e8 !important;
    border-radius: 0 !important;
    vertical-align: middle;
}

input[type=text]:readonly,
.textdisabled {
    color: #999 !important;
    border: 1px #bbb solid !important;
    background: #e8e8e8;
    vertical-align: middle;
}

.rtl input[type=submit],
.rtl input[type=button],
.rtl .btnSubmit,
.rtl button {
    font-size: 12px !important;
    height: 28px !important;
    padding: 0 25px !important;
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, sans-serif !important;
    margin-right: 0;
    margin-left: 5px !important;
}

.rtl a.btnSubmit {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 4px 25px !important;
}

.rtl a.btnSubmit:hover {
    text-decoration: none !important;
}

a.btnSubmit {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 4px 25px !important;
}

a.btnSubmit:hover {
    text-decoration: none !important;
}

#eservice-container input.gridbtnsubmit {
    width: 100% !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

input.inputAsLabel {
    border: 0 !important;
    min-width: auto !important;
    padding: 0 !important;
}

.rtl input.inputAsLabel {
    border: 0 !important;
    min-width: auto !important;
    padding: 0 !important;
}

#rightcol .rsetsml div.intxt {
    float: left;
    width: 410px;
    padding: 0 5px 3px 0;
}

#rightcol .rsetsml div.errMsg {
    float: left;
    width: 500px;
    padding: 0 5px 3px 178px;
    color: red;
    display: block;
}

.rtl #rightcol .rsetsml div.intxt {
    float: right;
    width: 410px;
    padding: 0 0 3px 5px;
}

.rtl #rightcol .rsetsml div.errMsg {
    float: right;
    width: 500px;
    padding: 0 178px 3px 0;
    color: red;
    display: block;
}

.dtrowodd {
    background: none !important;
    clear: both !important;
}

.dtroweven {
    background: none !important;
    clear: both !important;
}

.ashBgGp {
    background: #f2f2f2 !important;
    border-bottom: 1px solid #ccc !important;
}

.whitebgGp {
    background: #FFF !important;
    border-bottom: 1px solid #ccc !important;
}

table#appheader_title,
table.mainTitle {
    width: 100% !important;
    background: url(../images/head_bg.gif) repeat-x top !important;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-top: 0 !important;
    border-bottom: 0 !important;
    color: #000;
    text-align: left;
}

table#appheader_title td {
    text-align: left !important;
    padding: 5px 10px !important;
}

.mainDivClass {
    width: 100% !important;
    background: none !important;
    border-top: 0 !important;
    padding: 5px 20px 10px !important;
}

.rtl .mainDivClass {
    width: 100% !important;
    background: none !important;
    border-top: 0 !important;
    padding: 5px 20px 10px !important;
}

.mainBody .main_dev {
    width: 100% !important;
}

.search_block {
    padding-left: 20px !important;
}

.search_mid {
    background: none !important;
}

#rightcol,
#rightcol .rsetAddMainGp,
.noteboxAddSg,
.rsetAddSubGp,
.msg,
.noteboxAddMg,
.noteboxLandingPg,
.noteboxSummaryForSM,
.rsetSummaryForSM,
.noteboxSg,
.stylefsModifySub {
    width: 100% !important;
}

#rightcol .rset {
    width: 100% !important;
}

.acttab_fills,
.inacttab_fills {
    height: 25px !important;
}

.acttab_fills>input[type=submit].tabBtnTran {
    color: #fff !important;
    font-weight: bold;
}

.inacttab_fills>input[type=submit].tabBtnTran {
    color: #558b34 !important;
    font-weight: bold;
}

input[type=submit].tabBtnTran {
    padding: 0 8px !important;
    background: none !important;
    border: 0 !important;
    height: 15px !important;
}

input[type=submit].search_right {
    padding: 5px 10px !important;
    background: url(../images/search-btn.png) no-repeat right top !important;
    height: 25px !important;
    border: 0 !important;
}

input[type=submit].search_btnclose {
    background: url(../images/btn_close.png) no-repeat right top !important;
    border: 0 !important;
}

.rtl input[type=submit].search_btnclose {
    background: url(../images/btn_close.png) no-repeat left top !important;
    border: 0 !important;
}

.search_left {
    padding-right: 27px !important;
    background: none !important;
}

.tabs,
.tabcntSentItems,
.msgNotebox,
.tabcnt {
    width: 100% !important;
    display: block;
}

#rightcol .rset span.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
}

#rightcol .rset div.intxt {
    width: 85%;
}

#rightcol .rsetsml {
    width: 100% !important;
}

#rightcol .rsetsml span.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
}

#rightcol .rsetsml div.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
    float: left;
}

#rightcol .rset div.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
    float: left;
}

.rtl #rightcol .rsetsml div.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
    float: right;
    padding: 3px 5px;
    font-weight: bold;
}

.rtl #rightcol .rset div.captxt {
    width: auto !important;
    white-space: nowrap;
    min-width: 12%;
    float: right;
    padding: 3px 5px;
    font-weight: bold;
    min-width: 12%;
}

#rightcol .rsetsml span.scolon {
    width: 3% !important;
}

#rightcol .rsetsml div.intxt {
    width: 85%;
}

#rightcol .rsetsml div.errMsg {
    width: 100% !important;
    padding-left: 24% !important;
}

.stylefssMainGp,
.stylefsAddSub {
    padding-top: 33px !important;
}

DIV.intxtGp {
    float: left;
    width: 70% !important;
}

DIV.intxtGp table {
    width: 100% !important;
}

DIV.intxtGp table td {
    width: auto !important;
}

#rightcol .rset div.intxtLand,
#rightcol .rset span.td_label {
    width: 30% !important;
    float: left !important;
}

.rtl #rightcol .rset div.intxtLand,
.rtl #rightcol .rset span.td_label {
    float: right !important;
}

.btnset {
    width: 100% !important;
    float: left;
}

.rtl .btnset {
    float: right;
}

.back-to-home {
    float: right !important;
    text-align: right;
}

.rtl .back-to-home {
    float: left !important;
    text-align: left;
}

.api_aa_desc_pnt span.result {
    width: 62% !important;
}

.api_aa_desc_pnt span.lblcaption {
    width: 30% !important;
}

.notebox-new {
    width: 100% !important;
}

#rightcol .rset .rsetblock .rsetblockRow span.btn,
#rightcol .rset span.btn {
    background: none !important;
    border: 0 !important;
}

#rightcol .rset .rsetblock .rsetblockRow {
    width: 50% !important;
}

#rightcol .rset .rsetblock .rsetblockRow span.captxt {
    width: 30% !important;
}

#rightcol .rset .rsetblock .rsetblockRow div.intxt {
    width: 65% !important;
}

#eservice-container {
    float: left;
    width: 100%;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
}

#eservice-container .common-desc {
    margin-bottom: 10px;
    float: left;
    font-weight: bold;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif !important;
    width: 100%;
    padding: 5px 0;
}

#eservice-container .common-menu {
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
    padding-bottom: 10px !important;
}

#eservice-container .common-error-msg {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    clear: both;
}

.common-error-msg ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#eservice-container .eservice-form {
    display: block;
    width: 100%;
    clear: both;
}

#eservice-container .common-body input,
#eservice-container .common-body select {
    margin-left: 0;
}

#eservice-container .common-body input[type=text],
#eservice-container .common-body input[type=password],
#eservice-container .common-body select {
    margin-right: 5px;
}

#eservice-container .common-body table label {
    font-weight: bold !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial !important;
}

#eservice-container .common-body table.empApp label.vals {
    font-weight: normal !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial !important;
}

#eservice-container .common-body table thead,
#eservice-container .common-body table thead th {
    font-weight: bold !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial !important;
}

#eservice-container .common-body table,
.common-body table {
    width: 100%;
    clear: both;
}

#eservice-container .common-header {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7;
    border-bottom: 1px solid #cdcdcd;
    display: block;
    clear: both;
}

.common-header h1 {
    font-size: 14px;
    padding: 8px;
    margin: 0;
    width: auto;
    white-space: nowrap;
    float: left;
}

.rtl .common-header h1 {
    float: right;
}

#eservice-container .common-body {
    float: left;
    width: 100%;
    padding: 10px;
}

.rtl #eservice-container {
    float: right;
    width: 100%;
}

.rtl #eservice-container .common-desc {
    float: right;
}

.rtl #eservice-container .common-error-msg {
    margin-bottom: 10px;
}

.rtl #eservice-container .common-header {
    float: right;
}

.rtl #eservice-container .common-body {
    float: right;
}

.rtl #eservice-container .common-body input[type=text],
.rtl #eservice-container .common-body input[type=password],
.rtl #eservice-container .common-body select {
    margin-left: 5px;
    margin-right: 0;
}

.eservice-sub-container {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
}

#eservice-sub-container {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
}

.eservice-sub-container .common-sub-header {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7;
    display: block;
    clear: both;
}

.eservice-sub-container .common-sub-header h1 {
    font-size: 14px;
    padding: 8px;
    display: block;
    clear: both;
    margin: 0;
    color: #444;
}

#eservice-sub-container .common-sub-header {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7;
    display: block;
    clear: both;
    color: #444;
}

#eservice-sub-container .common-sub-header h1 {
    font-size: 14px;
    padding: 8px;
    display: block;
    clear: both;
    margin: 0;
    color: #444;
}

.common-sub-header {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7;
    display: block;
    clear: both;
}

.common-sub-header h1 {
    font-size: 14px;
    padding: 8px;
    display: block;
    clear: both;
    margin: 0;
    color: #444;
}

.common-sub-header h2 {
    font-size: 12px;
    padding: 8px;
    display: block;
    clear: both;
    margin: 0;
    color: #444;
}

.eservice-sub-container .common-sub-body {
    float: left;
    width: 100%;
    padding: 10px;
}

#eservice-sub-container .common-sub-body {
    float: left;
    width: 100%;
    padding: 10px;
}

.empApp .inputCalendar+img {
    position: relative;
    top: 10px;
    left: -24px;
    white-space: nowrap;
}

.rtl table.empApp td img {
    position: relative;
    top: 10px;
    right: -25px;
    white-space: nowrap;
}

.rtl .empApp .inputCalendar {
    float: right;
}

table.empApp td {
    white-space: nowrap;
    width: auto;
}

#eservice-container .common-body table.empApp td {
    padding: 2px;
}

#eservice-container .common-body table.empApp>tbody>tr>td.labels,
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(1),
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(4) {
    width: auto !important;
    min-width: 40px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

#eservice-container .common-body table.empApp>tbody>tr>td.colon,
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(2),
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(5) {
    width: 2% !important;
    font-weight: bold;
    vertical-align: middle;
}

#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(3),
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(6) {
    width: auto !important;
    white-space: nowrap;
    vertical-align: middle;
}

#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(3) select,
#eservice-container .common-body table.empApp>tbody>tr>td:nth-of-type(6) select {
    max-width: 145px !important;
}

.inlineErrorEmp,
span.inlineErrorEmp {
    color: red;
    font-weight: bold;
    padding: 0;
    vertical-align: middle;
}

#eservice-container .common-body table.tbl4column td {
    padding: 3px;
}

#eservice-container .common-body table.tbl4column>tbody>tr>td.labels,
#eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(1) {
    width: auto !important;
    min-width: 40px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

#eservice-container .common-body table.tbl4column>tbody>tr>td.colon,
#eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(2) {
    width: 2% !important;
    font-weight: bold;
    content: ':';
    vertical-align: middle;
}

#eservice-container .common-body table.tbl4column>tbody>tr>td.inputValues,
#eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(3) {
    width: auto !important;
    white-space: nowrap;
    vertical-align: middle;
}

#eservice-container .common-body table.tbl4column>tbody>tr>td.error-msg,
#eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(4) {
    width: 70% !important;
    vertical-align: middle;
}

#eservice-container .common-body table.tbl4column>tbody>tr>td.btns {
    width: 50% !important;
    text-align: center;
    padding: 10px !important;
    content: '' !important;
}

table.tbl4column table {
    table-layout: fixed;
    width: auto !important;
}

table.tbl4column table td {
    vertical-align: middle;
    white-space: nowrap;
}

.btns {
    padding: 10px 0;
}

td.colon {
    font-weight: bold;
}

table.tbl3column {
    margin-bottom: 15px;
}

#eservice-container .common-body table.tbl3column td {
    padding: 3px;
    vertical-align: middle;
}

#eservice-container .common-body table.tbl3column>tbody>tr>td.labels,
#eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(1) {
    width: auto !important;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

#eservice-container .common-body table.tbl3column>tbody>tr>td.colon,
#eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(2) {
    width: 2% !important;
    font-weight: bold;
    content: ':';
    vertical-align: middle;
}

#eservice-container .common-body table.tbl3column>tbody>tr>td.inputValues,
#eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(3) {
    width: 85% !important;
    vertical-align: middle;
}

#eservice-container .common-body table.tbl3column>tbody>tr>td.btns {
    width: 100% !important;
    text-align: center;
    padding: 10px !important;
    content: '' !important;
}

table.tbl3column table {
    table-layout: fixed;
    width: auto !important;
}

table.tbl3column table td {
    vertical-align: middle;
    white-space: nowrap;
}

table.tbl2column>tbody>tr>td {
    padding: 3px;
}

table.tbl2column>tbody>tr>td.labels,
table.tbl2column>tbody>tr>td:nth-of-type(1) {
    width: auto !important;
    min-width: 40px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

table.tbl2column>tbody>tr>td.inputValues,
table.tbl2column>tbody>tr>td:nth-of-type(2) {
    width: 85% !important;
    vertical-align: middle;
}

table.tbl2column>tbody>tr>td.btns {
    width: 100% !important;
    text-align: center;
    padding: 10px !important;
    content: '' !important;
}

table.tbl2column table {
    table-layout: fixed;
    width: auto !important;
}

table.tbl2column table td {
    vertical-align: middle;
    white-space: nowrap;
}

DIV.note {
    float: left;
    width: 25%;
    padding-left: 10px;
}

DIV.note h1 {
    float: left;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
}

DIV.note p {
    float: left;
    width: 100%;
    color: #000;
    padding: 3px;
}

.changepasswordHelpNote p>img,
.rtl .changepasswordHelpNote p>img,
DIV.note p>img {
    display: inline !important;
    clear: both;
}

.ui-state-error,
.ui-widget-content .ui-state-error {
    border: 0 !important;
    background: none !important;
    color: #000 !important;
}

.rtl DIV.note {
    float: right;
    width: 25%;
    padding-right: 10px;
    padding-left: 0;
}

.rtl DIV.note h1 {
    float: right;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
}

.rtl DIV.note p {
    float: right;
    width: 100%;
    color: #000;
    padding: 3px;
}

select.calendars-month-year {
    max-width: 85px !important;
    margin-top: 0 5px !important;
    min-height: 23px !important;
}

div.lblcal {
    float: left;
    width: 145px !important;
    height: 23px;
    white-space: nowrap;
}

.rtl div.lblcal {
    float: right;
    margin-top: 5px;
    height: auto;
}

div.lblcal>img,
div.lblcal img.trigger {
    position: relative !important;
    top: -19px;
    left: -3px;
    float: right;
    cursor: pointer;
}

.rtl div.lblcal>img,
.rtl div.lblcal img.trigger {
    position: relative !important;
    top: 4px;
    left: 3px;
    float: left;
}

#eservice-container .common-body div.lblcal input,
#eservice-container .common-body div.lblcal input[type=text],
div.lblcal input {
    width: 100% !important;
    min-width: 145px !important;
    height: 23px !important;
    line-height: 20px;
    margin: 0 !important;
}

.calendars-trigger,
img.calendars-trigger {
    padding: 0 !important;
}

div.tplblcal {
    display: inline-block;
    width: 145px !important;
    height: 23px;
    white-space: nowrap;
}

.rtl div.tplblcal {
    display: inline-block;
    margin-top: 5px;
    height: auto;
}

div.tplblcal>img,
div.tplblcal img.trigger {
    position: relative !important;
    top: -19px;
    left: -3px;
    float: right;
    cursor: pointer;
}

.rtl div.tplblcal>img,
.rtl div.tplblcal img.trigger {
    position: relative !important;
    top: 4px;
    left: 3px;
    float: left;
}

div.tplblcal input {
    width: 100% !important;
    min-width: 145px !important;
    height: 23px !important;
    line-height: 20px;
    margin: 0 !important;
}

.moi_rec,
.moi_rec .headsec,
.moi_rec .api_aa_row_mda,
.auth_info_mda_cus,
.api_aa_row_mda,
.authDesc_mda,
.api_aa_desc_mda {
    width: 100% !important;
}

.api_aa_desc_mda span.lbl {
    width: 30% !important;
}

.headsec {
    padding: 5px !important;
}

.headsec,
.eform_errMsg,
.cmt_container,
.btn_section {
    width: 100% !important;
}

ul#iMoiNav {
    display: block;
    clear: both;
    width: 100% !important;
    background: #006a40 !important;
    height: 35px !important;
    font-size: 13px !important;
    z-index: 1 !important;
}

ul#iMoiNav li {
    float: left;
}

ul#iMoiNav li a.top_link {
    background: #006a40 !important;
    color: #FFF !important;
    font-size: 13px !important;
}

ul#iMoiNav li.top {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}

#iMoiNav li a.top_link div {
    float: left;
    display: block;
    padding: 0 24px 0 12px;
    height: 35px;
    background: url(three_0.gif) right top no-repeat;
}

#iMoiNav li a.top_link div.down {
    float: left;
    display: block;
    padding: 0 25px 1px;
    height: 33px;
    background: url(../images/arrow_down.png) no-repeat right 10px center;
}

#iMoiNav li:hover a.top_link {
    color: #fff;
    background: url(three_1.gif) no-repeat;
}

#iMoiNav li:hover a.top_link div {
    background: url(three_1.gif) no-repeat right top;
}

#iMoiNav li:hover a.top_link div.down {
    background: url(../images/arrow_up.png) no-repeat bottom center !important;
}

#iMoiNav li a.top_link div.down>span {
    float: right;
    background: none !important;
    display: none !important;
}

#iMoiNav li:hover ul.sub {
    min-width: 260px !important;
    width: auto !important;
    top: 34px !important;
    border: 1px solid #006a40 !important;
    background: #00ab67 !important;
    padding: 10px !important;
    border-top: 0 !important;
}

#iMoiNav li:hover ul.sub>li {
    text-wrap: none !important;
    display: block;
    word-wrap: break-word !important;
    padding-left: 0 !important;
}

#iMoiNav li:hover ul.sub>li>a {
    border: 0 !important;
    background: none !important;
    color: #fff !important;
    font-size: 12px !important;
    font-style: normal;
    word-wrap: break-word !important;
}

#iMoiNav li:hover ul.sub>li>a:hover {
    background: none !important;
    color: #000 !important;
}

table.tbl-bdr {
    border-collapse: collapse;
}

table.tbl-bdr,
table.tbl-bdr th,
table.tbl-bdr td {
    border: 1px solid black;
}

table#empTopNav td {
    text-align: center !important;
}

table#empTopNav td div#empTopNavDIV {
    float: left;
    text-align: center;
    margin: 0 auto !important;
    width: 100%;
}

.rtl table#empTopNav td div#empTopNavDIV {
    float: right;
}

table#empTopNav td img {
    float: left;
    margin: 3px 10px 12px 0;
}

.rtl table#empTopNav td img {
    float: right;
    margin: 3px 0 12px 10px;
}

#stepSix,
.rowcntr,
#stepSix .rowcntr .infoBox,
.rowheadcntr {
    width: 100% !important;
}

#stepSix .rowheadcntr .lft {
    width: 70% !important;
}

#stepSix .rowheadcntr .rgt {
    width: 30% !important;
}

#stepSix .rowheadcntr .rgt input[type="submit"].btnHsml {
    height: 23px !important;
    margin-right: 0 !important;
    padding: 2px 12px 3px !important;
}

td.cus-btn-set {
    padding-top: 10px !important;
}

.emp-api-head,
.tbl-width-100,
.txtarea-xl {
    width: 100% !important;
}

table.tbl-bdr-ja {
    border-collapse: collapse;
}

table.tbl-bdr-ja,
table.tbl-bdr-ja th,
table.tbl-bdr-ja td {
    border: 1px solid #b7b7b7 !important;
}

table.tbl-bdr-ja td {
    padding: 3px !important;
}

select.hsm {
    width: 50px !important;
    min-width: 20px !important;
}

select.year-in-num {
    width: 70px !important;
}

.container {
    background: none !important;
    clear: both;
}

.allBoxes {
    padding: 0 5px !important;
}

.mbodySize,
.rightSide,
.allBoxes,
.singleWideBox,
.singleWideBox .depTop,
.singleWideBox .depBottom,
.actions,
#content_area,
.singleWideBox .depBottomfull,
.singleWideBox .descfull,
.labour_row {
    width: 100% !important;
}

.singleWideBox {
    background: url(../images/head_bg.gif) repeat-x top !important;
    border: 1px solid #e2e2e2 !important;
    padding: 10px !important;
    padding-top: 0 !important;
    margin-bottom: 7px !important;
}

.singleWideBox .depTop,
.singleWideBox .depBottom,
.singleWideBox .depBottomfull {
    background: none !important;
}

.singleWideBox .depBottomfull {
    padding-top: 25px !important;
}

.dash_add_heading {
    background: none !important;
    padding: 5px 10px !important;
}

.singleWideBox .depTop {
    padding-top: 2px !important;
}

.singleWideBox .desc {
    width: 85% !important;
}

.actionLinks a {
    color: #fff !important;
    text-align: center !important;
    font-weight: normal !important;
    height: auto !important;
    margin-right: 5px !important;
    border: 1px #2a815f solid !important;
    font-size: 13px !important;
    width: auto !important;
    height: 28px !important;
    padding: 5px 10px 8px !important;
    font-family: "Droid Sans", Arial, sans-serif;
    font-size: 13px !important;
    background: -moz-linear-gradient(top, #00ab67 50%, #f78410 51%) !important;
    background: -webkit-linear-gradient(top, #00ab67 50%, #f78410 51%) !important;
    background: -ms-linear-gradient(top, #00ab67 50%, #f78410 51%) !important;
    background: -o-linear-gradient(top, #00ab67 50%, #f78410 51%) !important;
    border-radius: 3px !important;
}

.actionLinks A B.b1,
.actionLinks A B.b2,
.actionLinks A B.b3 {
    background: none !important;
    padding: 0 !important;
}

.actions .actionLinks {
    width: auto !important;
}

.labour_row .set1,
.labour_row .set2,
.labour_row .set3 {
    width: 50% !important;
}

.depBottom fieldset {
    background: none !important;
    border: 0 !important;
    padding-left: 0 !important;
}

.readForm {
    padding: 10px !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 0 #ddd !important;
    border: 0 !important;
    margin: 15px 2px 2px 2px !important;
}

#print_fragment {
    width: 100% !important;
}

ul#appMenuItmes li {
    display: inline;
}

ul#appMenuItmes li.liSeparator {
    display: none;
}

ul#appMenuItmes li a {
    padding: 13px 10px 0 !important;
}

ul#appMenuItmes li a:hover {
    color: #f78410;
    background: none !important;
}

.login-popup {
    width: 700px;
    min-height: 300px;
    height: auto;
    font-size: 13px;
}

.login-popup .note {
    margin: 5px 0 !important;
}

.wptheme1Col .wpthemeCol {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#rightcol .colLftForm {
    width: 60% !important;
}

#rightcol .colRgtForm {
    width: 40% !important;
}

#rightcol .colRgtForm .note,
#rightcol .colLftForm .rset .rsetblock,
#rightcol .rset .rsetblock,
.full-width,
.rset .notebox {
    width: 100% !important;
}

#rightcol .rset div.intxt a {
    float: right;
}

#rightcol .colLftForm .rset .rsetblock span.captxtMob {
    width: 22% !important;
}

#rightcol .colLftForm .rset .rsetblock span.mobileText {
    width: 8% !important;
}

.rset .notebox {
    display: block;
}

.floating {
    float: left;
}

.rtl .floating {
    float: right;
}

.space-btm {
    margin-bottom: 10px;
}

.algin-middle {
    text-align: center;
}

.cmn-pad {
    padding: 10px !important;
}

.tbl4column td>img {
    display: inline !important;
}

.spon-tnfr-footer {
    margin-top: 5px !important;
}

.spon-tnfr-footer td:nth-of-type(1),
.spon-tnfr-footer td:nth-of-type(3) {
    width: 40% !important;
}

.spon-tnfr-footer td:nth-of-type(2) {
    width: 20% !important;
    text-align: center !important;
}

.spon-tnfr-footer td:nth-of-type(1) {
    text-align: left;
}

.spon-tnfr-footer td:nth-of-type(3) {
    text-align: right;
}

.rtl .spon-tnfr-footer td:nth-of-type(1) {
    text-align: right;
}

.rtl .spon-tnfr-footer td:nth-of-type(3) {
    text-align: left;
}

.personal_info {
    width: 68% !important;
}

.p_head {
    width: 100% !important;
}

.p_desc table>tbody>tr>td {
    padding: 8px 0;
}

.regMobile {
    float: right;
}

.menubackground {
    width: 100% !important;
    border-bottom: 6px solid #f78410 !important;
    padding-left: 10px !important;
}

.menubackground .tab_wrap {
    float: left;
}

.tab_wrap .tab_wht_bg {
    background: #f78410 !important;
    width: auto;
    padding: 10px 15px 7px;
    margin: 0 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab_wrap .tab_gry_bg {
    background: #00ab67 !important;
    width: auto;
    padding: 10px 15px 7px;
    margin: 0 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab_wht_bg a,
.tab_gry_bg a {
    color: #FFF !important;
    text-decoration: none !important;
}

.tab_gry_bg:hover {
    background: #f78410 !important;
}

a.MainLink {
    font-weight: normal;
    border: 1px #2a815f solid;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    height: 28px;
    padding: 5px 10x;
    font-family: "Droid Sans", Arial, sans-serif;
    background: #00ab67;
    border-radius: 0;
}

.rtl a.MainLink {
    font-family: "Droid Arabic Kufi", "Droid Sans", Tahoma, sans-serif !important;
}

a.MainLink:hover {
    background: #009b5e;
}

.padding-zero {
    padding: 0 !important;
}

.dataTables_wrapper>table {
    width: 100% !important;
    background: #fff;
}

.datatable-pad {
    padding: 0 10px !important;
}

.dtv_table_rowSpaceing>table>tbody>tr {
    height: 30px;
}

.dtv_halfwidth {
    width: 50%;
}

.dtv_button_width {
    width: 35%;
}

.cbTwoColumnContainer {
    width: 100% !important;
}

#example_wrapper {
    padding: 10px 0 !important;
}

.dataTables_wrapper {
    width: 100% !important;
    max-width: 960px !important;
    padding: 10px;
    margin-top: 10px;
    background: #f5f5f5;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: #333;
    padding-bottom: 10px;
}

.dataTables_wrapper table thead td,
.dataTables_wrapper table thead th,
.dataTables_wrapper table thead td span,
.dataTables_wrapper table thead th span {
    font-size: 12px !important;
}

.dataTables_wrapper .dataTables_filter label {
    vertical-align: middle;
    padding: 0;
}

.dataTables_wrapper .dataTables_filter label input {
    margin-left: 0 !important;
}

.rtl .dataTables_wrapper .dataTables_filter label input {
    margin-right: 0 !important;
}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
    .rtl .common-header {
        margin-right: 1px;
    }

    .rtl .common-sub-header {
        width: calc(100% - 1px);
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :480px) {
    .rtl .dataTables_wrapper .dataTables_filter input {
        margin: 0 !important;
    }

    .rtl .bullet-list ul,
    .rtl ul.bullet-list {
        margin-right: 10px !important;
    }
}

.dataTables_wrapper .dataTables_length label {
    vertical-align: middle;
    line-height: 12px;
}

.dataTables_wrapper table a {
    font-size: 14px;
    font-weight: bold;
}

.userProgressTimelineActive {
    background-color: #00ab67;
    color: #FFF;
    text-align: center;
    width: 80px;
    font-weight: bold;
    padding: 10px;
}

.userProgressTimelineInactive {
    background-color: #CCC;
    color: #777;
    text-align: center;
    width: 80px;
    padding: 10px;
}

.userProgressTimelineSymbol {
    font-size: 35px;
    text-align: center;
    width: 50px;
    padding: 10px;
}

.separator {
    display: block;
    height: 20px;
    clear: both;
    width: 100%;
}

.bullet-list ul,
ul.bullet-list {
    list-style: disc !important;
    margin-left: 20px;
    float: left;
    clear: both;
    width: 100%;
}

.rtl .bullet-list ul,
.rtl ul.bullet-list {
    list-style: disc !important;
    margin-right: 20px;
    float: right;
    clear: both;
    width: 100%;
}

.bullet-list ul li,
ul.bullet-list li {
    padding: 10px 5px;
    list-style: disc !important;
}

.fullwidth,
.commonfullwidth {
    width: 100%;
}

textarea.fullwidth,
.fullwidth textarea,
textarea.commonfullwidth,
.commonfullwidth textarea {
    width: 100% !important;
    display: block;
}

textarea.normal,
.normal textarea {
    width: 550px !important;
    clear: both;
    display: block;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    font-weight: normal;
}

.dataTableCustom table.dataTable thead tr:first-child td {
    width: 50px !important;
}

.borderTable table tr,
.borderTable table tr td,
table.borderTable tr,
table.borderTable tr td {
    border: 1px solid #cdcdcd !important;
}

.mandatoryText {
    display: block;
    clear: both;
    margin-bottom: 10px;
    border: 1px dotted #ebccd1 !important;
    background-image: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 5px 6px;
    font-weight: bold;
}

.mandatoryAsterisk {
    font-weight: bold;
    color: #f00 !important;
    padding: 0 2px;
}

.captchaForm img {
    width: 145px !important;
    margin: 10px 0;
}

.helpText {
    margin-bottom: 10px;
    float: left;
    display: block;
    font-weight: bold;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif !important;
    width: 100%;
    padding: 7px 10px;
    color: #31708f !important;
    background-color: #d9edf7 !important;
}

td.formButtons,
div.formButtons {
    margin: 10px 0;
}

div.impNote {
    display: block;
    width: 100%;
    clear: both;
}

button span {
    padding: 0 !important;
}

button.ui-button-icon-only {
    width: auto !important;
    display: inline-block !important;
    clear: none !important;
    margin: 0 !important;
}

div.jstlError,
span.jstlError,
div.jstlErrorWEF,
span.jstlErrorWEF {
    color: #a94442 !important;
    background: #f2dede !important;
    border: none !important;
    background-image: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
    float: left;
    width: 100%;
}

div.jstlError:before,
span.jstlError:before,
div.jstlErrorWEF:before,
span.jstlErrorWEF:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e828" !important;
    color: #a94442 !important;
    padding: 3px !important;
}

div.jstlSuccess,
span.jstlSuccess {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    background-image: none !important;
    border: none !important;
    font-family: "Droid Sans", "Droid Arabic Kufi", Arial, sans-serif;
    padding: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 10px 0;
    float: left;
    width: 100%;
}

div.jstlSuccess:before,
span.jstlSuccess:before {
    font-family: "fontello", Arial, sans-serif !important;
    content: "\e815" !important;
    color: #3c763d !important;
    padding: 3px !important;
}

.rtl div.jstlError,
.rtl span.jstlError,
.rtl div.jstlSuccess,
.rtl span.jstlSuccess,
.rtl div.jstlErrorWEF,
.rtl span.jstlErrorWEF {
    float: right;
}

.inlineError,
span.inlineError,
.ErrorMessage,
span.ErrorMessage {
    color: red;
    font-weight: bold;
    padding: 0 10px;
    vertical-align: middle;
}

.passport-services h3 {
    color: #00ab67;
    font-weight: bold;
    font-size: 14px;
}

.passport-services .labels {
    font-weight: bold;
}

td.inputMobile:before {
    content: '+966';
    padding: 0 3px;
}

.rtl td.inputMobile:before {
    display: none;
}

.rtl td.inputMobile:after {
    content: '966+';
    padding: 0 3px;
}

td.inputMobile input {
    width: 105px !important;
    min-width: 80px !important;
}

.moreArea {
    FLOAT: right;
    TEXT-ALIGN: right;
    PADDING-BOTTOM: 5px;
    WIDTH: 100%;
}

.rtl .moreArea {
    FLOAT: left;
    TEXT-ALIGN: left;
}

a.moreButton,
a.lessButton {
    text-decoration: none;
}

.moreButton:after {
    content: '\e80d';
    font-family: "fontello", "Tahoma";
    color: #00ab67;
    padding: 0 5px;
}

.lessButton:after {
    content: '\e811';
    font-family: "fontello", "Tahoma";
    color: #00ab67;
    padding: 0 5px;
}

DIV.more_details {
    color: #00ab67;
    TEXT-TRANSFORM: uppercase;
    CURSOR: pointer;
    TEXT-DECORATION: none;
    MARGIN: 10px 0 0 0;
}

DIV.more_details:after {
    content: '\e80d';
    color: #00ab67;
    font-family: "fontello", Tahoma;
    font-size: 16px;
    padding: 0 !important;
}

DIV.more_details:hover,
DIV.more_details:hover:after {
    color: #00ab67;
}

DIV.less_details {
    TEXT-TRANSFORM: uppercase;
    CURSOR: pointer;
    TEXT-DECORATION: none;
    color: #00ab67;
    FLOAT: right;
    MARGIN: 10px 0 0 0;
}

.rtl DIV.less_details {
    FLOAT: left !important;
}

DIV.less_details:after {
    content: '\e811';
    color: #00ab67;
    font-family: "fontello", Tahoma;
    font-size: 16px;
    padding: 0 5px !important;
}

DIV.less_details:hover,
DIV.less_details:hover:after {
    color: #00ab67;
}

.layoutRow {
    width: 100%;
}

.dataTable_basic .dataTables_wrapper .dataTables_length,
.dataTable_basic .dataTables_wrapper .dataTables_filter,
.dataTable_basic .dataTables_wrapper .dataTables_processing {
    display: none;
}

.dataTable_basic .dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTable_basic .dataTables_wrapper table.dataTable thead .sorting_desc,
.dataTable_basic .dataTables_wrapper table.dataTable thead .sorting {
    background: none !important;
}

.dataTable_simple .dataTables_wrapper .dataTables_length,
.dataTable_simple .dataTables_wrapper .dataTables_info,
.dataTable_simple .dataTables_wrapper .dataTables_paginate,
.dataTable_simple .dataTables_wrapper .dataTables_filter,
.dataTable_simple .dataTables_wrapper .dataTables_processing {
    display: none;
}

.dataTable_simple .dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTable_simple .dataTables_wrapper table.dataTable thead .sorting_desc,
.dataTable_simple .dataTables_wrapper table.dataTable thead .sorting {
    background: none !important;
}

.dataTable_simple table.dt-responsive,
.dataTable_basic table.dt-responsive {
    width: 100% !important;
}

.dataTable_simple table.dt-responsive-no-paging,
.dataTable_basic table.dt-responsive-no-paging {
    width: 100% !important;
}

.grid-col-container {
    display: block;
    width: 100%;
    clear: both;
}

.grid-col1,
.grid-col1-1,
.grid-col1-2,
.grid-col1-3,
.grid-col2-3,
.grid-col1-4,
.grid-col3-4,
.grid-col1-5,
.grid-col1-6,
.grid-col5-6,
.grid-col1-12,
.grid-col2-12,
.grid-col3-12,
.grid-col4-12,
.grid-col5-12,
.grid-col6-12,
.grid-col7-12,
.grid-col8-12,
.grid-col9-12,
.grid-col10-12,
.grid-col11-12,
.grid-col12-12 {
    float: left;
}

.grid-col1-12 {
    width: 8.3333%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1-6,
.grid-col2-12 {
    width: 16.6667%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1-5 {
    width: 20%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1-4,
.grid-col3-12 {
    width: 25%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1-3,
.grid-col4-12 {
    width: 33.3333%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col5-12 {
    width: 41.6667%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1-2,
.grid-col6-12 {
    width: 50%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col7-12 {
    width: 58.3333%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col2-3,
.grid-col8-12 {
    width: 66.6667%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col3-4,
.grid-col9-12 {
    width: 75%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col5-6,
.grid-col10-12 {
    width: 83.3333%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col11-12 {
    width: 91.6667%;
    padding: 0 15px 0 0;
    float: left;
}

.grid-col1,
.grid-col1-1,
.grid-col12-12 {
    width: 100%;
}

.rtl .grid-col1,
.rtl .grid-col1-1,
.rtl .grid-col1-2,
.rtl .grid-col1-3,
.rtl .grid-col2-3,
.rtl .grid-col1-4,
.rtl .grid-col3-4,
.rtl .grid-col1-5,
.rtl .grid-col1-6,
.rtl .grid-col5-6,
.rtl .grid-col1-12,
.rtl .grid-col2-12,
.rtl .grid-col3-12,
.rtl .grid-col4-12,
.rtl .grid-col5-12,
.rtl .grid-col6-12,
.rtl .grid-col7-12,
.rtl .grid-col8-12,
.rtl .grid-col9-12,
.rtl .grid-col10-12,
.rtl .grid-col11-12,
.rtl .grid-col12-12 {
    float: right;
}

.rtl .grid-col1-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1-6,
.rtl .grid-col2-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1-5 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1-4,
.rtl .grid-col3-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1-3,
.rtl .grid-col4-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col5-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1-2,
.rtl .grid-col6-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col7-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col2-3,
.rtl .grid-col8-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col3-4,
.rtl .grid-col9-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col5-6,
.rtl .grid-col10-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col11-12 {
    padding: 0 0 0 15px;
    float: right;
}

.rtl .grid-col1,
.rtl .grid-col1-1,
.rtl .grid-col12-12 {
    width: 100%;
}

#progressbar {
    margin-bottom: 20px;
    overflow: hidden;
    counter-reset: step;
}

ul#progressbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    line-height: 24px;
    display: block;
    font-size: 14px;
    background: #e8e8e8;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    position: relative;
    opacity: .99;
    z-index: 4;
    padding: 0 3px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    position: absolute;
    left: -53%;
    top: 11px;
    z-index: 0;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #00ab67;
    color: white;
    z-index: 6;
    opacity: .99;
}

#progressbar li.completed:before {
    background: #00ab67;
    color: #fff;
    content: '\e804';
    font-family: 'fontello', Arial;
    font-size: 14px;
    opacity: .99;
    z-index: 7;
}

#progressbar li.completed:after {
    background: #00ab67;
    color: #00ab67;
}

.rtl #progressbar li {
    float: right;
}

.rtl #progressbar li:after {
    right: -54%;
    left: -58%;
}

.sixSteps #progressbar li {
    width: 16.666% !important;
}

.fiveSteps #progressbar li {
    width: 20% !important;
}

.threeSteps #progressbar li {
    width: 33% !important;
}

.twoSteps #progressbar li {
    width: 50% !important;
}

.twoSteps #progressbar li:after {
    left: -50% !important;
}

.rtl .twoSteps #progressbar li:after {
    right: -50% !important;
    left: -50% !important;
}

.rowdiv {
    display: block;
    clear: both;
}

table.nested-radio-btns {
    table-layout: fixed !important;
}

.help_box {
    width: 100%;
    float: left;
    border: 1px solid #d9edf7 !important;
}

.help_box .video_link a {
    display: block;
    font-size: 16px;
    background: #eee;
    margin: 10px 0;
}

.help_box .video_link a i {
    display: inline-block;
    background: #e80000;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.help_box .video_link a i:before {
    padding: 0;
    margin: 0 0 0 3px;
    line-height: inherit;
    width: auto;
}

.help_box .video_link a span {
    padding: 5px;
    display: inline-block;
    color: #352a25;
}

.help_box_body ul {
    list-style: default;
    overflow-y: overlay;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    border: 1px solid #d9edf7;
    padding: 0 10px;
}

.help_box_body ul li {
    padding: 10px 0;
    border-bottom: 1px solid #d9edf7;
    display: block;
}

.help_box_body ul li:last-child {
    border-bottom: 0 !important;
}

.help_box_body ul li:before {
    content: '\e846';
    font-family: "fontello";
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    color: #31708f;
}

.rtl .help_box_body ul li:before {
    content: '\e845';
    padding-right: 0;
    padding-left: 10px;
}

.help_box_header {
    background-color: #d9edf7;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    display: block;
    clear: both;
}

.help_box_header h1 {
    font-size: 14px;
    padding: 8px;
    display: inline-block;
    clear: both;
    margin: 0;
    color: #31708f;
}

.help_box_body {
    float: left;
    width: 100%;
    padding: 10px;
}

.helpboxmargin:lang(en) {
    margin-left: 15px;
}

.help_box_body input[type=submit],
.help_box_body .btnHelp {
    border: 1px #31708f solid !important;
    background: #31708f !important;
    width: 100% !important;
}

.rtl #btn1,
.rtl #btn2 {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

#btn1 i:before,
#btn2 i:before {
    margin-left: 0;
}

.rtl #btn1 i:before,
.rtl #btn2 i:before {
    margin-right: 0;
}

.help_box_body img {
    width: 100%;
}

.rtl .help_box {
    float: right;
}

.rtl .help_box_header {
    float: right;
}

.rtl .help_box_body {
    float: right;
}

.border_all {
    border: solid 2px #e3e1e1;
}

.border_bottom {
    border-bottom: solid 2px #e3e1e1;
}

.td_TextCenter_Header {
    text-align: center;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: bold;
}

.page_title {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #4f4f4f;
    font-weight: bold;
    text-align: center;
}

.td_TextCenter_MainAddress {
    text-align: center;
    color: #4f4f4f;
    font-size: 18px;
    font-weight: bold;
}

span.headMsgStyle {
    color: green;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    margin: 10px 0;
}

.helpTextWrapper {
    width: 40%;
}

.icon-file-pdf {
    color: #ff0606;
}

.icon-file-word {
    color: #2a3281;
}

table.tblFlyVisa {
    width: auto !important;
}

table.tblFlyVisa td {
    vertical-align: middle;
    padding: 3px;
}

table.tblFlyVisa td:nth-of-type(1) {
    font-weight: bold;
    white-space: nowrap;
}

table.tblFlyVisa td:nth-of-type(2) {
    padding: 0 3px;
    font-weight: bold;
}

table.tblFlyVisa td:nth-of-type(5) {
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

.rtl table.tblFlyVisa td:nth-of-type(5) {
    text-align: left;
}

table.tblFlyVisa td:nth-of-type(5) input {
    margin-right: 0 !important;
}

.rtl table.tblFlyVisa td:nth-of-type(5) input {
    margin-left: 0 !important;
}

.beta-version {
    color: red;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}

.rtl .beta-version {
    font-family: "Droid Arabic Kufi", Tahoma;
}

.old-version,
.old-version a span {
    color: #00ab67;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}

.rtl .old-version,
.rtl .old-version a span {
    font-family: "Droid Arabic Kufi", Tahoma;
}

#sharecontent {
    float: right;
    padding: 5px 0;
}

.rtl #sharecontent {
    float: left;
}

.like-block {
    padding: 0 5px;
    display: inline-block;
}

@media screen and (min-device-width:769px) {
    .bigErrorText {
        line-height: 28px;
    }
}

@media screen and (max-width:960px) {
    .rowsec {
        padding: 0 15px;
    }

    .login-popup {
        width: 80% !important;
        left: 10% !important;
        top: 15% !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .banner {
        display: block;
    }

    .logovp a {
        display: block;
        width: 100%;
    }

    .rtl .logovp {
        height: 77px;
    }

    .rtl .logovp a {
        display: block;
        width: 100%;
        height: 77px;
    }

    .bigErrorText {
        line-height: 28px;
    }

    .service-group {
        width: 100%;
        margin: 0 0 20px;
    }

    .service-group.last {
        margin: 0;
    }

    .schedule-need {
        font-size: 15px;
    }

    .eservice-block {
        height: 220px;
        margin: 20px 0;
    }

    .not-sure {
        font-size: 15px;
    }

    .eservice-reg {
        font-size: 15px;
    }

    .news-list li .thumb {
        width: 34%;
    }

    .news-list li .info {
        width: 63%;
    }

    .news-list li .info p {
        display: none;
    }

    .moi-activate {
        font-size: 16px;
        padding: 20px;
    }

    .moi-activate .link {
        font-size: 12px;
    }

    .search-block {
        left: 20%;
    }

    .main-more {
        display: none;
        width: 190px;
        padding: 15px 18px 1px;
        background: #fff;
        position: absolute;
        top: 38px;
        right: 0;
        border: 3px solid #7f7f7f;
        border-top: 0;
        border-radius: 3px;
    }

    .main-more .megamenu {
        display: none !important;
    }

    .nav-holder.selected .main-more {
        display: block;
    }

    .mainnav .main-more li.level1 {
        position: static;
        height: auto;
        display: block;
        width: auto;
        margin: 0 0 9px;
    }

    .mainnav .main-more li a.level1 {
        color: #046800;
        text-align: left;
        text-shadow: 0 -1px 1px #fff;
        margin: 0;
        padding: 0;
        height: auto;
    }

    .mainnav li.hovered a.level1,
    .mainnav .main-more li.level1 a:hover {
        background: transparent !important;
        text-decoration: underline;
    }

    .mainnav li.dashboard {
        border-top: 1px solid #ccc;
        padding: 10px 0 0;
    }

    .mainnav li.dashboard .icon {
        background: url("../images/sprite.png") no-repeat scroll -182px -69px;
    }

    .rtl .mainnav li.dashboard .icon {
        background: url("../images/sprite.png") no-repeat scroll -182px -69px;
    }

    .nav-more {
        display: block;
    }

    .breadcrumb {
        display: none;
    }

    .caption {
        font-size: 13px;
    }

    .caption h2 {
        font-size: 28px;
    }

    h4.popular {
        display: none;
    }

    .news-item img {
        width: 100%;
    }

    .photosgallery-std {
        width: 100%;
    }

    .sliderkit-nav {
        overflow-x: hidden;
        width: 225px;
    }

    .sliderkit-nav-clip {
        width: 100% !important;
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .layoutRow {
        width: 97% !important;
    }

    .bigErrorText {
        line-height: 28px;
    }

    ul.nav-items img {
        max-width: 30px !important;
        padding-top: 16px !important;
    }

    ul.nav-items li a span {
        font-size: 12px !important;
    }

    #rightcol .rset span.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
    }

    #rightcol .rset div.intxt {
        width: 80%;
    }

    #rightcol .rsetsml {
        width: 100% !important;
    }

    #rightcol .rsetsml span.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
    }

    #rightcol .rsetsml div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
        float: left;
    }

    #rightcol .rset div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
        float: left;
    }

    .rtl #rightcol .rsetsml div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
        float: right;
        padding: 3px 5px;
        font-weight: bold;
    }

    .rtl #rightcol .rset div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 17%;
        float: right;
        padding: 3px 5px;
        font-weight: bold;
        min-width: 17%;
    }

    #rightcol .rsetsml div.intxt {
        width: 80%;
    }
}

@media screen and (min-width:769px) {
    .nav-login {
        display: none !important;
        visibility: hidden !important;
    }

    .rtl .nav-login {
        display: none !important;
        visibility: hidden !important;
    }

    .nav-login.selected .login-drop {
        display: none !important;
    }

    .nav-login.selected .login-link {
        display: none !important;
    }

    .rtl .nav-login.selected .login-drop {
        display: none !important;
    }

    .rtl .nav-login.selected .login-link {
        display: none !important;
    }

    .centeredTextDiv {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 !important;
        padding: 10px;
    }

    .bigErrorText {
        line-height: 28px;
        display: block;
        width: 100%;
    }

    #page {
        display: none !important;
    }

    .absher-emblem-mobile {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .responsiveTopMenu {
        height: 22px;
        display: inline-block !important;
        width: 100%;
        text-align: right;
        font-size: 10px;
    }

    .rtl .responsiveTopMenu {
        text-align: left !important;
    }

    .responsiveTopMenu ul {
        display: inline-flex;
        line-height: 22px;
        list-style: none;
    }

    .responsiveTopMenu ul li {
        margin: 0 5px;
    }

    .schedule-appt .link {
        display: block;
        padding: 5px;
        margin: 10px 0 0;
        color: #fff;
        background: #00ab67;
        font-weight: bold;
        text-align: center;
        font-size: 12px !important;
        border: 0;
        box-shadow: none;
    }

    #fsetJD>table,
    table,
    tbody,
    thead,
    th,
    tr,
    td,
    tfoot {
        display: block;
        width: 100% !important;
    }

    div#slides1 {
        width: inherit !important;
    }

    .banner img {
        width: inherit !important;
    }

    .absher-emblem-mobile {
        border-right: 1px solid #e8e8e8;
        padding-right: 10px;
        display: none;
    }

    .rtl .absher-emblem-mobile {
        border-left: 1px solid #e8e8e8;
        padding-left: 10px;
        border-right: 0;
        padding-right: 0;
    }

    .moi-logo-mobile {
        margin-left: 5px;
    }

    .rtl .moi-logo-mobile {
        margin-left: 0;
        margin-right: 5px;
    }

    .help_box {
        width: 100% !important;
        margin-top: 10px;
    }

    .layoutRow {
        width: 95% !important;
        margin: auto;
    }

    .centeredTextDiv {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 !important;
        padding: 10px;
    }

    .bigErrorText {
        line-height: 28px;
        display: block;
        width: 100%;
    }

    div.loginForm {
        visibility: hidden !important;
        display: none !important;
    }

    div.all-services {
        display: none;
    }

    .mainnav,
    .mbodySize,
    .rightSide,
    .allBoxes,
    .singleWideBox,
    .singleWideBox .depTop,
    .singleWideBox .depBottom,
    .actions,
    .dash_add_heading {
        width: 100% !important;
        max-width: 768px !important;
    }

    .padLeft,
    .pagination,
    .sponsorees .depBottom .actions {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .singleWideBox .hasNotice,
    .singleWideBox .desc,
    .singleWideBox .genInfo,
    .genInfo .set3,
    .genInfo .set1,
    .genInfo .set3,
    .genInfo LABEL,
    .genInfo span {
        width: 100% !important;
    }

    #rightcol .colLftForm {
        width: 100% !important;
    }

    #rightcol .colRgtForm,
    #rightcol .colRgtForm .note {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #example_wrapper {
        width: 100% !important;
        max-width: 749px !important;
    }

    .dt-responsive tr {
        width: 100% !important;
        max-width: 749px !important;
        display: table-row !important;
    }

    .dt-responsive-no-paging tr {
        width: 100% !important;
        max-width: 749px !important;
        display: table-row !important;
    }

    #eservice-container {
        width: 98% !important;
        margin: 0 1% !important;
    }

    #rightcol .rset span.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
    }

    #rightcol .rset div.intxt {
        width: 75%;
    }

    #rightcol .rsetsml {
        width: 100% !important;
    }

    #rightcol .rsetsml span.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
    }

    #rightcol .rsetsml div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
        float: left;
    }

    #rightcol .rset div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
        float: left;
    }

    .rtl #rightcol .rsetsml div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
        float: right;
        padding: 3px 5px;
        font-weight: bold;
    }

    .rtl #rightcol .rset div.captxt {
        width: auto !important;
        white-space: nowrap;
        min-width: 22%;
        float: right;
        padding: 3px 5px;
        font-weight: bold;
        min-width: 22%;
    }

    #rightcol .rsetsml div.intxt {
        width: 75%;
    }

    .banner {
        display: block;
        width: 100%;
    }

    .header-moi {
        height: 100px;
        display: block;
        clear: both;
    }

    .logo {
        width: 173px;
        height: 34px;
        background: url('../images/logo_mob.png') no-repeat;
        margin: 17px 0 0;
    }

    .rtl .logo {
        width: 173px;
        height: 34px;
        background: url('../images/logo_mob_ar.png') no-repeat right top;
        margin: 17px 0 0;
    }

    .logovp {
        width: 400px;
        margin: 5px;
    }

    .rtl .logovp {
        width: 400px;
        margin: 5px;
    }

    .logo a {
        height: 64px;
    }

    .main {
        width: 100% !important;
        padding: 0;
    }

    .sidebar {
        width: 100%;
        border-top: 9px #00ab67 solid;
        margin: 10px 0 0;
    }

    .megamenu {
        display: none !important;
    }

    .login-block,
    .header-moi .social-block,
    .login-head {
        display: none;
    }

    .rtl .service-group.last {
        margin: 0;
    }

    .news-ticker {
        width: 100% !important;
        float: left;
        border-top: 0;
        height: 570px !important;
    }

    .news-ticker li {
        border-top: 0;
    }

    .news-ticker ul {
        border: 0;
        width: 100% !important;
        height: 570px !important;
    }

    .news-ticker img {
        margin: 0 0 5px 0;
        width: 100% !important;
    }

    .news-list {
        width: 100% !important;
        margin: 32px 0 0;
    }

    .topnav ul,
    .navmenu-bottom {
        display: none;
    }

    .arabic-link {
        display: block;
        float: right;
        padding-right: 0;
    }

    .rtl .arabic-link {
        display: block;
        float: left;
        padding-left: 0;
    }

    .search-block {
        position: relative;
        top: 0;
        left: auto;
        right: 0;
        width: auto;
    }

    .search-toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 82px;
        height: 38px;
        padding: 0 10px 0 19px;
        margin: 0;
        background: url(../images/search-btn.png) 0 10px no-repeat;
        border: 0;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 -1px 1px #247c29;
    }

    .search-form {
        width: 304px;
        padding: 10px;
        background: #fff;
        position: absolute;
        left: -304px;
        top: 38px;
        display: none;
    }

    .search-block.selected .search-form {
        display: block;
    }

    .nav-more {
        display: none;
    }

    .navbar-toggle {
        position: absolute;
        top: 7px;
        right: 80px;
        width: 85px;
        height: 38px;
        padding: 1px 30px 0 15px;
        margin: 0;
        background: url(../images/menu_icon.png) 10px 13px no-repeat;
        border: 0;
        display: block;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 -1px 1px #247c29;
    }

    .navbar-toggle-mm {
        position: absolute;
        top: 9px;
        left: 0;
        width: 85px !important;
        height: 38px !important;
        padding: 1px 30px 0 15px;
        margin: 0;
        background: url(../images/menu_icon.png) 6px 13px no-repeat !important;
        border: 0 !important;
        display: block;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 -1px 1px #247c29;
    }

    .rtl .navbar-toggle-mm {
        position: absolute;
        top: 9px;
        right: 2px;
        width: 60px !important;
        height: 38px !important;
        padding: 1px 0 0 30px;
        margin: 0;
        background: url(../images/menu_icon.png) 48px 13px no-repeat !important;
        border: 0 !important;
        display: block;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 -1px 1px #247c29;
        margin-left: 15px;
    }

    .rtl .navbar-toggle {
        position: absolute;
        top: 7px;
        width: 60px;
        height: 38px;
        padding: 1px 0 0 30px;
        margin: 0;
        background: url(../images/menu_icon.png) 0 13px no-repeat;
        border: 0;
        display: block;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 -1px 1px #247c29;
        margin-left: 15px;
    }

    .navbar-toggle.active {
        background-color: #fff;
    }

    .navbar-toggle.active .icon-bar {
        background-color: #00ab67;
    }

    .main-more {
        display: block;
        width: 50%;
        float: left;
        position: static;
    }

    .nav-items {
        width: 100%;
        float: left;
    }

    .mainnav .nav-items li.level1 {
        position: static;
        height: auto;
        display: block;
        width: auto;
    }

    .mainnav .nav-items li.level1 {
        background: 0;
        margin: 0 0 9px;
    }

    .mainnav .nav-items li a.level1 {
        color: #046800;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
        text-shadow: 0 -1px 1px #fff;
    }

    .mainnav li.dashboard {
        border: 0;
        padding: 0;
    }

    .mainnav li.home .icon {
        background: url("../images/sprite.png") no-repeat scroll -157px -69px;
    }

    .rtl .mainnav li.home .icon {
        background: url("../images/sprite.png") no-repeat scroll -157px -69px;
    }

    .main-more {
        padding: 0;
    }

    .mainnav li.level1.current a.level1 {
        margin: 0;
    }

    .navmenu-bottom {
        display: block;
        border-top: 1px solid #ccc;
        padding: 18px 0 0;
        line-height: 15px;
        margin: 10px 0 0;
        clear: both;
    }

    .navmenu-bottom li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #000;
    }

    .navmenu-bottom li.last {
        border: 0;
        padding: 0 0 0 10px;
    }

    .navmenu-bottom li.first {
        padding: 0 10px 0 0;
    }

    .navmenu-bottom a {
        color: #000 !important;
        padding: 0 !important;
    }

    .mainnav .navmenu-bottom li a:hover {
        text-decoration: underline;
    }

    .nav-holder {
        position: absolute;
        background: #fff;
        width: 400px;
        top: 38px;
        right: 0;
        padding: 15px 18px 13px;
        display: none;
        border: 3px solid #7f7f7f;
        border-top: 0;
        border-radius: 3px;
    }

    .rtl .nav-holder {
        position: absolute;
        background: #fff;
        width: 400px;
        top: 38px;
        left: 0;
        padding: 15px 18px 13px;
        display: none;
        border: 3px solid #7f7f7f;
        border-top: 0;
        border-radius: 3px;
    }

    .mainnav.selected .nav-holder {
        display: block;
    }

    .nav-holder .main-more {
        border: 0;
    }

    .navmenu-bottom {
        display: block;
    }

    .nav-login {
        display: block;
        float: right;
        color: #fff;
        font-size: 15px;
        margin: 10px 5px;
    }

    .nav-login a {
        color: #fff;
    }

    .nav-login .arrow {
        background-position: -28px -326px;
        width: 16px;
    }

    .nav-login a:hover {
        text-decoration: none;
    }

    .nav-login .login-drop {
        position: absolute;
        background: #fff;
        width: 200px;
        top: 38px;
        right: 0;
        padding: 10px 10px 10px;
        display: none;
        border-radius: 3px;
        -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
    }

    .nav-login.selected .login-drop {
        display: block;
    }

    .login-drop li {
        margin: 0 0 9px;
    }

    .login-drop a {
        color: #00ab67;
    }

    .rtl .nav-login {
        display: block;
        float: left;
        color: #fff;
        font-size: 15px;
        margin: 10px 5px;
    }

    .rtl .nav-login .login-drop {
        left: 0;
        right: auto;
    }

    .rtl .nav-login.selected .login-drop {
        display: block;
    }

    .schedule-appt {
        width: 100%;
        margin: 0;
        background: transparent;
        border-left: 9px #2ea036 solid;
        color: #000;
    }

    .schedule-need {
        width: 100%;
    }

    .not-sure-block {
        width: 100%;
        margin: 10px 0;
        border-left: 9px #2ea036 solid;
        color: #000;
    }

    .collapse-block {
        width: 100%;
        margin: 5px 0;
        border-left: 9px #2ea036 solid;
        color: #000;
    }

    .rtl .collapse-block {
        width: 100%;
        margin: 5px 0;
        border-right: 9px #2ea036 solid;
        border-left: 0;
        color: #000;
    }

    .collapse-toggle {
        font-size: 16px;
        font-weight: normal;
        cursor: pointer;
    }

    .collapse-block-content {
        display: none;
    }

    .collapse-block.selected .collapse-block-content {
        display: block;
    }

    .collapse-toggle .arrow {
        display: inline-block;
        height: 16px;
        background-position: -138px -119px;
    }

    .rtl .collapse-toggle .arrow {
        display: inline-block;
        height: 16px;
        background-position: 52.901% 20.307%;
    }

    .collapse-block.selected .collapse-toggle .arrow {
        height: 11px;
        width: 16px;
        background-position: -165px -151px;
    }

    .not-sure {
        background: transparent;
        width: 100%;
        color: #000;
        height: auto;
    }

    .get-help {
        width: 100%;
    }

    .collapse-head ul {
        display: none;
    }

    .schedule-appt {
        min-height: 0;
        margin: 0;
    }

    .schedule-need,
    .not-sure,
    .eservice-reg {
        color: #5d5d5d;
        padding: 10px 5px;
        margin: 0;
        float: none;
        background: #f7f7f7;
        font-size: 14px;
    }

    .schedule-make {
        background: #fff;
        width: 90%;
        padding: 3px 10px 0 10px;
    }

    .rtl .note {
        margin-right: 0 !important;
    }

    .schedule-appt .link {
        width: 100px;
        font-size: 12px;
    }

    .get-help {
        display: none;
    }

    .eservice-block {
        background: #fff;
        height: auto;
    }

    .eservice-reg {
        width: 100%;
    }

    .eservice-reg a {
        color: #5d5d5d !important;
    }

    .eservice-info {
        display: none;
        background: #fff;
        width: 90%;
        float: none;
    }

    .rtl .eservice-reg {
        color: #000 !important;
    }

    .sidebar .dashbord {
        border-top: 0;
    }

    .foot-logo {
        display: none;
    }

    .foot-links {
        width: 60%;
        margin: 0;
    }

    .rtl .foot-links li {
        float: right;
    }

    .foot-links li {
        margin: 0 10px;
    }

    .foot-note {
        width: 60%;
        margin: 20px 0 0;
    }

    .footer .social-block {
        display: block;
    }

    .mainnav.selected .nav-holder {
        display: block;
        width: 400px;
        padding: 15px 20px 20px;
        height: auto;
        margin-top: 8px;
    }

    .nav-holder .nav-items {
        width: 170px;
        margin: 0 14px 0 0;
        padding: 0 12px 20px 0;
        left: 0;
    }

    .nav-holder .nav-items>li {
        width: 170px;
        float: left;
        text-align: left;
        height: 30px;
    }

    .nav-holder .nav-items>li>a {
        background: 0;
        color: #046800;
        height: 20px;
    }

    .nav-holder .nav-items>li>a>span {
        height: 20px;
        text-align: left;
        float: left;
    }

    .nav-holder .nav-items>li.active {
        background: 0;
        padding-left: 0;
        display: block;
    }

    .nav-holder .nav-items>li>a:hover {
        background: 0;
        height: 30px;
    }

    .nav-holder .nav-items>li>div.columns {
        display: none;
        visibility: hidden;
    }

    .spanbox {
        display: none !important;
    }

    .main-more {
        width: 170px;
        border-bottom: 1px solid #ccc;
        padding: 20px 0 12px;
    }

    .nav-holder ul.navmenu-bottom {
        padding: 18px 0 0;
        line-height: 15px;
        height: auto;
    }

    .nav-holder ul.navmenu-bottom li {
        border: 0;
        padding: 0 0 15px;
        text-align: left;
        width: 170px;
    }

    .nav-holder ul.navmenu-bottom li a {
        float: left;
        display: block;
        text-align: left;
        width: 170px;
    }

    .nav-holder ul.navmenu-bottom li.last {
        padding: 0;
        text-align: left;
    }

    .nav-holder ul.navmenu-bottom li.first {
        padding: 0 0 15px;
        text-align: left;
    }

    .rtl .mainnav.selected .nav-holder {
        display: block;
        width: 400px;
        padding: 15px 20px 20px;
        height: auto;
        margin-top: 8px;
    }

    .rtl .nav-holder .nav-items {
        width: 170px;
        margin: 0 14px 0 0;
        padding: 0 0 20px 10px;
        left: 0;
        float: right;
    }

    .rtl .nav-holder .nav-items>li {
        width: 170px;
        float: right;
        text-align: right;
        height: 30px;
    }

    .rtl .nav-holder .nav-items>li>a {
        background: 0;
        color: #046800;
        height: 20px;
    }

    .rtl .nav-holder .nav-items>li>a>span {
        height: 20px;
        text-align: right;
        float: right;
    }

    .rtl .nav-holder .nav-items>li.active {
        background: 0;
        padding-right: 0;
        display: block;
    }

    .rtl .nav-holder .nav-items>li>a:hover {
        background: 0;
        height: 30px;
    }

    .rtl .nav-holder .nav-items>li>div.columns {
        display: none;
        visibility: hidden;
    }

    .rtl .spanbox {
        display: none !important;
    }

    .rtl .main-more {
        width: 170px;
        border-bottom: 1px solid #ccc;
        padding: 20px 0 12px;
    }

    .rtl .nav-holder ul.navmenu-bottom {
        padding: 18px 0 0;
        line-height: 15px;
        height: auto;
    }

    .rtl .nav-holder ul.navmenu-bottom li {
        border: 0;
        padding: 0 0 15px;
        text-align: left;
        width: 170px;
    }

    .rtl .nav-holder ul.navmenu-bottom li a {
        float: left;
        display: block;
        text-align: left;
        width: 170px;
    }

    .rtl .nav-holder ul.navmenu-bottom li.last {
        padding: 0;
        text-align: left;
    }

    .rtl .nav-holder ul.navmenu-bottom li.first {
        padding: 0 0 15px;
        text-align: left;
    }

    .container-wcm {
        padding: 0;
    }

    .rtl .container-wcm {
        padding: 0;
    }
}

.BookingHall .separator {
    height: 3px !important;
}

.BookingHall .reportHead {
    width: 50% !important;
}

.BookingHall .reportHead ul {
    margin: 10px 12px;
    padding: 0;
}

.BookingHall div.col1,
.BookingHall div.col2,
.BookingHall div.col3 {
    line-height: 25px;
}

.prentLogoSOC {
    width: 65%;
}

.prentLogoAbsher {
    width: 60%;
}

.BookingHall .col1 {
    float: left;
    width: 33%;
    display: block !important;
    text-align: left;
}

.BookingHall .col2 {
    float: left;
    display: block !important;
    width: 33%;
    text-align: center;
}

.BookingHall .col3 {
    float: right;
    width: 33%;
    display: block !important;
    text-align: right;
}

.logoPrint {
    text-align: center;
}

.logoPrint img {
    width: 65%;
}

.logoAbsherPrint img {
    width: 65%;
    padding-top: 10px;
}

@media screen and (max-width:769px) {
    .logoPrint img {
        width: 100%;
    }

    .logoAbsherPrint img {
        width: 25%;
        padding-top: 10px;
    }
}

@media screen and (max-width:640px) {
    .prentLogoSOC {
        width: 100%;
    }

    .prentLogoAbsher {
        width: 30%;
    }

    .BookingHall>div[align="right"] {
        float: none !important;
        position: static !important;
        text-align: center;
    }

    #sharecontent {
        float: left;
        display: block;
        padding: 5px;
        width: 100%;
    }

    .rtl #sharecontent {
        float: right;
    }

    .common-header h1 {
        white-space: normal !important;
    }

    .absher-emblem-mobile {
        width: 35px !important;
        border-right: 1px solid #e8e8e8;
        padding-right: 10px;
        display: none;
    }

    .moi-logo-mobile {
        width: 150px !important;
        margin-left: 5px;
    }

    .service-popup_container {
        margin-top: 0 !important;
    }

    .wpthemeCrumbTrail,
    .rtl .wpthemeCrumbTrail {
        width: auto !important;
    }

    table.tblFlyVisa td:nth-of-type(5) {
        text-align: left !important;
    }

    .rtl table.tblFlyVisa td:nth-of-type(5) {
        text-align: right !important;
    }

    .td_colon,
    .colon {
        display: none !important;
    }

    .help_box {
        width: 100% !important;
        margin-top: 10px;
    }

    .dt-responsive tr {
        width: 100% !important;
        max-width: 460px !important;
        display: table-row !important;
    }

    .dt-responsive td {
        width: auto !important;
    }

    .dt-responsive-no-paging tr {
        width: 100% !important;
        max-width: 460px !important;
        display: table-row !important;
    }

    .dt-responsive-no-paging td {
        width: auto !important;
    }

    .dataTables_wrapper .dataTables_length {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_length select {
        width: auto !important;
    }

    .dataTables_wrapper .dataTables_filter {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_filter label {
        float: left !important;
        text-align: left !important;
        width: 100% !important;
    }

    .rtl .dataTables_wrapper .dataTables_filter label {
        text-align: right !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
    }

    .calendars-month td {
        display: inline-block !important;
        width: 14% !important;
    }

    .calendars-month th {
        display: inline-block !important;
        width: 14% !important;
    }

    input[type=submit],
    input[type=button],
    button,
    .btnSubmit,
    .actionLinks a {
        margin: 5px 2px !important;
        cursor: pointer;
        width: 100% !important;
    }

    div.lblcal {
        display: block;
        width: 100% !important;
        float: none;
    }

    .rtl div.lblcal {
        display: block;
        width: 100% !important;
        float: none;
    }

    .rtl div.lblcal>img,
    .rtl div.lblcal img.trigger {
        left: 3px;
    }

    #fsetJD>table,
    table,
    tbody,
    thead,
    th,
    tr,
    td,
    tfoot {
        display: block;
        width: 100% !important;
    }

    .dt-responsive thead,
    .dt-responsive tbody,
    .dt-responsive tfoot {
        display: table-header-group !important;
    }

    .dt-responsive td,
    .dt-responsive th {
        display: table-cell;
        width: 100% !important;
    }

    .dt-responsive-no-paging td {
        display: table-cell;
    }

    table.dt-responsive th {
        display: table-cell !important;
    }

    .dt-responsive-no-paging thead,
    .dt-responsive-no-paging tbody,
    .dt-responsive-no-paging tfoot {
        display: table-header-group !important;
    }

    .dt-responsive-no-paging td,
    .dt-responsive-no-paging th {
        display: table-cell;
        width: 100% !important;
    }

    table.dt-responsive-no-paging th {
        display: table-cell !important;
    }

    #eservice-container .common-body input[type=text],
    #eservice-container .common-body input[type=submit],
    #eservice-container,
    #eservice-container .common-body input[type=button],
    #eservice-container .common-body input[type=password],
    #eservice-container .common-body select,
    #eservice-container .common-body textarea {
        width: 100% !important;
        margin-left: 0;
    }

    select {
        width: 100% !important;
        margin-left: 0;
    }

    #eservice-container .common-body input[type=submit],
    #eservice-container .common-body button,
    #eservice-container .common-body input[type=button],
    input[type=submit],
    input[type=button],
    button {
        display: block;
        clear: both;
    }

    #eservice-container .common-header {
        width: 100%;
    }

    #eservice-container .common-body table.tbl4column>tbody>tr>td.labels,
    #eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(1),
    #eservice-container .common-body table.tbl3column>tbody>tr>td.labels,
    #eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(1) {
        width: 90% !important;
        font-weight: bold;
    }

    #eservice-container .common-body table.tbl4column>tbody>tr>td.colon,
    #eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(2),
    #eservice-container .common-body table.tbl3column>tbody>tr>td.colon,
    #eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(2) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    #eservice-container .common-body table.tbl4column>tbody>tr>td.inputValues,
    #eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(3),
    #eservice-container .common-body table.tbl3column>tbody>tr>td.inputValues,
    #eservice-container .common-body table.tbl3column>tbody>tr>td:nth-of-type(3) {
        width: 100% !important;
    }

    #eservice-container .common-body table.tbl4column>tbody>tr>td.error-msg,
    #eservice-container .common-body table.tbl4column>tbody>tr>td:nth-of-type(4) {
        width: 100% !important;
    }

    #eservice-container .common-body table.tbl4column>tbody>tr>td.btns,
    #eservice-container .common-body table.tbl3column>tbody>tr>td.btns {
        width: 100% !important;
        text-align: center;
        padding: 10px !important;
        content: '' !important;
    }

    table.tbl2column td.labels,
    table.tbl2column td:nth-of-type(1) {
        font-weight: bold;
    }

    table.tbl2column td.labels,
    table.tbl2column td:nth-of-type(1),
    table.tbl2column td.inputValues,
    table.tbl2column td:nth-of-type(2) {
        width: 100% !important;
    }

    DIV#tabs span {
        display: block !important;
        margin-bottom: 10px;
    }

    DIV#tab DIV.cnt {
        border-top: 0 !important;
    }

    .grid-col1,
    .grid-col1-1,
    .grid-col1-2,
    .grid-col1-3,
    .grid-col2-3,
    .grid-col1-4,
    .grid-col3-4,
    .grid-col1-5,
    .grid-col1-6,
    .grid-col5-6,
    .grid-col1-12,
    .grid-col2-12,
    .grid-col3-12,
    .grid-col4-12,
    .grid-col5-12,
    .grid-col6-12,
    .grid-col7-12,
    .grid-col8-12,
    .grid-col9-12,
    .grid-col10-12,
    .grid-col11-12,
    .grid-col12-12 {
        display: block !important;
        padding-bottom: 10px;
        clear: both;
        width: 100%;
    }

    .new_visa {
        width: 100%;
    }

    .empColon {
        display: none;
    }

    .login_popup_buttons {
        width: 100%;
    }

    .login-popup {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .login_popup_buttons ul li {
        display: block;
    }

    .login_popup_buttons input[type=submit],
    .login_popup_buttons input[type=button],
    .login_popup_buttons button {
        display: block;
        width: 100% !important;
        margin: 2px 2px 10px 2px !important;
    }

    .login_popup_user span {
        display: block;
        padding: 5px 5px !important;
    }

    .login_popup_password span {
        display: block;
        padding: 5px 5px !important;
    }

    .login_popup_help ul li {
        display: block;
    }

    .login_popup_user span input[type=text],
    .login_popup_user span input[type=password] {
        width: 100% !important;
    }

    input[type=text].txtbox-small,
    input[type=text].txtbox-8,
    select.txtbox-8 {
        width: 100% !important;
    }

    input[type=text].txtbox-9,
    select.txtbox-9 {
        width: 100% !important;
    }

    input[type=text].txtbox-10,
    select.txtbox-10 {
        width: 100% !important;
    }

    input[type=text].txtbox-tiny,
    select.txtbox-tiny {
        width: 40px !important;
        min-width: 30px !important;
    }

    input[type=text].txtbox-tiny,
    select.txtbox-tiny {
        width: 40px !important;
        min-width: 30px !important;
        margin-right: 10px !important;
    }

    input[type=text].txtbox-7 {
        margin-right: 10px !important;
    }

    .rtl input[type=text].txtbox-tiny,
    .rtl input[type=text].txtbox-7,
    .rtl select.txtbox-tiny {
        margin-left: 10px !important;
        margin-right: 0 !important;
    }

    .PopupDiv {
        width: 94% !important;
        left: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin: 0 3% !important;
        position: absolute !important;
    }

    .PopupScreen {
        background: #000 !important;
        opacity: .8 !important;
    }

    .service-popup {
        width: 100% !important;
        left: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        position: absolute !important;
    }

    .service-popuppos {
        top: 0 !important;
    }

    .help_box {
        width: 100% !important;
        margin-top: 10px;
    }

    .rtl .helpText ul li:nth-of-type(1) {
        display: block;
        width: 100%;
    }

    .layoutRow {
        width: 95% !important;
        margin: auto;
    }

    input.inputAsLabel {
        border: 0 !important;
        min-width: auto !important;
        padding: 0 !important;
    }

    .rtl input.inputAsLabel {
        border: 0 !important;
        min-width: auto !important;
        padding: 0 !important;
    }

    #eservice-container .common-body table.empApp>tbody>tr>td.clm1:nth-of-type(3) select,
    #eservice-container .common-body table.empApp>tbody>tr>td.clm1:nth-of-type(6) select,
    #eservice-container .common-body table.empApp>tbody>tr>td.clm2:nth-of-type(3) select,
    #eservice-container .common-body table.empApp>tbody>tr>td.clm2:nth-of-type(6) select {
        max-width: 100% !important;
        display: block;
    }
}

@media screen and (min-width:641px) and (max-width:960px) {
    .service-popup {
        width: 80% !important;
        left: 10% !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        position: absolute !important;
    }

    .bigErrorText {
        line-height: 28px;
    }
}

.responsiveTopMenu {
    display: none;
}

@media screen and (max-width:480px) {
    #indMatchConfirm {
        width: 90% !important;
        left: auto !important;
        right: auto !important;
    }

    .rowsec {
        padding: 0 !important;
    }

    #progressbar li {
        height: 25px;
        font-size: 0;
    }

    #progressbar li.active {
        height: auto;
        font-size: 12px;
    }

    .mainstickysidebar {
        margin-top: 46px;
    }

    .mainstickysidebar>table>tbody>tr>td:nth-of-type(1) {
        height: 60px !important;
    }

    .version_switch span {
        vertical-align: middle;
        padding: 0;
    }

    .version_switch span a {
        display: inline-block;
        vertical-align: middle;
    }

    span.version_switch_icon,
    .version_switch_icon span {
        padding: 3px;
        font-size: 10px;
        float: left;
        max-width: 30px;
        line-height: 12px;
        text-align: center;
    }

    .rtl .version_switch_icon {
        float: right;
    }

    .banner div#slides1,
    .banner div#slides {
        height: 135px;
        width: 100%;
    }

    .hideblock-4-device {
        width: 0;
        height: 0;
    }

    .logovp {
        width: auto;
        height: auto;
        margin: 5px;
        max-width: 200px;
    }

    .rtl .logovp {
        width: auto;
        height: auto;
        margin: 5px;
        max-width: 200px;
    }

    .header-moi {
        height: 60px;
    }

    .search-toggle {
        width: 15px;
        text-indent: -9999px;
    }

    .logo {
        margin-top: 15px;
    }

    .navbar-toggle {
        width: 10px;
        text-indent: -9999px;
        right: 10px;
    }

    .rtl .navbar-toggle {
        width: 10px;
        text-indent: -9999px;
        left: 40px;
    }

    .navbar-toggle-mm {
        width: 10px;
        text-indent: -9999px;
        right: 10px;
    }

    .rtl .navbar-toggle-mm {
        width: 10px;
        text-indent: -9999px;
        left: 40px;
    }

    .mainnav.selected .nav-holder {
        display: block;
        width: 215px;
        padding: 15px 20px 20px;
        height: auto;
        margin-top: 8px;
    }

    .nav-holder .nav-items {
        width: 170px;
        margin: 0 14px 0 0;
        padding: 0 12px 20px 0;
        left: 0;
    }

    .nav-holder .nav-items>li {
        width: 170px;
        float: left;
        text-align: left;
        height: 30px;
    }

    .nav-holder .nav-items>li>a {
        background: 0;
        color: #046800;
        height: 20px;
    }

    .nav-holder .nav-items>li>a>span {
        height: 20px;
        text-align: left;
        float: left;
    }

    .nav-holder .nav-items>li.active {
        background: 0;
        padding-left: 0;
        display: block;
    }

    .nav-holder .nav-items>li>a:hover {
        background: 0;
        height: 30px;
    }

    .nav-holder .nav-items>li>div.columns {
        display: none;
        visibility: hidden;
    }

    .spanbox {
        display: none !important;
    }

    .main-more {
        width: 170px;
        border-bottom: 1px solid #ccc;
        padding: 20px 0 12px;
    }

    .nav-holder ul.navmenu-bottom {
        padding: 18px 0 0;
        line-height: 15px;
        height: auto;
    }

    .nav-holder ul.navmenu-bottom li {
        border: 0;
        padding: 0 0 15px;
        text-align: left;
        width: 170px;
    }

    .nav-holder ul.navmenu-bottom li a {
        float: left;
        display: block;
        text-align: left;
        width: 170px;
    }

    .nav-holder ul.navmenu-bottom li.last {
        padding: 0;
        text-align: left;
    }

    .nav-holder ul.navmenu-bottom li.first {
        padding: 0 0 15px;
        text-align: left;
    }

    .rtl .mainnav.selected .nav-holder {
        display: block;
        width: 215px;
        padding: 15px 0 20px;
        height: auto;
        margin-top: 8px;
    }

    .rtl .nav-holder .nav-items {
        width: 170px;
        margin: 0 0 0 14px;
        padding: 0 12px 20px 0;
        left: 0;
    }

    .rtl .nav-holder .nav-items>li {
        width: 170px;
        float: right;
        text-align: right;
        height: 30px;
    }

    .rtl .nav-holder .nav-items>li>a {
        background: 0;
        color: #046800;
        height: 20px;
    }

    .rtl .nav-holder .nav-items>li>a>span {
        height: 20px;
        text-align: right;
        float: right;
    }

    .rtl .nav-holder .nav-items>li.active {
        background: 0;
        padding-right: 0;
        display: block;
    }

    .rtl .nav-holder .nav-items>li>a:hover {
        background: 0;
        height: 30px;
    }

    .rtl .nav-holder .nav-items>li>div.columns {
        display: none;
        visibility: hidden;
    }

    .rtl .spanbox {
        display: none !important;
    }

    .rtl .main-more {
        width: 170px;
        border-bottom: 1px solid #ccc;
        padding: 20px 0 12px;
    }

    .rtl .nav-holder ul.navmenu-bottom {
        padding: 18px 0 0;
        line-height: 15px;
        height: auto;
    }

    .rtl .nav-holder ul.navmenu-bottom li {
        border: 0;
        padding: 0 0 15px;
        text-align: left;
        width: 170px;
    }

    .rtl .nav-holder ul.navmenu-bottom li a {
        float: left;
        display: block;
        text-align: left;
        width: 170px;
    }

    .rtl .nav-holder ul.navmenu-bottom li.last {
        padding: 0;
        text-align: left;
    }

    .rtl .nav-holder ul.navmenu-bottom li.first {
        padding: 0 0 15px;
        text-align: left;
    }

    div.main {
        width: 100% !important;
    }

    .service-group,
    .service-group.last {
        margin: 0 0 10px;
    }

    .service-block {
        width: 100%;
        margin: 0 0 10px;
        padding: 0 0 0 10px;
    }

    .service-block ul,
    .service-block .more {
        display: none;
    }

    .service-block h4 .arrow {
        display: inline-block;
    }

    .service-block.selected ul,
    .service-block.selected .more {
        display: block;
    }

    .service-block.selected h4 .arrow {
        width: 16px;
        height: 11px;
    }

    .service-block.selected.passport h4 .arrow {
        background-position: -165px -136px;
    }

    .service-block.selected.traffic h4 .arrow {
        background-position: -165px -164px;
    }

    .service-block.selected.civil h4 .arrow {
        background-position: -165px -112px;
    }

    .service-block.selected.business h4 .arrow {
        background-position: -165px -100px;
    }

    .service-block.selected.all-service .arrow {
        background-position: -165px -124px;
    }

    .service-block.passport {
        border-top: 0;
        border-left: 9px #8f44ad solid;
    }

    .service-block.traffic {
        border-top: 0;
        border-left: 9px #00aef0 solid;
    }

    .service-block.civil {
        border-top: 0;
        border-left: 9px #f8d90a solid;
    }

    .service-block.business {
        border-top: 0;
        border-left: 9px #399 solid;
    }

    .service-block.diwan {
        border-top: 0;
        border-left: 9px #009a9a solid;
    }

    .service-block.nutral {
        border-top: 0;
        border-left: 9px #a6a7a9 solid;
    }

    .service-block.blueclr {
        border-top: 0;
        border-right: 0;
        border-left: 9px #007798 solid;
        margin-bottom: 10px;
    }

    .service-block.turquoiseclr {
        border-top: 0;
        border-right: 0;
        border-left: 9px #2bada3 solid;
    }

    .service-block.orangeclr {
        border-top: 0;
        border-right: 0;
        border-left: 9px #f26805 solid;
    }

    .rtl .service-block.passport {
        border-left: 0;
        border-right: 9px #8f44ad solid;
    }

    .rtl .service-block.traffic {
        border-left: 0;
        border-right: 9px #00aef0 solid;
    }

    .rtl .service-block.civil {
        border-left: 0;
        border-right: 9px #f8d90a solid;
    }

    .rtl .service-block.business {
        border-left: 0;
        border-right: 9px #399 solid;
    }

    .rtl .service-block.diwan {
        border-left: 0;
        border-right: 9px #009a9a solid;
    }

    .rtl .service-block.nutral {
        border-left: 0;
        border-right: 9px #a6a7a9 solid;
    }

    .rtl .service-block.blueclr {
        border-left: 0;
        border-right: 9px #007798 solid;
        margin-bottom: 10px;
    }

    .rtl .service-block.turquoiseclr {
        border-left: 0;
        border-right: 9px #2bada3 solid;
    }

    .rtl .service-block.orangeclr {
        border-left: 0;
        border-right: 9px #f26805 solid;
    }

    .service-group {
        margin: 0 !important;
    }

    .rtl .service-group.last {
        margin: 0 !important;
    }

    .service-block.all-service {
        border-top: 0;
        border-left: 9px #ed008c solid;
        display: block;
    }

    .service-block.all-service h4 a:hover {
        color: #ed008c;
    }

    .service-block.all-service .icon {
        width: 28px;
        height: 28px;
        background-position: -109px -5px;
    }

    .service-block.all-service .arrow {
        background-position: -138px -162px;
    }

    .rtl .service-block.all-service .arrow {
        background-position: -10px -183px;
    }

    .service-block.all-service a:hover {
        color: #1c7171;
        text-decoration: underline;
    }

    .rtl .service-block a {
        padding-right: 10px;
        white-space: nowrap;
    }

    .service-container {
        display: none;
    }

    .news-ticker {
        width: 100% !important;
        float: none;
        border-top: 0;
        height: 350px !important;
    }

    .news-ticker .controls {
        width: 80px;
        margin: 20px 0 0;
    }

    .news-ticker ul {
        border: 0;
        width: 100% !important;
        height: 350px !important;
    }

    .news-list {
        width: 100% !important;
        margin: 20px 0 10px;
    }

    .caption {
        width: 70%;
    }

    .caption h2,
    .caption p {
        display: none;
    }

    .slidesjs-pagination {
        top: 10px;
        left: 10px;
        border: 0;
        width: 60%;
        display: block;
    }

    .slidesjs-pagination li {
        width: auto;
    }

    .slidesjs-pagination li a.active {
        display: block;
    }

    .foot-links {
        width: 60%;
        margin: 0;
    }

    .foot-links li {
        margin: 5px;
    }

    .foot-links a {
        font-size: 11px;
    }

    .feedback {
        margin: 10px 5px 0 0;
    }

    .foot-note {
        margin: 0;
        width: 60%;
    }

    .social-block li {
        height: 35px;
        width: 38px;
    }

    .social-block li a {
        background-size: 35px;
        height: 35px;
    }

    .footer {
        margin: 10px 0 0 0;
        padding: 5px;
    }

    .footer .social-block {
        margin-top: 0;
        padding: 0 5px;
        width: auto;
    }

    .footer .social-block ul {
        float: right;
    }

    ul#appMenuItmes li {
        display: block !important;
    }

    ul#iMoiNav li a.top_link {
        background: #006a40 !important;
        color: #FFF !important;
        font-size: 13px !important;
        width: 100%;
        display: block;
    }

    ul#iMoiNav li.top {
        width: 100%;
        display: block;
    }

    #iMoiNav li a.top_link div.down {
        float: left;
        display: block;
        padding: 0 15px !important;
        height: 33px;
        background: url(../images/arrow_down.png) no-repeat left center !important;
    }

    .rtl #iMoiNav li a.top_link div.down {
        float: right;
        display: block;
        padding: 0 25px !important;
        height: 33px;
        background: url(../images/arrow_down.png) no-repeat right 10px center !important;
    }

    .container,
    .allBoxes {
        padding: 0 0 !important;
    }

    .wptheme1Col .wpthemeCol {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .wpthemeControlBody {
        width: 100% !important;
        overflow: hidden;
    }

    .dataTables_wrapper {
        width: 100% !important;
        max-width: 460px !important;
    }

    table.dt-responsive,
    table.dt-responsive tbody,
    table.dt-responsive thead,
    table.dt-responsive th,
    table.dt-responsive tr,
    table.dt-responsive tfoot {
        width: 100% !important;
        max-width: 460px !important;
    }

    #example_wrapper {
        width: 100% !important;
        max-width: 460px !important;
    }

    table.dt-responsive {
        width: 100% !important;
        max-width: 460px !important;
    }

    .dt-responsive tr {
        width: 100% !important;
        max-width: 460px !important;
        display: table-row !important;
    }

    .dt-responsive td {
        width: auto !important;
    }

    table.dt-responsive-no-paging,
    table.dt-responsive-no-paging tbody,
    table.dt-responsive-no-paging thead,
    table.dt-responsive-no-paging th,
    table.dt-responsive-no-paging tr,
    table.dt-responsive-no-paging tfoot {
        width: 100% !important;
        max-width: 460px !important;
    }

    table.dt-responsive-no-paging {
        width: 100% !important;
        max-width: 460px !important;
    }

    .dt-responsive-no-paging tr {
        width: 100% !important;
        max-width: 460px !important;
        display: table-row !important;
    }

    .dt-responsive-no-paging td {
        width: auto !important;
    }

    .td_data_e {
        display: block;
        width: 100% !important;
    }

    tr.general_height>td>span.lbls,
    tr.general_height>td>span.vals {
        display: block;
        width: 100% !important;
    }

    td.td_label {
        display: block;
        padding: 0 !important;
        margin: 0 !important;
    }

    span.td_label {
        padding-left: 2px !important;
    }

    td.td_Input_style {
        display: block;
        padding: 0 !important;
    }

    tr.general_height {
        height: auto !important;
    }

    .dtrowodd {
        background: #f2f2f2 !important;
        clear: both !important;
    }

    .dtroweven {
        background: #FFF !important;
        clear: both !important;
    }

    .ashBgGp {
        background: none !important;
        border-bottom: 0 solid #ccc !important;
    }

    .whitebgGp {
        background: none !important;
        border-bottom: 0 solid #ccc !important;
    }

    .api_aa_desc_mda .valcol {
        width: 100% !important;
    }

    .responsiveTopMenu {
        height: 22px;
        display: inline-block;
        width: 100%;
        text-align: right;
        font-size: 10px;
    }

    .rtl .responsiveTopMenu {
        text-align: left !important;
    }

    .responsiveTopMenu ul {
        display: inline-flex;
        line-height: 22px;
        list-style: none;
    }

    .responsiveTopMenu ul li {
        margin: 0 5px;
    }

    .mainnav,
    .mbodySize,
    .rightSide,
    .allBoxes,
    .singleWideBox,
    .singleWideBox .depTop,
    .singleWideBox .depBottom,
    .actions,
    .dash_add_heading {
        width: 100% !important;
        max-width: 480px !important;
    }

    .padLeft,
    .pagination,
    .sponsorees .depBottom .actions {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .rtl .padLeft,
    .rtl .pagination,
    .rtl .sponsorees .depBottom .actions {
        padding-left: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    .singleWideBox .hasNotice,
    .singleWideBox .genInfo,
    .genInfo .set3,
    .genInfo .set1,
    .genInfo .set3,
    .genInfo LABEL,
    .genInfo span {
        width: 100% !important;
    }

    .btn_section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #rightcol {
        width: 100% !important;
        max-width: 435px !important;
    }

    #rightcol .btnset {
        padding: 5px 10% !important;
    }

    #rightcol .rsetsml {
        width: 100% !important;
    }

    #rightcol .rset div.captxt,
    #rightcol .rsetsml div.captxt,
    #rightcol .rset span.captxt,
    #rightcol .rsetsml span.captxt {
        width: 100% !important;
        padding-left: 0 !important;
        display: block;
    }

    .rtl #rightcol .rset div.captxt,
    .rtl #rightcol .rsetsml div.captxt,
    .rtl #rightcol .rset span.captxt,
    .rtl #rightcol .rsetsml span.captxt {
        width: 100% !important;
        padding-left: 0 !important;
        display: block;
    }

    #rightcol .rsetsml span.scolon {
        display: none !important;
    }

    #rightcol .rset div.intxt,
    #rightcol .rsetsml div.intxt {
        width: 100% !important;
    }

    #rightcol .rsetsml div.errMsg {
        width: 100% !important;
        padding-left: 0 !important;
    }

    fieldset,
    fieldset.fieldsetSml {
        width: 100% !important;
        max-width: 435px !important;
    }

    fieldset>legend {
        width: 100% !important;
        height: auto !important;
        max-width: 435px !important;
    }

    span.fset {
        width: 100% !important;
        word-wrap: break-word;
        white-space: nowrap !important;
        max-width: 435px !important;
    }

    #rightcol .rsetsml {
        width: 100% !important;
        max-width: 435px !important;
        display: block;
    }

    #rightcol .rsetsml>span {
        width: 100% !important;
        max-width: 435px !important;
        display: block;
    }

    #rightcol .rsetsml>span.scolon {
        display: none !important;
    }

    #rightcol .rsetsml span>span.intxt {
        width: 100% !important;
        max-width: 435px !important;
        display: block;
    }

    #rightcol .rsetsml span.intxt {
        width: 100% !important;
        max-width: 435px !important;
        display: block;
    }

    #rightcol .btnsetSML {
        width: 100% !important;
        width: auto !important;
        display: block;
        padding: 10px 5% 10px !important;
    }

    #rightcol .rsetsml span.errMsg {
        width: 100% !important;
        width: auto !important;
        display: block;
        padding: 0 5px 3px 0 !important;
    }

    #rightcol .rsetsml div.intxt {
        width: 100% !important;
        max-width: 435px !important;
        display: block;
    }

    #rightcol .rsetsml div.errMsg {
        width: 100% !important;
        display: block;
        padding: 0 5px 3px 0 !important;
    }

    .errMsg {
        color: red;
    }

    table#appheader_title td {
        padding: 0 10px !important;
    }

    .mainDivSet,
    #mainDiv {
        padding: 0 10px !important;
    }

    DIV.note {
        width: 100% !important;
        max-width: 435px !important;
    }

    input[type=text],
    input[type=password],
    textarea {
        margin: 2px 0 !important;
    }

    #eservice-container .common-body table.empApp input[type=text],
    #eservice-container .common-body table.empApp input[type=password],
    #eservice-container .common-body table.empApp textarea {
        margin-top: 5px !important;
    }

    textarea {
        width: 220px !important;
    }

    .api_aa_desc_mda span.lbl {
        width: 90% !important;
    }

    .active-tab {
        color: #fff;
        width: 100% !important;
    }

    .deactive-tab {
        color: #fff;
        width: 100% !important;
    }
}

@media screen and (max-width:320px) {
    #indMatchConfirm {
        width: 90% !important;
        left: auto !important;
        right: auto !important;
    }

    .logovp {
        width: auto;
        height: auto;
        margin: 5px;
    }

    .rtl .logovp {
        width: auto;
        height: auto;
        margin: 5px;
    }

    .container {
        padding: 0 5px;
    }

    .wpthemeControlBody {
        width: 100% !important;
        overflow: hidden;
    }

    table.dt-responsive,
    table.dt-responsive tbody,
    table.dt-responsive thead,
    table.dt-responsive th,
    table.dt-responsive tr,
    table.dt-responsive tfoot {
        width: 100% !important;
        max-width: 320px !important;
    }

    .dataTables_wrapper {
        width: 100% !important;
        max-width: 300px !important;
    }

    table.dt-responsive {
        width: 100% !important;
        max-width: 300px !important;
    }

    .dt-responsive tr {
        width: 100% !important;
        max-width: 300px !important;
        display: table-row !important;
    }

    .dt-responsive td {
        width: auto !important;
    }

    table.dt-responsive-no-paging,
    table.dt-responsive-no-paging tbody,
    table.dt-responsive-no-paging thead,
    table.dt-responsive-no-paging th,
    table.dt-responsive-no-paging tr,
    table.dt-responsive-no-paging tfoot {
        width: 100% !important;
        max-width: 320px !important;
    }

    table.dt-responsive-no-paging {
        width: 100% !important;
        max-width: 300px !important;
    }

    .dt-responsive-no-paging tr {
        width: 100% !important;
        max-width: 300px !important;
        display: table-row !important;
    }

    .dt-responsive-no-paging td {
        width: auto !important;
    }
}

.onlyPrint {
    display: none !important;
}

@media print {
    #jsconfirm {
        display: none;
    }

    .printarea .dataTables_info,
    .printarea .dataTables_paginate {
        display: none;
    }

    .printarea .dataTables_length,
    .printarea .dataTables_filter {
        display: none;
    }

    .printarea img.download {
        display: none;
    }

    .wpToolbarProjectModeContainer,
    #admin-btn-set {
        display: none;
    }

    .row .cnt {
        display: block !important;
    }

    div.jstlSuccess,
    span.jstlSuccess {
        background-color: transparent !important;
    }

    div.jstlSuccess:before,
    span.jstlSuccess:before {
        display: none;
    }

    input[type=submit],
    input[type=button],
    .btnSubmit,
    button {
        display: none;
        visibility: hidden;
    }

    .header-moi,
    .mainnav,
    .wpthemeCrumbTrail,
    .rtl .wpthemeCrumbTrail,
    .footer,
    .noPrint {
        display: none !important;
    }

    .service-popup.noPrint {
        position: static;
    }

    #mask {
        display: none !important;
    }

    .onlyPrint {
        display: block !important;
    }

    h3.onlyPrint {
        margin-top: 12px !important;
        border-bottom: 1px solid #a6a7a9 !important;
    }

    .service-popup.noPrint #tab .cnt {
        display: block !important;
        border: none !important;
    }

    .service-popup.noPrint .eservice-sub-container {
        border: none !important;
    }

    .foodmenu-print .dataTables_wrapper {
        display: none !important;
    }

    .foodMenu-print {
        top: 100px !important;
    }
}

.border_all {
    border: solid 2px #e3e1e1;
}

.border_bottom {
    border-bottom: solid 2px #e3e1e1;
}

.td_TextCenter_Header {
    text-align: center;
    font-family: Trebuchet MS, Verdana, Tahoma, serif;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: bold;
}

.page_title {
    font-family: Trebuchet MS, Verdana, Tahoma, serif;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #4f4f4f;
    font-weight: bold;
    text-align: center;
}

.td_TextCenter_MainAddress {
    text-align: center;
    font-family: Trebuchet MS, Verdana, Tahoma, serif;
    color: #4f4f4f;
    font-size: 18px;
    font-weight: bold;
}

span.headMsgStyle {
    color: green;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    margin: 10px 0;
}

input.wef_topError {
    background: none !important;
    border: 0 !important;
    color: #a94442 !important;
    width: 400px;
}

a.captchaRefresh {
    background: url(../images/refresh-page-option.png) no-repeat center;
    display: inline-block;
    width: 20px;
    background-size: contain;
    height: 30px;
    margin: 13px;
}

.tbl4column.table-autowidth {
    width: auto !important;
}

.KioskDashboardPortlet,
.KioskReportPortlet,
.KioskManagementPortlet {
    width: 290px;
    float: left;
    margin: 5px 5px;
}

.KioskDashboardPortlet div h1,
.KioskReportPortlet div h1,
.KioskManagementPortlet div h1 {
    font-size: 18px;
    color: #00ab67;
    font-weight: bold;
    vertical-align: top;
    display: initial;
}

.KioskDashboardPortlet div,
.KioskReportPortlet div,
.KioskManagementPortlet div {
    width: 100%;
    padding: 50px 0 50px 80px;
    margin: 0 10px;
    height: 120px !important;
    border: 1px solid #ededed !important;
    background-position: 1px center;
    color: #575757 !important;
}

.KioskDashboardPortlet:nth-child(1) div {
    background: url(../images/kiosk/pie-chart.png) #fff 12px no-repeat !important;
}

.KioskDashboardPortlet:nth-child(2) div {
    background: url(../images/kiosk/notepad.png) #fff 12px no-repeat !important;
}

.KioskReportPortlet:nth-child(1) div {
    background: url(../images/kiosk/file-1.png) #fff 12px no-repeat !important;
}

.KioskReportPortlet:nth-child(2) div {
    background: url(../images/kiosk/file.png) #fff 12px no-repeat !important;
}

.KioskReportPortlet:nth-child(3) div {
    background: url(../images/kiosk/analytics.png) #fff 12px no-repeat !important;
}

.KioskManagementPortlet:nth-child(1) div {
    background: url(../images/kiosk/play-slideshow-button.png) #fff 12px no-repeat !important;
}

.KioskManagementPortlet:nth-child(2) div {
    background: url(../images/kiosk/pause-button.png) #fff 12px no-repeat !important;
}

.KioskManagementPortlet:nth-child(3) div {
    background: url(../images/kiosk/media-end.png) #fff 12px no-repeat !important;
}

.KioskManagementPortlet:nth-child(4) div {
    background: url(../images/kiosk/report.png) #fff 12px no-repeat !important;
}

.KioskManagementPortlet:nth-child(5) div {
    background: url(../images/kiosk/config.png) #fff 12px no-repeat !important;
}