/*
* Override Pages default styles or create your own styles here
*/

@import url('/assets/css/mlsd-eservices-icons/styles.css');

div#tblCancelVisaList_length select {
    border: 0 !important;
}

input[src="../../../../App_Themes/Green/Images/Calendar.png"] {
    display: none;
}

table.SmartCalendarTitle {

    background-color: #14415A;
    color: #fff;
    border: 0px solid #d1d1d1 !important;
    width: 100% !important;
    text-align: center;
}

tbody#tblFileListBody tr {
    text-align: right !important;
}

div#tblCancelVisaList_filter, div#table1_filter, div#tblLaborersList_filter, div#tblWorkPermitList_filter {
    padding-left: 10px;
}

div#tblCancelVisaList_filter, div#table1_filter {
    display: inline-block;
    float: left;
    padding-left: 10px;
}

div#tblCancelVisaList_length, div#table1_length {
    display: inline-block;
}

    div#tblCancelVisaList_length label, div#table1_length label {
        display: flex;
        align-items: center;
    }

.dataTables_length label select {
    border: 0;
}

div#tblLaborersList_length label div select {
    border: 0;
    line-height: 30px;
}

div#tblCancelVisaList_filter label input, div#table1_filter label input {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    font-family: Arial, sans-serif;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
}

div#tblCancelVisaList_wrapper .select2-container .select2-selection--single .select2-selection__rendered, div#table1_length .select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: unset;
    padding-right: 0px;
    line-height: 19px;
    padding-left: 0px;
    width: 65px;
    margin: 0 !important;
}

div#tblCancelVisaList_wrapper .select2-container .select2-selection .select2-selection__arrow, div#table1_length .select2-container .select2-selection .select2-selection__arrow {
    right: auto !important;
    left: 17px !important;
    top: 0px !important;
}

div#tblCancelVisaList_info, div#table1_length .dataTables_wrapper .dataTables_info {
    padding: 0;
}

/*a#contentBody_ucCancelVisaList_rptVisaList_aDisplay_0 {
    background-color: #f55753;
}*/
ul#localization-dropdown {
    margin-top: 32px !important;
    height: auto !important;
    width: 200px !important;
    background: #fff !important;
    -webkit-box-shadow: 0px 0px 5px rgba(98, 98, 98, 0.2);
    box-shadow: 0px 0px 5px rgba(98, 98, 98, 0.2);
    border: none;
    border-radius: 3px;
    font-size: 16px;
    margin: 0;
    padding: 12px;
    background: #fafafa;
    min-width: 50px;
    z-index: 999999999999 !important;
    list-style: none;
}

    ul#localization-dropdown li a i {
        margin-right: 0px;
        margin-left: 5px;
    }

    ul#localization-dropdown li {
        display: inline-block;
    }

        ul#localization-dropdown li:nth-child(even) {
            margin-left: 18px;
            margin-right: 15px;
        }


span.current-step.step.text-white.m-r-0-mob a {
    color: white;
}

span.step a {
    color: inherit;
}

a#MainContent_Login1_hlnkRegisterUser i {
    display: none;
}

a#MainContent_Login1_btnConfirmPasswordCancelLogin i {
    display: none;
}

.ie11 .domain-comment {
    position: relative;
}

.dataTables_paginate.paging_simple_numbers {
    float: none;
    text-align: center;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
}

.dataTables_paginate span {
    display: flex;
}

.left-0 {
    left: 0;
}

.modal-body .form-group-default-select2 label {
    z-index: 9999 !important;
}

table#gvCurrentAddingJobs tbody tr {
    text-align: right;
}

input[src="../../../App_Themes/Green/Images/Calendar.png"] {
    display: none;
}

.r-0 {
    right: 0 !important;
}

button.btn-group.btn.p-10.btn-border.mail-btns a {
    color: #2c2c2c;
    opacity: 0.8;
}

.mail-btns.mailbox-btn a {
    color: white !important;
}

.bg-yellow a#theming-center, .bg-yellow a#links-center {
    color: #fff !important;
}

body[data-powertour-run="true"] .header, body.modal-open .header {
    z-index: 999 !important;
}

#GosiFeesNotification p, div#ZakatNotificationText {
    max-width: 600px;
}

table.table a {
    text-decoration: underline;
}

table.table .btn, table.table th a {
    text-decoration: none !important;
}

.link-underline, .link-underline:hover, .link-underline:focus {
    text-decoration: underline;
}

.owl-stage.row button, .owl-stage.row i {
    color: #909090;
    font-weight: bold;
}

button.is-selected-filter {
    color: white !important;
}

.closed-popup:hover {
    background-color: transparent;
}

.ie11 .tools-width {
    width: 620px !important;
}

.header a {
    color: #626262 !important;
}

.powertour-step a.btn, .powertour-step a:focus, .powertour-step a:hover {
    color: white !important;
}

.text-danger {
    color: #d00000 !important;
}

.audio:hover {
    color: #14415A !important;
    cursor: pointer;
}

.display-ie {
    display: inline-block !important;
}

.display-none-ie {
    display: none;
}

.content.sm-gutter .container-fluid .row:first-child .col-md-12 span.fs-14 {
    padding-top: 5px !important;
    display: block;
    padding-bottom: 5px;
}

.col-md-10 .col-md-4:nth-child(n+4), .col-xl-10 .col-xl-4.col-md-6:nth-child(n+4), .col-md-10 .row .col-md-4:nth-child(n+4) {
    padding-top: 10px !important;
}

.form-group.input-group.form-group-default > input::placeholder {
    direction: ltr;
    text-align: right;
}

a {
    font-weight: bold !important;
}

button.close {
    font-size: 1.9rem !important;
}

div#modalFAQ {
    top: 30% !important;
}

.form-group-default .form-control {
    color: #9f9f9f;
}

.highcontrast .bg-menu-box6.menu-boxes a {
    color: white !important;
}

.pos-fix-mob.dis-none.dis-block-mob .bg-menu-box6.menu-boxes a {
    color: white !important;
}

.form-group-default .form-control {
    color: #2c2c2c;
    opacity: 0.8;
    font-family: 'Cairo-reg';
}

.bg-disabled span.select2-selection--single {
    background: none !important;
}

.table.table-bordered tbody tr:last-child td table {
    margin: auto;
}

.CalPopUpPanel table tbody tr th {
    font-size: 14px;
}

ul.alert.blue.lighten-4.blue-text.text-darken-2.alert-border-right.spacerdown {
    padding-right: 20px;
}

input#MainContent_CompanyMainInfoSearch1_txtUnifiedSequence, input#MainContent_CompanyMainInfoSearch1_txtEstablishmentSequence, input#MainContent_LaborOfficeServicesSearch1_txtSequenceNo, input#MainContent_EstablishmentNitaqatColor1_txtEstablishmentSequence,
input#MainContent_LaborOfficeServicesSearch1_txtSTSequenceNo {
    padding-top: 20px;
}

.dataTables_paginate.paging_simple_numbers span a {
    padding: 6px 20px;
}

.dataTables_paginate.paging_simple_numbers a {
    cursor: pointer;
}

.form-group-default.form-group-default-select2 > label {
    transition: font 0.3s ease;
}

table#MainContent_EstablishmentCancelVisa1_grdVisasList .chkpadding.checkbox input[type="checkbox"], table#MainContent_TempWP1_grdEmployeesList .checkbox.tableCheckboxes input[type="checkbox"] {
    display: none;
}

table#MainContent_TempWP1_grdEmployeesList .checkbox.tableCheckboxes, .chkpadding .checkbox {
    margin-bottom: 0;
}

.ui-autocomplete {
    z-index: 99;
}

label.notempty {
    opacity: .5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

span.notempty {
    opacity: .5 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

input.select2-search__field {
    direction: rtl;
}

input#MainContent_ucRequestList_txtSequenceNo {
    padding-top: 20px;
}
/*.select2-results {
  overflow-y: hidden !important; 
  overflow-x: hidden !important; 
}*/
.p-r-checkbox {
    padding-right: 24px !important;
}

.form-group-default-select2 label {
    z-index: 99 !important;
}

.paginate_button.previous, .paginate_button.current, .paginate_button.next {
    padding: 0 10px;
    font-size: 1rem;
}

.chart {
    width: 920px;
    height: 520px;
}

.ie11 .clear-ie {
    margin: -42px 10px;
}

.ie11 #BPanel_MainContent_ucRequestPasswordReset_calBirthDate .clear-ie {
    margin: 10px !important;
}

input[src="../../App_Themes/Green/Images/Clear.png"], input[src="../../../App_Themes/Green/Images/Clear.png"], input[src="../../../../App_Themes/Green/Images/Clear.png"], input[src="../../../../../App_Themes/Green/Images/Clear.png"] {
    max-height: 15px;
    margin: 20px 10px 10px !important;
    position: absolute;
    left: 10px;
    top: 0;
}

input[src="../Assets/Calender/Clear.png"] {
    max-height: 15px;
    margin: 10px;
    position: absolute;
    left: 10px;
    top: 0;
}

.regulations-box .card {
    min-height: 315px !important;
}

.dataTables_paginate.paging_simple_numbers {
    float: none;
    text-align: center;
    padding-bottom: 10px;
}

    .dataTables_paginate.paging_simple_numbers span a.current {
        background: #efefef;
    }

.paginate_button.previous, .paginate_button.current, .paginate_button.next {
    font-size: 1rem;
    background-color: #ffffff;
    padding: 6px 20px;
}

.CalPopUpPanel {
    z-index: 9999999 !important;
}

.hlNotes.danger-comment {
    cursor: pointer;
}
/*div#popUpPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate {
  margin-right: -90px !important;
}*/
div#submitZaka {
    border-top: solid 1px #e6e6e6 !important;
}

input.aspNetDisabled.HijriCalendarTextbox {
    background: whitesmoke;
}


.min-h-card-register {
    height: 710px !important;
}

.inquiries-boxes-main .card {
    min-height: 310px !important;
}

body {
    text-align: inherit !important;
}

.bg-menu-box6 a {
    color: white !important;
}

div#fastAccessBox .card {
    max-height: 167px;
}

.companies-content .card__info .card__description .row .col-md-12.bg-disabled {
    background: none;
}

table#MainContent_IndividualSponsorTransfer1_calPassportIssuanceDate tbody tr td {
    background: none !important;
}

.SmartCalendar tbody tr:first-child {
    background: #14415A;
    color: white;
}

.mol-new-calendar tbody tr:first-child td {
    background: none !important;
}

table#CalendarTopTable tbody tr, .SmartCalendar tbody:first-child tr:first-child td:first-child {
    background: none !important;
}

input[type="image"] {
    max-height: 12px;
}

div#voice {
    z-index: 99999999999;
}

.audio:before {
    content: "|";
    font-size: 0.8125rem;
    color: #eeeeee;
    padding-left: 10px;
}

div#BPanel_MainContent_EstablishmentAdd1_AddSufficentLicense1_calOtherLicenseExpiryDate:before {
    content: 'تاريخ الانتهاء';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_EstablishmentAdd1_AddSufficentLicense1_calOtherLicenseReleaseDate:before {
    content: 'تاريخ الإصدار';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_BasicDataVerification1_calBirthDate:before {
    content: 'تاريخ الميلاد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_calStartDate:before {
    content: 'تاريخ بداية العقد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_calEndDate:before {
    content: 'تاريخ نهاية العقد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_calCreateDate:before {
    content: 'تاريخ الإدخال';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}


div#BPanel_MainContent_laborerReturnDateToWorkCalendar:before {
    content: 'تاريخ عودة العامل للعمل';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_EstablishmentAdd1_nicValidation_calBirthDate:before {
    content: 'تاريخ الميلاد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_ucVisaRequestCreateControl_dtContStartDate:before {
    content: 'تاريخ بداية العقد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_contentBody_LaborerStartWorkDateCalendar:before {
    content: 'تاريخ بداية العمل | Employment Start Date';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_contentBody_LaborerEndWorkDateDualSmartCalendar:before {
    content: 'تاريخ نهاية العمل | Employment End Date';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_contentBody_LastLaborerSalaryDualSmartCalendar:before {
    content: 'تاريخ آخر راتب تم استلامه | Last Salary Date';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}


div#BPanel_MainContent_ucVisaRequestCreateControl_dtContEndDate:before {
    content: 'تاريخ نهاية العقد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_SearchAssentVisaCreditRequests_dtReqFromDate:before {
    content: 'تاريخ الطلب من';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_SearchAssentVisaCreditRequests_dtReqToDate:before {
    content: 'تاريخ الطلب إلى';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_BasicInfo1_scManageUserProfileBirthDate:before {
    content: 'تاريخ الميلاد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_PublicSearchLicenses1_calLicExpiryDate:before {
    content: 'تاريخ انتهاء الترخيص';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_ucRequestPasswordReset_calBirthDate:before {
    content: 'تاريخ الميلاد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseReleaseDate:before {
    content: 'تاريخ الإصدار';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate:before {
    content: 'تاريخ الانتهاء';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_IndividualSponsorTransfer1_calPassportIssuanceDate:before {
    content: 'تاريخ إصدار الجواز';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_IndividualSponsorTransfer1_calBornDate:before {
    content: 'تاريخ الميلاد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_ucRequestList_dtReqFromDate:before {
    content: 'تاريخ الطلب من';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_ucRequestList_dtReqToDate:before {
    content: 'تاريخ الطلب إلى';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_Index1_calBeforeDate:before {
    content: 'تاريخ الإصدار أو التجديد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_calRoleEndDate:before {
    content: 'الصلاحية تنتهي قبل تاريخ';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_LaborerStartWorkDateCalendar:before {
    content: 'متى بدأ الوافد العمل لديكم؟';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_LaborerEndWorkDateDualSmartCalendar:before {
    content: 'متى كانت نهاية العمل؟';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_LastLaborerSalaryDualSmartCalendar:before {
    content: 'متى تم تسليم آخر راتب للوافد؟';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

div#BPanel_MainContent_scManageUserProfileBirthDate:before, div#BPanel_contentBody_scManageUserProfileBirthDate:before {
    content: 'تاريخ الموعد';
    position: absolute;
    font-weight: 600;
    padding: 7px 12px 0 12px;
    font-size: 12px !important;
    opacity: 0.8 !important;
    z-index: 1;
}

/*
span#inbetweendiv:before {
  content: 'التاريخ الهجري';
  position: absolute;
  font-weight: 600;
  padding: 7px 12px 0 12px;
  font-size: 1rem;
  z-index: 1;
  top: 63px;
  right: 4px;
}
*/
div#ZakatNotification {
    box-shadow: none;
    text-align: right;
    top: 30% !important;
}

div#ZakatNotificationText {
    font-size: 0.875rem;
}

div#ZakatNotification {
    padding: 0;
}
/*
table#contentBody_scManageUserProfileBirthDate tbody tr:first-child {
	background-color: #14415A;
	color: #fff;
}

table#contentBody_scManageUserProfileBirthDate {
	background-color: #fbfbfb !important;
	border: 0px solid #d1d1d1 !important;
	width: 100% !important;
	border-width: 0 !important;
}

	table#contentBody_scManageUserProfileBirthDate th {
		font-size: 11px !important;
		text-align: center !important;
	}
*/
div#MainContent_BodyPlaceHolder_ShowFiles .card {
    min-height: 300px !important;
}


p.serv-content {
    height: 190px !important;
}

.inq-ind p.serv-content {
    height: 130px !important;
}

div#MainContent_BodyPlaceHolder_ShowFiles .serv-content {
    height: 130px !important;
}

.inqueries-boxes .card-header .card-title {
    line-height: inherit !important;
}

.form-group.form-group-default.form-group-default-select2.bg-disabled .select2-selection.select2-selection--single {
    background: #f5f5f5 !important;
}

.form-group-default-select2.bg-disabled {
    background-color: #f5f5f5 !important;
}

.min-h-gov-cont {
    min-height: 125px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background-color: #ffffff;
    padding: 10px 0 5px !important;
}

.pl-29 {
    padding-left: 29px;
}

span.select2-dropdown {
    background-color: white;
    border: none;
}

button.owl-prev {
    right: 0;
    /* left: auto; */
    position: absolute;
}

.owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    padding: 0 !important;
    width: 100%;
}

button.owl-next {
    left: 0;
    position: absolute;
}

.checkbox input[type=checkbox][disabled] + label:before {
    background-color: #eceff3;
    border: 1px solid #9e9e9e;
    border-width: 8.5px;
}

div#filters button, .select2-container--default .select2-selection--single .select2-selection__rendered {
    max-width: 90%;
}

label.notempty {
    font-size: 11px !important;
    opacity: 0.5 !important;
}

span.notempty {
    font-size: 11px !important;
    opacity: 0.5 !important;
}

.form-group-default-select2.bg-disabled {
    background-color: #fff;
}

#filters button {
    padding: 9px 10.5px !important;
}

a#hlNotes {
    cursor: pointer;
}
/*span.select2-container.select2-container--default.select2-container--open {
  z-index: 99999;
}*/
.table-bordered tbody tr td {
    border-right: none;
    border-left: none;
}

.table-bordered tbody tr th {
    border: none;
}

.table-bordered {
    border: none;
}

    .table-bordered tbody tr td table tr td {
        border: none;
    }

/* Rating Star Widgets Style */
/* Rating Star Widgets Style */

.star-cb-group {
    /* remove inline-block whitespace */
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: ltr;
    /* the hidden clearer */
}

.rating-title {
    border-bottom-width: 1px !important;
    border-bottom: solid 1px #e6e6e6 !important;
    padding: 1rem !important;
}

.modal .modal-body {
    padding: 1rem;
}

.star-cb-group * {
    font-size: 1.3rem;
}

.star-cb-group > input {
    display: none;
}

    .star-cb-group > input + label {
        /* only enough room for the star */
        display: inline-block;
        overflow: hidden;
        text-indent: 9999px;
        width: 1.3em;
        white-space: nowrap;
        cursor: pointer;
        line-height: 2;
    }

        .star-cb-group > input + label:before {
            display: inline-block;
            text-indent: -9999px;
            color: #ccc;
            content: "\26";
            font-family: "mlsd-eservices" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

    .star-cb-group > input:checked ~ label:before {
        content: "\26";
        font-family: "mlsd-eservices" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        color: #e52;
    }

span.star-red label:last-child:before {
    color: #de5555;
}

span.star-y1 label:nth-child(8):before, span.star-y1 label:last-child:before {
    color: #FAB414;
}

span.star-y label:nth-child(8):before, span.star-y label:last-child:before, span.star-y label:nth-child(6):before {
    color: #FAB414;
}

span.star-green1 label:nth-child(8):before, span.star-green1 label:last-child:before, span.star-green1 label:nth-child(6):before, span.star-green1 label:nth-child(4):before {
    color: #14415A;
}

span.star-green label:before {
    color: #14415A !important;
}

.star-cb-group > .star-cb-clear + label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}

    .star-cb-group > .star-cb-clear + label:before {
        width: .5em;
    }

.display-inline {
    display: inline;
}

div#filters {
    z-index: 9;
}

#user-dropdown.show {
    transition: ease-in-out 0.2s;
    opacity: 1 !important;
}

#user-dropdown {
    transition: ease-in-out 0.2s;
}

.form-group.form-group-default.focused label {
    font-size: 11px;
    transition: ease-in-out 0.2s;
}

.form-group.form-group-default.focused label {
    transition: ease-in-out 0.2s;
}

.form-group.form-group-default input, .form-group.form-group-default input:focus {
    font-size: 18px !important;
    transition: ease-in-out 0.2s;
}

.form-group.form-group-default.focused input {
    transition: ease-in-out 0.2s;
}
/* .select2-container.select2-container--default.select2-container--open{
  top: 381px !important;
} */
.select2-dropdown--below {
    top: 3.8rem;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
}

.owl-nav .is-selected-filter:after {
    display: none;
}

.filter-col.item button {
    min-height: 120px;
}

.kayan-box-max-h {
    max-height: 30px;
    max-width: 450px;
    overflow: hidden;
}

.pos-rel {
    position: relative;
}

table#tblSlots {
    border: none !important;
}

    table#tblSlots tbody {
        border-top: 1px solid #dee2e6 !important;
    }

.powertour-step.powertour-activestep, .powertour-step.powertour-keepvisible, .powertour-activehook.powertour-highlight, .powertour-tooltip:hover .powertour-step {
    z-index: 9999 !important;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    z-index: 99;
    width: 100%;
    /* float: inherit; */
}

table.table.footable tbody tr:first-child {
    border-bottom: solid 1px #ededed;
}

.radio label,
.checkbox label {
    padding-right: 25px;
    padding-left: 0px;
    margin-left: 15px;
    margin-right: 0;
    font-family: 'Cairo-two';
    font-size: 1rem;
}

.select2-selection__rendered {
    font-size: 18px !important;
}

a#MainContent_EstablishmentInfo2_btnBack i.mdi-navigation-arrow-back.right.arrow {
    display: none;
}
/* walkthrough */
.bg-modal {
    background-image: url(../img/bg-prof.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

div#walkthrough {
    top: 25% !important;
}

.padding-walkthrought {
    padding: 20px 50px 50px 50px;
}
/* */
.netaqi-infoMore-li li {
    min-width: 11.04%;
    text-align: center;
}

.netaqi-infoMore-li {
    padding: 0;
}

form .row [class*='col-']:last-child {
    padding-left: 7px;
}

div#commentServModal .close-modal {
    display: none;
}

.modal.commentServModal {
    display: block;
    vertical-align: middle;
    position: inherit;
    z-index: 9999999;
    width: inherit;
    background: none;
    padding: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -o-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    text-align: inherit;
}

    .modal.commentServModal .modal-dialog {
        transform: translate(0,0);
    }

    .modal.commentServModal .modal-body {
        max-height: 460px;
        overflow-y: auto;
    }

div#commentServModal ul#modalNotesAppend li {
    list-style: none;
    border-bottom: solid 1px #e8b9b9;
}

    div#commentServModal ul#modalNotesAppend li:last-child {
        border-bottom: none;
    }

.bg-none {
    background: none;
}

.b-danger-light {
    border-color: #9f2b2c24;
}

.commentServModal .modal-dialog {
    max-width: 100%;
    width: 50%;
}

.modal.commentServModal .modal-header {
    border-bottom: #e6e6e6 solid 1px;
    padding: 20px;
}

ul#modalNotesAppend {
    margin-bottom: 0;
}

.modal.commentServModal .close {
    top: 23px;
    padding-left: 0;
}

.modal.commentServModal .modal-body {
    padding-top: 25px;
    padding-bottom: 25px;
}

.page-container .page-content-wrapper {
    min-height: 100vh;
}

ul#PaginationComp li.active {
    background-color: #efefef;
    /* color: #fff !important; */
}

ul#PaginationComp li {
    background-color: #ffffff;
    padding: 9px 20px;
    border: 1px solid #f7f7f7;
    margin: 0 -3px;
}

ul#PaginationComp {
    padding: 0;
    text-align: center;
}

div#divSelEstName {
    font-size: 1.2rem;
    color: black;
    font-weight: 500;
}

nav.page-sidebar {
    position: fixed !important;
    -webkit-transform: inherit !important;
    transform: inherit !important;
    -ms-transform: inherit !important;
}


/* .content.sm-gutter.main-cont-index, .page-container .page-content-wrapper{
  position: inherit;
} */



.emp-num-44 {
    max-height: 450px !important
}

table#MainContent_EstablishmentAdd1_grdOldRequests tbody tr, table#MainContent_gvRequestDetails tbody tr, table#MainContent_ucVisaRequestCreateControl_gvWorkVisa tbody tr {
    border-bottom: solid 1px rgba(230,230,230,0.7);
}

.input-group.form-group-default label span {
    padding: 0;
}
/* .select2-container .select2-selection .select2-selection__rendered {
  padding-right: 11px;
} */
body {
    font-size: 16px;
}

h3 {
    font-size: 1.688rem !important;
}

h5 {
    font-size: 1.125rem !important;
}

h4 {
    font-size: 1.375rem !important;
}

.fs-12 {
    font-size: 0.75rem !important;
}

.fs-13,
.dropdown-menu {
    font-size: 0.8125rem !important;
}

.fs-14 {
    font-size: 0.9375rem !important;
}

.calendars-nav {
    text-align: center !important;
}

.calendars {
    background-color: #14415A !important;
}

.calendars-selected {
    background-color: #6ca75a !important;
}

a.highlight {
    background: #619e4e !important;
}

.fav-btn:focus, .is-checked:focus {
    background: #14415A !important;
    color: white !important;
}

.ui-helper-hidden-accessible {
    display: none;
}

.highcontrast {
    margin: 0;
    padding: 0;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
}

input#txtSelectedDate {
    width: 100% !important;
    height: 54px !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.CalPopUpPanel {
    /*width: 85.4% !important;*/
    font-size: 0.9375rem;
}

table#MainContent_oldAppointmentsGridView {
    border: none !important;
}

.CalPopUpPanel div table#CalendarTopTable {
    /* padding: 30px !important; */
    height: 61px;
}

    .CalPopUpPanel div table#CalendarTopTable tbody tr td:last-child {
        padding: 0 0px 0 8px !important;
    }

.calendars-month table tbody tr td span, .calendars-month-row table tbody tr td a {
    padding: 2.125em !important;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.calendars.noPrevNext a {
    padding-right: 20px;
}

.calendars-nav a {
    color: white !important;
}

.calendars-month table {
    width: 100%;
}

.calendars.noPrevNext {
    width: 100% !important;
}

#dvCalendar TD .weekend {
    color: #bb0b0b !important;
}

.calendars-month-row table thead {
    text-align: center;
    font-size: 14px;
}

    .calendars-month-row table thead tr th {
        padding: 5px;
    }

.calendars-month-header {
    font-size: 15px;
}

.calendars-nav {
    color: white !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    border-bottom: solid 1px #5c8674;
}

.calendars-month-header {
    font-size: 15px;
    height: 35px !important;
    background-color: rgb(3, 110, 67) !important;
}


table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr th,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr td,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr td,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr th,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulation tbody tr th,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulation tbody tr td,
table#MainContent_oldAppointmentsGridView tbody tr th,
table#MainContent_oldAppointmentsGridView tbody tr td,
table#contentBody_oldAppointmentsGridView tbody tr th,
table#contentBody_oldAppointmentsGridView tbody tr td,
table#MainContent_ucTransferControl_gvToContractLaborers tbody tr td,
table#MainContent_ucTransferControl_gvToContractLaborers tbody tr th,
table#MainContent_gvSearchResult tbody tr td,
table#MainContent_gvSearchResult tbody tr th,
table#contentBody_attachmentsGridView tbody tr td,
table#contentBody_attachmentsGridView tbody tr th {
    border-right: none;
    border-left: none;
}

table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations tbody tr,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulation tbody tr,
table#MainContent_oldAppointmentsGridView tbody tr,
table#grdTransactionList tbody tr,
table#MainContent_ucServicesRedirection_ucActiveRequestTypeSupport_gvVisaRequests tbody tr,
table#MainContent_ucServicesRedirection_ucActiveRequestTypeContract_gvVisaRequests tbody tr,
table#MainContent_TempWP1_grdEmployeesList tbody tr,
table#MainContent_ucRequestList_gvWorkVisaorders tbody tr,
table#MainContent_Labors1_LaborsGridView tbody tr,
table#MainContent_ucTransferControl_gvToContractLaborers tbody tr,
table#MainContent_gvSearchResult tbody tr,
table#contentBody_attachmentsGridView tbody tr {
    border-bottom: solid 1px rgba(230, 230, 230, 0.7);
}

table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulations,
table#MainContent_BodyPlaceHolder_grdEstablishmentRegulation,
table#MainContent_oldAppointmentsGridView,
table#grdTransactionList,
table#MainContent_gvSearchResult,
table#MainContent_ucServicesRedirection_ucActiveRequestTypeSupport_gvVisaRequests,
table#contentBody_oldAppointmentsGridView,
table#MainContent_ucTransferControl_gvToContractLaborers,
table#contentBody_attachmentsGridView {
    border: none !important;
}

    table#MainContent_ucTransferControl_gvToContractLaborers tbody tr th {
        border-right: none;
        border-left: none;
    }

    table#MainContent_ucTransferControl_gvToContractLaborers tbody tr {
        border-bottom: solid 1px rgba(230,230,230,0.7);
    }

table#CalendarTopTable {
    width: 100%;
}


/* .row.domain-comment span {
  padding-right: 0 !important;
} */

div#MainContent_pnlSearchMethods .form-group.form-group-default.form-group-default-select2.z-1 span.bold {
    margin-top: 5px;
}

div#MainContent_pnlSearchMethods span.select2-selection.select2-selection--single {
    padding-top: 0;
    height: 20px;
}

span#MainContent_EstablishmentAdd1_lblOwnerIdNo {
    padding-right: 0;
}

div#BPanel_MainContent_ucSearchControl_dtFromDate input#txtSelectedDate, div#BPanel_MainContent_ucRequestList_dtReqFromDate input#txtSelectedDate, div#BPanel_MainContent_ucRequestList_dtReqToDate input#txtSelectedDate {
    width: 100% !important;
}

div#BPanel_MainContent_ucSearchControl_dtToDate input#txtSelectedDate {
    width: 100% !important;
}

/* span.select2-dropdown.select2-dropdown--above {
  width: 78.75px !important;
} */
.select2-container--open .select2-dropdown--below {
    z-index: 999 !important;
    /*  top: 50px; */
}

#CalendarTopTable span.select2-selection.select2-selection--single {
    min-width: 90px;
}

#CalendarTopTable .select2-container .select2-selection .select2-selection__arrow {
    top: auto;
}

.selected-day {
    color: #14415A;
    font-weight: bold;
}

.header .search-link i {
    font-size: 1rem !important;
}

.card.no-border.comp-box h4.l-h-company {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notification-panel .notification-body .notification-item .heading,
.btn {
    font-size: 0.875rem !important;
}

.t-0 {
    top: 0 !important;
}

#nofificationForm {
    top: auto !important;
}

    #nofificationForm .modal-content-wrapper #notificationdivs1 .modal-body {
        min-height: 120px;
        max-height: 280px;
        overflow-y: auto;
    }

.order-num2 .select-wrapper {
    display: inline-flex;
    width: 30% !important;
}

.second-input2 {
    display: inline-block;
    width: 68%;
    /*  border-bottom: solid 1px #626262 !important; */
    border-radius: 0;
    top: 27px;
    position: absolute;
    left: 0;
}

.table#MainContent_WPInquiry1_grdTransactionWps {
    border: none;
}

    .table#MainContent_WPInquiry1_grdTransactionWps > tbody > tr > td,
    .table#MainContent_WPInquiry1_grdTransactionWps > tbody > tr > th {
        border-right: none;
        border-left: none;
        border-bottom: #ededed solid 1px;
    }

* {
    letter-spacing: 0;
}

.emp-num-1 .collapsible-body table, .emp-num-2 .collapsible-body table, .emp-num-3 .collapsible-body table {
    margin: 0 !important;
}

.is-selected-fav, .is-selected-fav:hover, .is-selected-fav:active, .is-selected-fav:focus {
    background: #14415A !important;
    color: white !important;
}

table#MainContent_SearchAssentVisaCreditRequests_gvRequests tbody tr, table#MainContent_RequestsList1_gvRequests tbody tr {
    border-bottom: solid 1px rgba(230,230,230,0.7);
}

table#MainContent_ucRequestDetails_gvWorkVisaDetails tbody tr, table#MainContent_ucRequestDetails_gvRequestDetails tbody tr {
    border-bottom: solid 1px rgba(230,230,230,0.7);
}

.emp-num-1 .collapsible-body table thead tr th, .emp-num-2 .collapsible-body table thead tr th, .emp-num-3 .collapsible-body table thead tr th {
    color: white;
    font-weight: normal;
    padding-right: 0 !important;
}


.emp-num-1 .collapsible-body table tbody tr td, .emp-num-2 .collapsible-body table tbody tr td, .emp-num-3 .collapsible-body table tbody tr td {
    background: none !important;
}

.emp-num-1 .collapsible-body table tbody tr, .emp-num-2 .collapsible-body table tbody tr, .emp-num-3 .collapsible-body table tbody tr {
    color: white;
}

.input-group.form-group-default span,
.form-group.form-group-default span,
#MainContent_ucRequestList_lbltxtRequestNo {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 12px;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

span#MainContent_ucRequestList_lbltxtRequestNo {
    margin-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y: initial;
}

.select2-results {
    overflow-y: auto;
    overflow-x: hidden;
}

.select2-container .select2-selection .select2-selection__arrow {
    right: auto !important;
    left: 6px !important;
    top: 20px !important;
}

.select2-results {
    direction: rtl;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    direction: rtl;
}

table#MainContent_gridViewNotifications tbody tr:first-child {
    border-bottom: solid 1px #dee2e6;
}

.scroll-wrapper > .scroll-element.scroll-x,
.scroll-wrapper > .scroll-element.scroll-y {
    display: none;
}

p {
    margin-bottom: 0;
}

table#MainContent_GridView1 tbody tr:first-child {
    border-bottom: solid 1px #ededed;
}

table#MainContent_GridView1 .table td,
.table th {
    border-top: none;
}

table#MainContent_gridViewNotifications tbody tr:first-child th {
    padding-top: 0;
}

.export-btn {
    float: left;
    position: absolute;
    left: 20px;
    top: 25px;
}

.table thead tr.footable-filtering th:first-child {
    padding-right: 0 !important;
    padding-top: 0;
}

.ui-autocomplete {
    background: white;
    /*  width: 21% !important; */
    border: 1px solid rgba(0, 0, 0, .07);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 3px 10px 3px 3px;
    box-shadow: none;
    height: 100px !important;
    overflow-y: scroll;
}

    .ui-autocomplete li {
        list-style: none;
        padding: 3px 7px 4px;
        padding-right: 15px;
        line-height: 24px;
        font-size: 1rem;
    }

select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.table thead tr th {
    color: rgb(115, 115, 115);
}

.dir-rtl {
    direction: rtl;
}

.modal.emp-info .modal-header {
    border-bottom: #e6e6e6 solid 1px;
    padding: 25px 25px 25px 25px;
}

.modal.emp-info .close {
    top: 23px;
    padding-left: 0;
}

.modal.emp-info .modal-dialog {
    min-width: 80%;
    top: 30%;
}

.modal.emp-info .modal-body {
    padding-top: 25px;
    padding-bottom: 25px;
}

.alert-success {
    background-color: #2DB473;
    color: #ffffff;
    border-color: #2DB473;
}

.b-none-style {
    padding-right: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.stat-emp-lic {
    padding: 20px 10px;
}

.form-group.footable-filtering-search input {
    width: 280px;
}

.form-group.footable-filtering-search button {
    display: none;
}

.arrow-slider {
    font-size: 1.188rem;
    padding: 10px;
    color: #14415A;
}

.owl-nav {
    text-align: center;
    padding-top: 10px;
}

.notification-panel .notification-body {
    max-height: 100%;
}

.add-fav-comp {
    font-size: 2.938rem;
    color: #dadada !important;
}

.l-h-0 {
    line-height: 0;
}

.min-h-mailbox {
    min-height: 166px;
}

.btn-min-w {
    min-width: 86px;
}

.min-h-appoint {
    min-height: 226px;
}

.display-inline-block {
    display: inline-block;
}

.profile-dropdown > a {
    opacity: 1;
}

.hover-4 {
    padding: 15px;
    border: none;
    background: none;
    cursor: pointer;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.9375rem;
    color: #9d9d9d;
    min-height: 105px;
}

    .hover-4:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #ffcc00;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform 0.3s;
    }

    .hover-4:hover:after {
        transform: scaleX(1);
    }

.filter-col-selected button,
.is-selected-filter button {
    padding: 10px;
    border: none;
    background: none;
    cursor: pointer;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.875rem;
}

.is-selected-filter:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #FAB414;
}

.filter-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.is-selected-filter .filter-col {
    background: #148287;
}

.filter-col-selected {
    background: #148287;
}

    .filter-col-selected button,
    .filter-col-selected i {
        color: white !important;
    }

.filter-col:hover,
.is-selected-filter {
    background: #148287;
    transition-timing-function: ease-out;
    transition: 0.2s;
    color: white;
}

    .filter-col:hover button,
    .filter-col:hover i,
    .is-selected-filter button,
    .is-selected-filter i {
        color: white !important;
        transition-timing-function: ease-out;
        transition: 0.2s;
    }

.hover-4:hover {
    color: #14415A;
}

    .hover-4:hover i {
        color: #14415A;
    }

.label-muted {
    background-color: #c7c7c7;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: bold;
}

.label-important,
.label-danger {
    background-color: #f55753;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: bold;
}

.label-success {
    background-color: #2DB473;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: bold;
}

.label-warning {
    background-color: #f8d053;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: bold;
}

.my-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.opacity-4 {
    opacity: 0.4;
}

.select2-results__option {
    font-size: 1.063rem;
}

.label-white {
    background-color: #fff;
    color: #626262;
    border-radius: 30px;
    padding: 0 10px;
    margin: 4px 0;
}

.d-d-icon {
    vertical-align: middle;
    font-size: 2rem;
    width: 32px;
    height: 32px;
    /*background: #14415A;*/
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    color: #d8d8d8;
    margin-left: 5px;
    display: block;
    margin: auto;
    padding-bottom: 50px;
}

.select2-container--default .select2-results__option .select2-results__option span {
    position: relative;
    top: -2px;
    font-size: .95rem;
}

.closed-button {
    background-color: #f55753 !important;
    color: white !important;
    font-weight: 900;
    font-size: 12px !important;
    outline: none !important;
}

.moredetails-button {
    background-color: white !important;
    color: black !important;
    font-weight: 900;
    font-size: 12px !important;
    outline: none !important;
}

.fs-60 {
    font-size: 3.75rem;
}

.fs-70 {
    font-size: 4.75rem;
}

.fs-25 {
    font-size: 1.563rem;
}

g.nv-legendWrap.nvd3-svg {
    display: none;
}

.ul-style {
    list-style: none;
}

.notif-icon1 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #014124;
}

.notif-icon2 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #14415A;
}

.notif-icon3 {
    vertical-align: middle;
    font-size: 1.25rem;
    color: grey;
}

.notif-icon4 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #7daf6d;
}

.notif-icon5 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #694920;
}

.notif-icon6 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #148287;
}

.notif-icon7 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #b98f38;
}

.notif-icon8 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #b47030;
}

.notif-icon9 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #f1ae33;
}

.notif-icon10 {
    vertical-align: middle;
    font-size: 1.875rem;
    color: #f1ae33;
}

svg text {
    font: 400 12px 'Cairo-two' !important;
}

.blatiny-perc {
    font-size: 0.75rem;
    background: #bdbdbd;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.h-green-perc {
    font-size: 0.75rem;
    background: #388e3c;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.m-green-perc {
    font-size: 0.75rem;
    background: #00c353;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.l-green-perc {
    font-size: 0.75rem;
    background: #82db9d;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.red-perc {
    font-size: 0.75rem;
    background: #f44436;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.yellow-perc {
    font-size: 0.75rem;
    background: #ffeb3b;
    color: white;
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    border-radius: 20px;
}

.menu-box4-selected a {
    color: white !important;
}

.page-container .page-content-wrapper .content:only-child {
    padding-bottom: 70px;
}

.emp-num-icon {
    line-height: 1.3;
    vertical-align: middle;
    color: white;
    font-size: 1.875rem;
}

.fs-45 {
    font-size: 2.813rem;
}

.fs-35 {
    font-size: 2.188rem;
}

table > tbody > tr > td > span.footable-toggle {
    margin-left: 8px;
    font-size: 1.563rem;
}

.emp-num-1 {
    background: #2DB473;
    padding: 15px;
    border-radius: 2px;
    min-height: 148px;
}

.emp-num-1-net {
    background: #2DB473;
    padding: 15px;
    border-radius: 2px;
    min-height: 145px;
}

.emp-num-2 {
    background: #FAB414;
    padding: 15px;
    border-radius: 2px;
    min-height: 148px;
}

.emp-num-2-net {
    background: #FAB414;
    padding: 15px;
    border-radius: 2px;
    min-height: 145px;
}

.emp-num-3 {
    background: #148287;
    padding: 15px;
    border-radius: 2px;
    min-height: 148px;
}

.emp-num-3-net {
    background: #148287;
    padding: 15px;
    border-radius: 2px;
    min-height: 145px;
}

.emp-num-4 {
    background: #da2a2f;
    padding: 15px;
    border-radius: 2px;
    min-height: 148px;
}

.emp-num-4-net {
    background: #da2a2f;
    padding: 15px;
    border-radius: 2px;
    min-height: 145px;
}

.error-number {
    font-size: 160px;
    line-height: 150px;
}

form .row [class*='col-']:first-child {
    padding-right: 7px;
}

.tooltip {
    font-family: 'Cairo-reg', sans-serif, serif !important;
    font-size: 1.25rem;
}

.p-l-28 {
    padding-right: 28px !important;
}

.datepicker table tr td.active {
    background-color: #14415A !important;
}

.modal .modal-body {
    padding-bottom: 15px;
}

.checkbox input[type=checkbox]:checked + label::after {
    font-family: "mlsd-eservices" !important;
    content: "\e00f";
    color: #fff;
}

body.rtl .checkbox label::after {
    right: 3.8px;
    /*left: auto !important;*/
}

.notif-header {
    padding: 2px 25px 0 25px !important;
    border-bottom: solid 1px #e6e6e6 !important;
    border-bottom-width: 1px !important;
}

.z-99 {
    z-index: 99 !important;
}

.notifications-modal {
    width: 850px !important;
    max-width: 850px;
}

.banners-h {
    height: 170px !important;
}

.b-rad-1 {
    border-radius: 1px;
}

.sidebar-index {
    padding-top: 33px !important;
}

.notification-panel {
    width: 360px;
}

.datepicker thead tr .prev:before {
    content: "\e009";
}

.datepicker thead tr .next:before {
    content: "\e00a";
}

.table td,
.table th {
    vertical-align: middle;
}

.v-align-sub {
    vertical-align: sub;
}

.overlay {
    padding-left: 64px;
}

.select2-container .select2-selection.select2-selection--single {
    height: 40px;
}

select.full-width + .select2-container {
    border-radius: 2px;
}

.b-b-users {
    border-bottom: solid 3px #fdb730;
}

.text-success {
    color: #2DB473 !important;
}

.text-success-dark {
    color: #14415A !important;
}

.muted-flag {
    color: whitesmoke !important;
}

.dis-none {
    display: none !important;
}

.main-cont-index {
    padding-top: 127px;
}

.notification-panel .notification-body .notification-item .heading:after {
    display: none !important;
}

.copyright-index {
    padding: 13px 0;
}

.modal.fade.stick-up .modal-dialog {
    margin-top: 215px;
}

.modal .close {
    right: auto;
    left: 25px;
}

.table thead tr th {
    font-weight: bold;
    font-family: 'Cairo-reg';
    font-size: 0.9375rem;
    position: relative;
    padding-right: 21px;
    padding-left: 0px;
    padding-top: 0px;
    cursor: pointer;
}

.table.table-hover tbody tr:hover td {
    background: #f5f5f5 !important;
}

.b-select2 {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.current-step {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    background-color: #148287;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    line-height: 27px;
    font-weight: bold;
    font-family: 'Cairo-two';
}

span.step {
    font-size: 1.438rem;
    margin-right: 15px;
    height: 30px;
    width: 30px;
    color: #cac2c2;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-family: 'Cairo-two';
}



.radio label:before,
.checkbox label:before {
    margin-right: 0;
    right: 0px;
    left: auto;
}

.radio.radio-success input[type=radio]:checked + label:before {
    border-color: #2DB473;
}

/* form .row [class*='col-']:last-child {
  padding-left: 7px;
} */

/*form .row [class*='col-'] {*/

/*    padding-right: 0 !important;*/

/*}*/

span.select2-selection.select2-selection--single {
    padding-right: 1px !important;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0 !important;
}

#form-register.form-group {
    margin-bottom: 7px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: auto !important;
    left: 6px;
}

.select2-results {
    font-size: 14.5px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    font-size: 14.5px;
}

.datepicker thead tr .dow {
    color: #14415A;
}

.datepicker thead tr .next:before,
.datepicker thead tr .prev:before {
    color: #14415A;
    font-family: "mlsd-eservices" !important;
}

.datepicker thead tr .datepicker-switch {
    color: #949494;
}

.logo-h {
    max-height: 30px !important;
}

.bubble-side-bar {
    top: 28px;
    /* float: left; */
    left: 72px;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    background-color: #f55753;
    color: #fff;
    position: absolute;
    font-size: 0.5625rem;
    padding-top: 1px;
    font-weight: 600;
    padding-right: 1px;
}

.btn-success,
.btn-success:focus {
    background-color: #2DB473 !important;
    border-color: #2DB473 !important;
    font-weight: 600;
}

.btn-success-dark,
.btn-success-dark:focus {
    background-color: #14415A !important;
    border-color: #14415A !important;
    font-weight: 600;
}

    .btn-success-dark:hover {
        background-color: #37536A !important;
        border-color: #37536A !important;
    }

.cond-cert {
    display: inline-block;
    float: right;
    padding-left: 10px;
}

.inquiry-icon {
    border: none;
    border-radius: 0;
}

.input-inquiry {
    border-right: none !important;
    border-radius: 2px 0 0 2px !important;
}

span.input-group-text.success {
    border-radius: 0 2px 2px 0 !important;
}

.fs-40 {
    font-size: 2.5rem;
}

.border-num:after {
    content: 'أو';
    position: absolute;
    left: 10px;
    bottom: 8px;
    font-size: 0.9375rem;
}

.input-icons {
    font-size: 1.25rem;
    vertical-align: middle;
    line-height: 1;
}

.input-group-text.success {
    background-color: #14415A;
    color: #fff;
}

.scroll-auto {
    overflow: auto;
}

a:focus,
a:hover,
a:active {
    color: #086c42;
}

ul#user-dropdown {
    z-index: 9999999 !important;
}

.alert-info {
    font-size: 0.875rem;
    border-color: #d9eff7;
    border-color: #2b6a94;
}

.label-inqueries {
    background-color: #FAB414;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.label-questions {
    background-color: #14415A;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.label-taameem-search {
    background-color: #02575A;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.label-adv {
    position: absolute;
    top: 39px;
    border-radius: 2px 0 0 2px;
}

.label-advertisements {
    background-color: #2DB473;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.label-companies {
    background-color: #14415A;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.label-general {
    background-color: #f2664a;
    color: #fff;
    display: inherit;
    opacity: 1 !important;
    font-size: 0.8125rem;
}

.bg-search {
    background-color: #fbfbfb;
}

.l-h-1 {
    line-height: 1 !important;
}

.fs-38 {
    font-size: 2.375rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.m-t-search {
    margin-top: 120px;
}

.overlay .overlay-search {
    font-weight: 600;
    font-size: 2.188rem;
}

.quick-links {
    min-height: 40px;
    position: relative;
}

    .quick-links i {
        font-size: 2.188rem;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.header .search-link {
    line-height: inherit;
}

.header ul li {
    line-height: inherit !important;
}

.mt-14 {
    margin-top: 14px !important;
}

.p-t-13 {
    padding-top: 13px;
}

/*.header .brand {*/

/*	width: 369px;*/

/*}*/

.pace .pace-progress {
    background: #65a053 !important;
}

.text-muted {
    color: #7b7b7b !important;
}

.page-sidebar a:visited,
.page-sidebar button:visited,
.page-sidebar a:focus,
.page-sidebar button:focus,
.page-sidebar a:visited,
.page-sidebar button:visited,
.page-sidebar a:focus,
.page-sidebar button:focus {
    color: #7b7b7b;
}

.search-link {
    opacity: 1 !important;
}

.tools {
    position: absolute;
    left: 6px;
    top: 18px;
    padding-left: 29px;
}

.num-font {
    font-size: 1.375rem;
}

@font-face {
    font-family: 'Cairo-reg';
    src: url('../fonts/HRSD-Bold.ttf');
    font-weight: normal;
}

/*@font-face {*/

/*font-family: 'Cairo-bold';*/

/*src: url('../fonts/Cairo-Bold.ttf');*/

/*font-weight: normal;*/

/*}*/

@font-face {
    font-family: 'Cairo-two';
    src: url('../fonts/HRSD-Medium.ttf');
    font-weight: normal;
}

a.text-info:focus,
a.text-info:hover {
    color: #14415A !important;
}

.fs-16 {
    line-height: 1.7;
    font-size: 1rem !important;
}

.ar-1-1 {
    height: 297px;
}

.p-t-53 {
    padding-top: 56px !important;
}

.l-h-32 {
    line-height: 32px;
}

.l-h-2 {
    line-height: 2;
}

.form-group label:not(.error) {
    font-size: 1rem;
}

.form-control {
    font-size: 1rem;
}

.btn:hover {
    border: none;
}

.btn {
    border: none;
}

.badge {
    font-family: 'Cairo-reg';
}

* {
    letter-spacing: 0 !important;
}

.page-sidebar a,
.page-sidebar button {
    color: #7b7b7b;
}

    .page-sidebar a:visited,
    .page-sidebar button:visited,
    .page-sidebar a:focus,
    .page-sidebar button:focus {
        color: #7b7b7b;
    }

body {
    font-family: 'Cairo-two';
    font-size: 1.125rem;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a,
span,
p {
    font-family: 'Cairo-two';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cairo-reg', sans-serif, serif !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a {
    font-family: 'Cairo-reg';
}

.form-group label:not(.error),
.form-control,
.btn {
    font-family: 'Cairo-two';
}

.form-group label:not(.error) {
    z-index: 0;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    float: none;
}

.mlsd {
    vertical-align: middle;
    font-family: mlsd-eservices;
    font-weight: 400;
    font-size: 1.438rem;
}

body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0);
    -ms-transform: translate(-120px, 0);
}

.page-sidebar .sidebar-header .sidebar-header-controls {
    transform: translateX(-137px);
}

.header {
    height: 110px;
}

.page-sidebar .sidebar-header {
    height: 80px;
}

body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
    -ms-transform: translate(-12px, 0);
}

.f-l {
    float: right;
}

.f-r {
    float: left;
}

.l-h-23 {
    line-height: 23px;
}

.v-align-m {
    vertical-align: middle;
}

.l-h-29 {
    line-height: 29px;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner {
    padding-top: 0;
}

.min-h-card {
    min-height: 80.3vh;
}

.min-h-card-index {
    min-height: 605px;
}

.copyright {
    padding: 19px 0;
}

.bg-color1 {
    background-color: #148287 !important;
}

.bg-color2 {
    background-color: #2DB473 !important;
}

.btn-success,
.btn-success:focus {
    background-color: #2DB473 !important;
    border-color: #2DB473 !important;
    font-weight: 600;
}

    .btn-success:hover {
        background-color: #5EC199 !important;
        border-color: #5EC199 !important;
        font-weight: 600;
    }

.btn-brown,
.btn-brown:focus {
    background-color: #148287 !important;
    border-color: #148287 !important;
    font-weight: 600;
    -webkit-appearance: initial !important;
}

    .btn-brown:hover {
        background-color: #49A1A2 !important;
        border-color: #49A1A2 !important;
        font-weight: 600;
    }

.btn-danger,
.btn-danger:focus {
    font-weight: 600;
}

a {
    color: #14415A;
}

.page-sidebar {
    background-color: #0b5932;
}

.icons-menu {
    background-color: #b98f38 !important;
}

/*.page-sidebar .sidebar-header {*/

/*	background-color: #073921;*/

/*	border-bottom: 1px solid #073921;*/

/*}*/

.page-sidebar .sidebar-header {
    background-color: white;
    border-bottom: none;
}

.b-t-none {
    border-top: none !important;
}

div#filters button,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2c2c2c;
    opacity: 0.8;
    font-family: 'Cairo-reg';
    z-index: 999999;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    width: 100%;
}

.icon-thumbnail {
    background: #073920;
}

body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-transform: translate3d(-52, 0, 0);
    transform: translate3d(-52px, 0, 0);
}

.fav-icon {
    color: #ffffff80 !important;
}

/*.page-container {*/

/*	height: auto;*/

/*}*/

/*.page-container .page-content-wrapper .footer {*/

/*    bottom: 0;}*/

.header .bubble {
    height: 8px;
    width: 8px;
    top: -2px;
    float: left;
    left: 0px;
}

.bg-date {
    background-color: #239A63 !important;
}

.inq-bg {
    background-color: #FAB414 !important;
}

.widget-6 {
    background: #14415A;
}

.hint-text {
    opacity: 1;
    font-family: 'Cairo-reg' !important;
}

.label-taameem {
    position: absolute;
    top: 39px;
    border-radius: 2px 0 0 2px;
    background-color: #02575A;
}

.label {
    padding-bottom: 6px !important;
}

.widget:after {
    opacity: .2;
}

.page-sidebar .sidebar-menu .menu-items li > a {
    width: 70%;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
    padding-right: 10px;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    background-color: #073921;
}

.page-sidebar .sidebar-menu .menu-items.sub-men li > a {
    width: 90%;
}

.w-70 {
    width: 70% !important;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    padding: 0px 50px 0 20px;
}

.inner-menu {
    color: #ffffffbd !important;
}

.forget-pass {
    padding-right: 5px;
    padding-left: 5px;
}

.fav-box {
    border: solid 1px #e6e6e6;
    min-height: 120px;
    border-radius: 2px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 20px;
}

/*.bg-myinfo{*/

/*   background-image: url(../assets/img/homebg.png);*/

/*   background-repeat: no-repeat;*/

/*   background-position-y: 107%;*/

/*   background-position-x: 0px;*/

/*   background-size: 100%;*/

/*}*/

.prof-pic {
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 95px;
}

.fs-20 {
    font-size: 1.25rem;
}

.company-type {
    float: right;
    margin-left: 5px;
    font-size: 0.6875rem;
    border-radius: 15px;
    padding: 0 7px 0 7px;
    color: white;
    font-weight: 600;
}

.blatiny {
    background: #bdbdbd;
}

.green-high {
    background: #388e3c;
}

.green-med {
    background: #388e3c;
}

.green-low {
    background: #388e3c;
}

.yellow {
    background: #ffeb3b;
    color: black;
}

.red {
    background: #f44436;
}

.fav-list {
    list-style: none;
    padding-right: 0;
}

.min-h-card {
    min-height: 75.5vh;
}

.my-fav {
    height: 167px;
}

.quick-box {
    min-height: 254.3px;
}

.b-b-0 {
    border-bottom: none !important;
}

.prof-header {
    background-image: url(../assets/img/bg-prof2.jpg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    /* height: 70px; */
    background-size: 1060px !important;
    background-position-y: bottom !important;
    background-position-x: right !important;
    min-height: 140px !important;
}

.my-notif {
    min-height: 254px;
}

span.large-font {
    font-size: 1.2rem;
    padding-right: 5px;
}

    span.large-font:hover, span.med-font:hover, span.small-font:hover {
        color: #14415A;
    }

span.med-font {
    font-size: 1rem;
    padding-right: 5px;
}

span.small-font {
    font-size: 0.75rem;
    padding-right: 5px;
}

/* .small-font:after {
  content: "|";
  font-size: 0.8125rem;
  color: #eeeeee;
} */

.pace .pace-activity {
    display: none;
}

.inqueries-icon {
    font-size: 5rem;
    position: absolute;
    top: 25px;
    left: 25px;
    line-height: 0;
    color: white;
}

a:focus,
a:hover,
a:active {
    color: #14415A;
}

/*.large-font:before{*/

/*	content: "|";*/

/*	font-size: 0.8125rem;*/

/*	color: #eeeeee;*/

/*}*/

.font-size:before {
    content: "|";
    font-size: 0.8125rem;
    color: #eeeeee;
    padding-left: 10px;
}

.tools-width {
    width: 380px !important;
}

.button-toggle-highcontrast:hover {
    color: #14415A !important;
}

.notification-panel .notification-body .notification-item .heading:after {
    display: none !important;
}

.year-copyright {
    font-family: 'Cairo-two';
    font-weight: 700;
    font-size: 0.75rem;
}

div#commentServModal .modal-body .alert.alert-danger {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

div#commentServModal ul#modalNotesAppend {
    padding: 0;
}

    div#commentServModal ul#modalNotesAppend li {
        list-style: none;
    }

div#commentServModal {
    top: 15% !important;
}

/* my-comp page */

.card__background,
.card__shadow,
.card__info,
.card__follow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.comp-box.hover .card__background,
.comp-box:hover .card__background,
.serv-box.hover .card__background,
.serv-box:hover .card__background,
.kayan-box.hover .card__background,
.kayan-box:hover .card__background {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.card__background {
    background-size: cover;
    background-position: center;
    opacity: 0.95;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.2s ease-in-out, -webkit-filter 0.2s ease;
    transition: transform 0.2s ease-in-out, filter 0.2s ease;
    transition: transform 0.2s ease-in-out, filter 0.2s ease, -webkit-transform 0.2s ease-in-out, -webkit-filter 0.2s ease;
}

.comp-box.hover .card__shadow,
.comp-box:hover .card__shadow,
.serv-box.hover .card__shadow,
.serv-box:hover .card__shadow,
.kayan-box.hover .card__shadow,
.kayan-box:hover .card__shadow {
    opacity: 0.95;
}

.card__shadow {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, #000 100%);
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out;
}

.comp-box.hover .card__info,
.comp-box:hover .card__info {
    -webkit-transform: translateY(0);
    transform: translateY(65px);
    padding-top: inherit !important;
}

.serv-box.hover .card__info,
.kayan-box.hover .card__info,
.kayan-box:hover .card__info {
    -webkit-transform: translateY(-37px);
    transform: translateY(-37px);
}

.serv-box:hover .card__info {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.card__info {
    top: 155px;
    padding: 1.25rem !important;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    padding: 15px 10px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.card__name {
    text-transform: capitalize;
    font-size: 1.75rem;
    line-height: 30px;
    font-weight: 300;
    margin-right: .card__about, .card__description50%;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
}

    .card__name:after {
        content: '';
        display: block;
        width: 20%;
        height: 2px;
        background-color: #f2d423;
        margin: 5px 0 3px;
    }

.card__about,
.card__description {
    color: black !important;
    margin-top: 8px;
}

.card__about {
    align-self: flex-start;
    line-height: 14px;
}

    .card__about .country {
        text-transform: capitalize;
    }

.comp-box.hover .card__description,
.comp-box:hover .card__description,
.serv-box.hover .card__description,
.serv-box:hover .card__description,
.kayan-box.hover .card__description,
.kayan-box:hover .card__description {
    transition-delay: 0.2s;
    max-height: 400px;
    opacity: 1;
}

.card__description {
    max-height: 0;
    opacity: 0;
    transition: opacity 0.3s ease, max-height 0.2s;
}

.comp-box.hover .card__follow,
.comp-box:hover .card__follow,
.serv-box.hover .card__follow,
.serv-box:hover .card__follow,
.kayan-box.hover .card__follow,
.kayan-box:hover .card__follow {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.card__follow {
    top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    background-color: #f2d423;
    -webkit-transform: translateY(37px);
    transform: translateY(3f7px);
    transition: background-color 0.2s ease, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease, -webkit-transform 0.2s ease-in-out;
}

    .card__follow:hover {
        background-color: #dec00d;
        border-color: #dec00d;
    }

.companies-icons {
    color: #d8d8d8;
}

.domain-comment {
    position: absolute;
    padding-top: 50px;
    transition: padding-top .35s ease-in-out;
}

.comp-box:hover .domain-comment {
    padding-top: 0;
    transform: translateY(10px);
    transition: padding-top .35s ease-in-out;
}

.danger-comment {
    /*transition: padding-top .35s ease-in-out;*/
    /* padding-top: 70px !important;*/
    color: #d04747 !important;
    font-weight: bold;
    font-size: 0.875rem;
    display: inline-block;
    line-height: 1.8;
}

.comp-box:hover .danger-comment {
    /*padding-top: 0px !important;*/
    /*transform: translateY(-6px);*/
    /*transition: padding-top .35s ease-in-out;*/
}

.ddUserInfo {
    color: #626262;
    padding-right: 5px;
    font-style: normal;
}

    .ddUserInfo:hover {
        color: black;
    }

.badge-comp-type0 {
    background-color: #cccccc;
    transition: .35s ease-in-out;
    color: black !important;
    font-size: 0.6875rem;
}

.badge-comp-none {
    background-color: white;
    transition: .35s ease-in-out;
    color: black !important;
    font-size: 0.6875rem;
}

.badge-comp-blatiny {
    background-color: #cccccc;
    color: black !important;
    font-size: 0.6875rem;
}

.badge-comp-blatiny {
    background-color: #cccccc;
    color: black !important;
    font-size: 0.6875rem;
}

.badge-comp-yellow {
    background-color: #ffeb3b;
    color: white !important;
    font-size: 0.75rem;
    padding: 8px;
}

.badge-comp-green-med {
    background-color: #388e3c;
    color: white !important;
    font-size: 0.6875rem;
}

.badge-comp-type1 {
    /*transition: margin-top .35s ease-in-out;*/
    /*margin-top: 70px;*/
    background-color: #519633;
    color: white !important;
    font-size: 0.6875rem;
}

.comp-box:hover .badge-comp-type1 {
    /*margin-top: 0px !important;*/
    /*transform: translateY(-10px);*/
    /*transition: margin-top .35s ease-in-out;*/
}

.badge-comp-type6 {
    background-color: #bc0925;
    transition: .35s ease-in-out;
    color: white !important;
    font-size: 0.6875rem;
}

.btn-comp-type1 {
    background-color: #d8d8d8 !important;
    color: black !important;
    font-weight: 900;
    font-size: 12px !important;
    outline: none !important;
}

    .btn-comp-type1:hover {
        background-color: #e2e2e2 !important;
    }

    .btn-comp-type1:focus,
    .btn-comp-type1:active {
        outline: none !important;
    }

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.min-h-serv {
    min-height: 80px;
}

.companies-box .card {
    min-height: 355px !important;
}

.card__description .serv-content label {
    font-size: 0.95rem !important;
    display: block;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    font-style: normal;
    white-space: normal;
    text-align: justify;
}

.services-boxes-main .card {
    min-height: 370px !important;
}

.serv-box .card__info {
    top: 86px !important;
}

.row.domain-comment div a span {
    padding-right: 0 !important;
}

.my-serv {
    position: absolute;
    left: 0;
    border: 0;
    bottom: 0;
}

.bg-services {
    background-color: #036338;
}

.companies-box .card {
    min-height: 36vh;
    overflow: hidden;
}

.card.hover .card__description,
.card:hover .pb-services-icon i {
    /*font-size: 35px !important;*/
    transition: font-size .35s ease-in-out;
}

.companies-content {
    padding-top: 4rem;
    transition: padding-top .35s ease-in-out;
}

.card:hover .companies-content {
    padding-top: 0;
    transition: padding-top .35s ease-in-out;
}

.font-40 {
    font-size: 2.5rem;
}

.add-comp {
    padding-top: 5.8rem;
    padding-bottom: 4.8rem;
}

.add-comp-icon {
    font-size: 4.375rem;
    color: #dadada !important;
    line-height: 0;
}

.light-grey {
    color: #dadada !important;
}

.fav-bg {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #fbbc45 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.domain-bg.blatiny {
    border-color: #bdbdbd transparent transparent transparent !important;
}

.domain-bg.green-high {
    border-color: #388e3c transparent transparent transparent !important;
}

.domain-bg.green-med {
    border-color: #388e3c transparent transparent transparent !important;
}

.domain-bg.green-low {
    border-color: #388e3c transparent transparent transparent !important;
}

.domain-bg.yellow {
    border-color: #ffeb3b transparent transparent transparent !important;
}

.domain-bg.red {
    border-color: #f44436 transparent transparent transparent !important;
}

.domain-bg-blatiny {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    position: absolute;
    border-color: #bdbdbd transparent transparent transparent;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.domain-green-high {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    position: absolute;
    border-color: #388e3c transparent transparent transparent;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.domain-green-med {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    position: absolute;
    border-color: #388e3c transparent transparent transparent;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.domain-green-low {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    position: absolute;
    border-color: #388e3c transparent transparent transparent;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.domain-bg-yellow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    position: absolute;
    border-color: #ffeb3b transparent transparent transparent;
    left: 0;
    top: 0;
    padding: 0;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.card:hover .fav-bg {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.star-iconbg {
    float: left;
    color: #FAB414 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    line-height: 1;
    font-size: 1.375rem;
    padding-right: 5px;
}

.card:hover .star-iconbg {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.p-t-45 {
    padding-top: 45px !important;
}

.bg-light-grey {
    background: #fbfbfb;
}

.fav-btn {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none !important;
}

.all-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border: none !important;
}

/* .is-checked:focus {
  background: #e0e0e0 !important;
} */

/* .fav-btn:focus {
  background: #e0e0e0 !important;
} */

.page-sidebar .sidebar-header {
    background-color: white;
    border-bottom: none;
}

.page-sidebar .sidebar-header {
    height: 90px;
}

.header {
    z-index: 9999999999;
}

nav.page-sidebar {
    z-index: 9;
}

body.menu-pin .header .brand {
    width: 297px;
}

body.menu-pin .page-sidebar {
    width: 195px;
}

.page-sidebar {
    background-color: #dadada;
}

.sidebar-menu {
    padding: 10px;
    padding-top: 50px;
    padding-right: 30px;
}

.page-sidebar .sidebar-menu .menu-items {
    height: auto !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

#filters button {
    padding: 9.5px;
}

.star-icon {
    float: left;
    color: #9f9f9f !important;
    line-height: 1;
    font-size: 1.375rem;
    padding-right: 5px;
}

.sidebar-prof-header {
    background-image: url(../img/bg3.png) !important;
    background-repeat: no-repeat !important;
    background-size: 215% !important;
    background-position-y: center !important;
    background-position-x: 0px !important;
}

.sidebar-prof-header {
    height: 110px !important;
}

.full-h {
    height: 100%;
}

.card-prof-h {
    height: auto;
}

.btn, a.btn {
    max-height: 32px;
    min-width: 100px;
}

#filters .btn {
    max-height: 38px;
    min-width: 70px;
}

.btn-block {
    display: inline-block;
    width: auto !important;
}

.serv-box .btn-block, .companies-box .btn-block, .comp-box a.btn-block, .owl-item button.btn-block, .FAQModal.btn-block {
    display: block;
    width: 100% !important;
}

.btn-lg, .btn-group-lg > .btn {
    line-height: 21px;
    padding: 6px 17px;
}

.form-group label, .form-group label > span {
    font-size: 12px !important;
    opacity: 0.8 !important;
}

.scroll-tour {
    z-index: 9999 !important;
}

@media only screen and (min-width: 980px) {
    .brand.inline.p-t-5 img {
        width: 280px;
    }

    body.menu-pin .header .brand {
        /*padding-top: 37px !important;*/
        width: 244px;
    }

    body.menu-pin .page-container .page-content-wrapper .content {
        padding-right: 185px;
    }
}

.companies-content {
    padding-top: 4rem;
    transition: padding-top .35s ease-in-out;
    width: 100%;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-40 {
    font-size: 2.5rem;
}

.alert {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.closed-popup {
    color: #1f1f1f !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

    .closed-popup.btn.btn-success {
        color: white !important;
    }

div#nofificationForm {
    padding-top: 0;
}

div#notificationdivs1 .notif-header {
    padding: 0px 20px 0 20px !important;
}

.menu-boxes {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}

.menu-box0.menu-boxes:hover {
    background: #14415A;
    transition: background .35s ease-in-out;
}

.menu-box1.menu-boxes:hover {
    background: #2DB473;
    transition: background .35s ease-in-out;
}

.menu-box2.menu-boxes:hover {
    background: #148287;
    transition: background .35s ease-in-out;
}

.menu-box3.menu-boxes:hover {
    background: #887052;
    transition: background .35s ease-in-out;
}

.menu-box4.menu-boxes:hover {
    background: #FAB414;
    transition: background .35s ease-in-out;
}

.menu-box0 {
    border-right: solid 5px #14415A;
}

.menu-box1 {
    border-right: solid 5px #2DB473;
}

.menu-box2 {
    border-right: solid 5px #148287;
}

.menu-box3 {
    border-right: solid 5px #887052;
}

.menu-box4 {
    border-right: solid 5px #FAB414;
}

.menu-box4-selected {
    background: #FAB414;
}

    .menu-box4-selected a {
        color: white;
    }

.menu-boxes a i {
    line-height: 1;
}

.menu-box1.menu-boxes:hover a,
.menu-box2.menu-boxes:hover a,
.menu-box3.menu-boxes:hover a,
.menu-box4.menu-boxes:hover a,
.menu-box6.menu-boxes:hover a {
    color: white !important;
}

.services-boxes {
    border-right: solid 4px #eaeaea;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}

.fs-30 {
    font-size: 1.875rem;
}

.service-box1.services-boxes:hover {
    background: #2DB473;
    transition: background .35s ease-in-out;
}

.service-box2.services-boxes:hover {
    background: #14415A;
    transition: background .35s ease-in-out;
}

.service-box3.services-boxes:hover {
    background: #fdb832;
    transition: background .35s ease-in-out;
}

.service-box1 {
    border-right: solid 7px #2DB473;
}

.service-box2 {
    border-right: solid 7px #14415A;
}

.service-box3 {
    border-right: solid 7px #fdb832;
}

.services-boxes a i {
    line-height: 1;
}

.service-box1.services-boxes:hover a,
.service-box2.services-boxes:hover a,
.service-box3.services-boxes:hover a {
    color: white !important;
}

.prof-pic {
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 74px;
}

.thumbnail-wrapper.d60 {
    width: 70px;
    height: 70px;
}

.prof-icon {
    font-size: 0.75rem;
    vertical-align: middle;
    padding-left: 2px;
}

.b-t-none {
    border-top: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888888 !important;
    font-size: 1rem;
}

#quicksearch::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-family: 'Cairo-reg';
}

#quicksearch2::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-family: 'Cairo-reg';
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 18px !important;
    font-family: 'Cairo-reg';
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-family: 'Cairo-reg';
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-family: 'Cairo-reg';
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #888888 !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-family: 'Cairo-reg';
}

#overlay-search::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 30px !important;
    font-family: 'Cairo-reg';
    font-weight: 500;
    color: #e6e6e6 !important;
}

#overlay-search::-moz-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 30px !important;
    font-family: 'Cairo-reg';
    font-weight: 500;
    color: #e6e6e6 !important;
}

#overlay-search:-ms-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 30px !important;
    font-family: 'Cairo-reg';
    font-weight: 500;
    color: #e6e6e6 !important;
}

::-webkit-input-placeholder,
::-webkit-input-placeholder,
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888 !important;
    font-size: 14px !important;
    font-family: 'Cairo-reg';
}

::-moz-placeholder,
::-moz-placeholder,
::-moz-placeholder {
    /* Firefox 19+ */
    color: #888888 !important;
    font-size: 14px !important;
    font-family: 'Cairo-reg';
}

:-ms-input-placeholder,
:-ms-input-placeholder,
:-ms-input-placeholder {
    /* IE 10+ */
    color: #888888 !important;
    font-size: 14px !important;
    font-family: 'Cairo-reg';
}

:-moz-placeholder,
:-moz-placeholder,
:-moz-placeholder {
    /* Firefox 18- */
    color: #888888 !important;
    font-size: 14px !important;
    font-family: 'Cairo-reg';
}

.max-h-com-logos {
    max-height: 45px !important;
}

#quicksearch {
    margin-left: 7px;
    width: 78%;
    display: inline-block;
}

#quicksearch2 {
    margin-left: 7px;
    width: 74.9%;
    display: inline-block;
}

#quicksearch-serv {
    margin-left: 7px;
    width: 74.9%;
    display: inline-block;
}

.not-fav .card,
.fav .card {
    margin-bottom: 5px;
    margin-top: 5px;
}

.page-container .page-content-wrapper .content {
    padding-top: 123px;
}

.certificate-info {
    background: whitesmoke;
    padding: 15px;
    border-radius: 2px;
}

.btn-success,
.btn-success:focus {
    background-color: #2DB473 !important;
    border-color: #2DB473 !important;
    font-weight: 600;
}

.muted-icon {
    color: #c5c5c5;
}

.cond-cert {
    display: inline-block;
    float: right;
    padding-left: 10px;
}

.fs-40 {
    font-size: 2.5rem;
}

.circle {
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    display: inline-block;
    margin-left: 5px;
}

.blatiny-circle {
    background: #bdbdbd;
}

.yellow-circle {
    background: #ffeb3b;
}

.green-l-circle {
    background: #388e3c;
}

.red-circle {
    background: #f44436;
}

.my-notif {
    min-height: 220px;
}

.quick-box {
    min-height: 220px;
}

.my-info {
    min-height: 534px;
}

/*nav.page-sidebar {*/

/*    height: 85vh;*/

/*}*/

.bg-menu-box1 {
    background: #148287;
}

    .bg-menu-box1 a {
        color: white;
    }

.bg-menu-box3 {
    background: #887052;
}

    .bg-menu-box3 a {
        color: white;
    }

.bg-menu-box4 {
    background: #FAB414;
}

.bg-menu-box6 {
    background: #b98f39;
}

.menu-box6.menu-boxes:hover {
    background: #b98f39;
    transition: background .35s ease-in-out;
}

.menu-box6 {
    border-right: solid 5px #b98f39;
}

.bg-menu-box4 a {
    color: white !important;
}

.bg-menu-box5 {
    background: #2DB473;
}

    .bg-menu-box5 a {
        color: white !important;
    }

.centered-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) !important;
}

/*.btn-flag:hover{*/

/*	    background-color: transparent;*/

/*}*/

.page-sidebar .sidebar-menu .menu-items {
    overflow: hidden !important;
}

@media only screen and (min-width: 980px) {
    body.menu-pin .page-container .page-content-wrapper .footer {
        right: 185px;
    }
}

.prof-header {
    background-image: url(../img/bg3.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: right !important;
    min-height: 110px !important;
}

.bg-yellow {
    background-image: url(../img/bg-yellow2.png) !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position-y: -50px !important;
    background-position-x: -789px !important;
}

.indi-serv .header:before {
    content: " ";
    position: absolute;
    top: -291px;
    left: -20px;
    height: 400px;
    width: 790px;
    background-color: #f7b219;
    border-radius: 400px 0px;
}

.pull-right.p-r-5.fs-14.font-heading.d-lg-block {
    z-index: 10;
}

.bg-green {
    background-image: url(../img/bg-green-light.png) !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position-y: -50px !important;
    background-position-x: -789px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 15px !important;
    padding: 0;
}

.select2-container .select2-selection {
    border: none !important;
}

#service-type.select2-container .select2-selection.select2-selection--single {
    height: 40px !important;
}

.radio,
.checkbox {
    margin-top: 0;
}

.inqueries-boxes {
    min-height: 310px;
    margin-bottom: 10px;
}

.l-h-inquirytitle {
    margin-top: 0;
    min-height: 64px;
}

.bl-filter-btn {
    border-left: solid 2px whitesmoke !important;
}

nav.page-sidebar {
    height: 100%;
}

.select-serv {
    width: 75%;
    display: inline-block;
}

.notification-panel .notification-body .notification-item .heading {
    opacity: 1;
}

.more-details-inner h5 {
    color: #626262;
}

.notification-panel .notification-body .notification-item .heading.open .thumbnail-wrapper i,
.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper i {
    color: #626262;
}

.bg-menu-box1 a:visited,
.bg-menu-box1 button:visited,
.bg-menu-box1 a:focus,
.bg-menu-box1 button:focus {
    color: white;
}

.bg-menu-box2 a:visited,
.bg-menu-box2 button:visited,
.bg-menu-box2 a:focus,
.bg-menu-box2 button:focus {
    color: white;
}

.bg-menu-box3 a:visited,
.bg-menu-box3 button:visited,
.bg-menu-box3 a:focus,
.bg-menu-box3 button:focus {
    color: white;
}

.overlay {
    top: 110px;
    padding-left: 64px !important;
    padding-top: 20px;
}

.min-h-card-register {
    height: 645px;
    overflow: inherit !important;
}

.min-h-card-reset {
    height: 415px;
    overflow: inherit !important;
}

/* error pages */

/*.bottom-bg{*/

/*	    background-image: url(../assets/img/bg.png);*/

/* position: absolute; */

/* bottom: 0; */

/*background-size: 100%;*/

/*background-repeat: no-repeat;*/

/*background-position-y: 662px;*/

/*}*/

.bottom-bg {
    background-image: url(../img/homebg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 720px;
}

.error-page2 {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    text-align: center;
    /*height: 100%;*/
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
}

    .error-page2 h1 {
        font-size: 20vh;
        line-height: 150px;
        font-weight: bold;
        position: relative;
        /*margin: -8vh 0 0;*/
        padding: 0;
    }

        .error-page2 h1:after {
            content: attr(data-h1);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            color: transparent;
            /* webkit only for graceful degradation to IE */
            background: -webkit-repeating-linear-gradient(-45deg, #14415A, #148287, #2DB473, #FAB414, #F5961E);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 400%;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25);
            animation: animateTextBackground 10s ease-in-out infinite;
        }

        .error-page2 h1 + p {
            color: #d6d6d6;
            font-size: 8vh;
            font-weight: bold;
            line-height: 10vh;
            max-width: 600px;
            position: relative;
        }

            .error-page2 h1 + p:after {
                content: attr(data-p);
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                color: transparent;
                text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
            }

#particles-js {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px !important;
    line-height: 32px;
}

@keyframes animateTextBackground {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 100% 0;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 767px) {
    .error-page2 h1 {
        font-size: 32vw;
    }

        .error-page2 h1 + p {
            font-size: 8vw;
            line-height: 10vw;
            max-width: 70vw;
        }
}

/* responsive */


.w-92 {
    width: 92%;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    .d-lg-inline-block {
        display: inline-block !important;
    }

    .page-container .page-content-wrapper .content {
        padding-bottom: 80px !important;
    }

    .page-container .page-content-wrapper .footer {
        position: initial;
    }

    .menu-boxes {
        padding-bottom: 6px;
        padding-top: 15px;
    }

        .menu-boxes a {
            color: #646f79;
        }

    .bg-menu-box1 a {
        color: white;
    }

    .bg-yellow {
        background-position-y: -22px !important;
        background-position-x: -449px !important;
    }

    .pos-fix-mob {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999999999;
        /* border-top: solid 2px whitesmoke; */
        display: block;
        background: white;
    }

    .date-mob {
        display: none !important;
    }
}

/* Samsung Galaxy S8 */
@media only screen and (min-width: 360px) and (max-width: 767px) {
    .widget-1-wrapper {
        height: max-content;
    }
}

/* iPhone 5, 5s */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    div#tblCancelVisaList_filter label input, div#table1_filter label input, div#tblLaborersList_length label input, div#tblWorkPermitList_length label input, div#tblCancelVisaHistory_filter label input {
        line-height: inherit !important;
    }

    .dataTables_length label select {
        border: 0;
        margin: 0 10px;
    }

    li#languageListItems {
        float: right;
    }

    div#MainContent_divAgreement .card-body .col-12.col-md-12 {
        line-height: 1.5;
    }
    .widget-1-wrapper {
        height: max-content;
    }

    html[lang="en"]]ul#themingToggle {
        left: -114px !important;
    }

    .form-group-default .form-control {
        height: 27px;
    }

    .justify-content-center {
        text-align: center;
    }

    span.step {
        margin-right: 0px;
    }

    ul#themingToggle {
        left: -70px !important;
    }

    ul#localization-dropdown {
        margin-top: 30px !important;
        position: absolute;
    }
    /* added last */
    .m-b-100-mob {
        margin-bottom: 100px;
    }

    table.mol-new-calendar {
        display: inline-table;
    }

    .card:hover .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .companies-box .card:hover .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .companies-box .domain-comment {
        padding-top: 10px;
    }

    .gov-boxes-h .gov-boxes-content, .gov-boxes-h .card:hover .gov-boxes-content {
        padding-top: 3rem;
    }

    .gov-boxes-h .card {
        min-height: 310px !important;
    }

    #ShowProject .min-h-serv, #ShowProject p.serv-content {
        min-height: 100px !important;
        height: 100px !important;
    }

    .inquiries-boxes-main p.serv-content {
        height: 110px !important;
    }

    .header.pl-0.bg-yellow.highcontrast {
        padding: 0 15px;
    }

    .services-boxes-main .card {
        min-height: 395px !important;
    }

    .card__info {
        padding: 1rem !important;
    }

    .card .companies-content {
        padding-top: 20px;
        transition: padding-top .35s ease-in-out;
    }

    .card__description {
        max-height: 400px;
        opacity: 1;
    }

    .services-boxes-main .element-item .card {
        height: 367px !important;
    }

    .serv-box .card__info {
        top: 116px !important;
    }

    .services-boxes-main .element-item .card {
        height: 397px !important;
    }

    .card__description, .pb-services-icon .companies-icons {
        display: block !important;
        transition: opacity 1s ease-out;
        opacity: 1 !important;
    }

    .services-boxes-main .element-item .card {
        height: 358px !important;
    }

    .card:hover .companies-content {
        padding-top: 0px !important;
    }

    .card .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .bg-yellow a#theming-center, .bg-yellow a#links-center {
        color: #626262 !important;
    }

    .header.bg-yellow .pull-right.p-r-5.fs-14.font-heading.d-lg-block span {
        color: #626262 !important;
    }

    div#ServRateModal {
        top: 5% !important;
    }

    table#MainContent_ucJoiningRequestUserControl_rbLEnableSixMonthes tbody tr td {
        width: 100%;
        display: block;
    }

        table#MainContent_ucJoiningRequestUserControl_rbLEnableSixMonthes tbody tr td label:before {
            bottom: auto;
        }

    .col-md-10 .row.p-l-20 {
        padding-right: 0 !important;
    }

    .m-r-0-mob {
        margin-right: 0 !important;
    }

    .checkbox input[type=checkbox] {
        display: none;
    }

    .m-auto-mob {
        margin: auto;
    }

    div#popUpPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate {
        margin-right: auto !important;
    }

    .p-x-10-mob {
        padding-right: 10px;
        padding-left: 10px;
    }

    .container-fluid.p-r-0-mob.p-l-0-mob {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    /*.container-fluid.p-r-0-mob
  {
	padding-right: 10px !important; 
  }*/
    .p-r-10-mob {
        padding-right: 10px;
    }

    .card-body .col-xl-10.col-md-9 .row:first-child {
        padding-top: 15px;
    }

    #BPanel_MainContent_ucRequestList_dtReqToDate {
        padding-top: 10px;
    }

    body.rtl .checkbox label::after {
        right: 0.8px;
    }

    .row.justify-content-center.p-t-15 .col-md-2.text-center a.btn {
        margin-top: 10px;
    }

    .p-t-15-mob {
        padding-top: 15px;
    }


    #bpanel_MainContent_calRoleEndDate .CalPopUpPanel {
        top: 70px;
    }

    input.HijriCalendarTextbox {
        pointer-events: none;
    }

        input.HijriCalendarTextbox[readonly=readonly] {
            pointer-events: none;
            background: #f8f8f8;
        }

    .CalPopUpPanel table tbody tr th {
        font-size: 12px;
    }

    .card-body .col-md-10 .row:first-child {
        padding-top: 15px;
    }

    div#servicesCheckBoxDiv {
        height: auto !important;
    }

    .table-responsive {
        border: none;
    }

    .card-body .col-md-10 {
        padding-right: 7px;
    }

    .card-body .col-md-2 {
        padding-left: 7px;
        padding-right: 7px !important;
    }

    .modal .close {
        top: 10px !important;
        left: 0 !important;
    }

    label.notempty {
        font-size: 11px !important;
        opacity: 1 !important;
        backface-visibility: inherit !important;
        -webkit-backface-visibility: inherit !important;
    }

    span.notempty {
        font-size: 11px !important;
        opacity: 1 !important;
        backface-visibility: inherit !important;
        -webkit-backface-visibility: inherit !important;
    }

    .p-t-10-mob {
        padding-top: 10px !important;
    }

    .m-t-10-mob {
        margin-top: 10px !important;
    }

    .container-fluid.relative.animatedParent.animateOnce.p-l-0-mob.sm-padding-10 {
        padding-left: 10px !important;
    }

    .p-l-5-mob {
        padding-left: 5px !important;
    }

    .p-l-5-mob {
        padding-left: 5px !important;
    }

    .card-body .col-xl-2.col-md-3, .card-body .col-xl-10.col-md-9 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    div#popUpPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate {
        margin-right: initial;
    }

    div#popUpPanel_MainContent_ucRequestList_dtReqToDate {
        margin-right: initial;
    }

    .CalPopUpPanel {
        z-index: 9999999 !important;
    }

    div#ZakatNotification {
        top: 30% !important;
    }

    .blocker:before {
        display: none !important;
    }

    div#ZakatNotification {
        max-width: 100% !important;
    }

    div#fastAccessBox .card {
        max-height: 100%;
    }

    .powertour-step, #powertour-mask {
        display: none !important;
    }

    .CalPopUpPanel {
        width: auto !important;
    }

    span#MainContent_ServiceList1_lblSelectedEstablicshmentName {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .overlay {
        top: 0;
        padding-left: 20px !important;
        padding-top: 20px;
    }

    div#MainContent_smsConfirmation_Panel1 #closeLnk1 {
        margin-top: 9px !important;
    }

    div#divSMSConfirmationForm .modal-dialog {
        height: 430px !important;
        top: 10%;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

    div#divSMSConfirmationForm .modal-content {
        height: 425px !important;
    }

    div#walkthrough {
        display: none !important;
    }

    .collapsing, .modal, .modal-open, .progress {
        overflow: auto;
    }

    div#customToggle .notification-panel {
        width: 295px;
    }

    div#customToggle {
        left: 0px !important;
        right: -188px !important;
    }

    div#linksToggle {
        right: -155px !important;
    }

        div#linksToggle .notification-panel {
            width: 300px;
        }

    .jquery-modal.blocker.current {
        top: 0% !important;
    }
    /* added last */
    .comp-box.hover .card__info, .comp-box:hover .card__info {
        -webkit-transform: translateY(0);
        transform: translateY(11px);
    }

    .commentModal .modal-dialog, .commentServModal .modal-dialog {
        width: 95% !important;
    }

    .notification-list {
        border: none;
    }

    .min-h-card-register {
        min-height: 1000px !important;
    }

    .FooterContainer {
        padding-right: 15px;
        padding-left: 15px;
    }

    .login-box-mob {
        height: 765px !important;
    }

    .min-h-card-index {
        min-height: 495px !important;
    }

    div#MainContent_ucRequestPasswordReset_divResetPasswordForm .min-h-card-index {
        min-height: 838px !important;
    }

        div#MainContent_ucRequestPasswordReset_divResetPasswordForm .min-h-card-index .login-box-mob {
            height: 825px !important;
        }

    .page-container .page-content-wrapper .content {
        padding-bottom: 80px !important;
    }

    .page-container .page-content-wrapper .footer {
        position: initial;
    }

    .menu-boxes {
        padding-bottom: 6px;
        padding-top: 15px;
    }

        .menu-boxes a {
            color: #646f79;
        }

    .bg-menu-box1 a {
        color: white;
    }

    .pos-fix-mob {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999999999;
        /* border-top: solid 2px whitesmoke; */
        display: block;
        background: white;
    }

    .sm-gutter .row > [class^="col-"], .sm-gutter .row > [class*="col-"] {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .tools-width {
        width: 260px !important;
    }
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 	.banners-h {*/

/*    height: 95px !important;*/

/*}*/

/*img.b-rad-1 {*/

/*    width: 300px;*/

/*}*/

/*			.modal-content {*/

/*    width: 35.8%;*/

/*}}*/

/* iPhone 6, 7, & 8 in portrait & landscape */

@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
        html .ltr ul#themingToggle {
        left: -114px !important;
    }

    div#modalFAQ {
        top: 0 !important;
    }

    .page-sidebar {
        display: none;
    }

    body.menu-pin .page-container .page-content-wrapper .content {
        padding-right: 0;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
    /*	.notif-mob{*/
    /*    transform: translate3d(-109px, 18px, 0px) !important;*/
    /*			width: 340px;*/
    /*		}*/
    /*.quick-mob{*/
    /*    transform: translate3d(-72px, 18px, 0px) !important;*/
    /*    width: 340px;    */
    /*}*/
    /*.tools-mob{*/
    /*    transform: translate3d(-20px, 18px, 0px) !important;*/
    /*}*/
    span.step {
        margin-right: 0px;
    }

    .justify-content-center {
        text-align: center;
    }
    /* added last */
    .FooterContainer {
        padding-bottom: 70px;
    }
    /* added last */
    .error-page .error-container {
        margin-top: 0px;
    }

    .bottom-bg {
        background-position-y: 660px;
    }

    .control-mob {
        width: 378px;
    }

    .logo-inside {
        width: 340px !important;
        padding-top: 78px;
    }

    .p-l-0-mob {
        padding-left: 0px !important;
    }
}

/* iPhone 6, 7, & 8 Plus in portrait & landscape */

@media only screen and (min-width: 414px) and (max-width: 736px) {

    div#modalFAQ {
        top: 0 !important;
    }

    span.step {
        margin-right: 0px;
    }
    /* added last */
    .justify-content-center {
        text-align: center;
    }

    .FooterContainer {
        padding-bottom: 70px;
    }
    /* added last */
    .p-b-10-mob {
        padding-bottom: 10px;
    }

    .p-b-20-mob {
        padding-bottom: 20px;
    }

    .bottom-bg {
        background-position-y: 727px;
    }

    .notif-mob {
        width: 385px;
    }

    .quick-mob {
        transform: translate3d(-75px, 18px, 0px) !important;
        width: 385px;
    }

    .tools-mob {
        transform: translate3d(-6px, 18px, 0px) !important;
    }

    .control-mob {
        width: 378px;
    }

    .user-dd {
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 99;
        text-align: left;
    }

    .tools-inner {
        height: 75px !important;
    }

    .profile-dropdown:before {
        left: 24px;
        right: auto;
    }

    .profile-dropdown:after {
        left: 25px;
        right: auto;
    }

    .p-l-0-mob {
        padding-left: 0px !important;
    }

    .p-r-5-mob {
        padding-right: 5px !important;
    }
}

@media (max-width: 480px) {
    /* added last */
    div#walkthrough {
        display: none !important;
    }

    .jquery-modal.blocker.current {
        top: 0% !important;
    }

    .commentModal .modal-dialog, .commentServModal .modal-dialog {
        width: 95%;
    }
    /* added last */
    .menu-boxes a p {
        font-size: 10px !important;
    }

    .menu-boxes a i {
        font-size: 25px;
    }

    .notification-list {
        border: none;
    }

    .bg-yellow {
        background-image: none !important;
    }

    .bg-green {
        background-image: none !important;
    }

    .tools-users {
        background: #f6b31a !important;
        height: 73px;
    }

    .tools-gov {
        background: #005029 !important;
        height: 73px;
    }

    .p-b-10-mob {
        padding-bottom: 10px;
    }

    .p-b-20-mob {
        padding-bottom: 20px;
    }

    .page-container .page-content-wrapper .footer {
        position: initial;
    }

    .brand.inline img {
        width: 270px;
        /*padding-top: 35px;*/
    }

    body.menu-pin .header .brand {
        width: 247px;
    }

    .menu-boxes {
        padding-bottom: 6px;
        padding-top: 15px;
    }

        .menu-boxes a {
            color: #646f79;
        }

    .bg-menu-box1 a {
        color: white;
    }

    .pos-fix-mob {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99999999;
        /* border-top: solid 2px whitesmoke; */
        display: block;
        background: white;
    }

    .sidebar-header .index-logo-mob img {
        padding-top: 13px !important;
    }

    .quick-mob.show {
        width: auto;
    }

    .p-l-r-0-mob {
        padding-left: 0px !important;
        padding-left: 0px !important;
    }

    .p-l-0-mob {
        padding-left: 0px !important;
    }

    .p-r-0-mob {
        padding-right: 0px !important;
    }

    .menu-box0 {
        border-bottom: solid 5px #14415A;
        border-right: none !important;
    }

    .menu-box1 {
        border-bottom: solid 5px #2DB473;
        border-right: none !important;
    }

    .menu-box2 {
        border-bottom: solid 5px #148287;
        border-right: none !important;
    }

    .menu-box3 {
        border-bottom: solid 5px #887052;
        border-right: none !important;
    }

    .menu-box4 {
        border-bottom: solid 5px #FAB414;
        border-right: none !important;
    }

    .card-title {
        margin-bottom: .75rem !important;
    }

    .card:hover .companies-content {
        padding-top: 25px;
    }

    .bubble-side-bar {
        top: 15px;
        left: 13px;
        line-height: 1.6;
    }

    .sidebar-header img {
        padding-top: 65px !important;
    }

    .menu-icon {
        font-size: 31px !important;
    }

    body.menu-pin .page-sidebar {
        width: 100% !important;
        z-index: 9999;
    }

    .side-menu-icon {
        position: absolute;
        top: 20px;
        left: 20px;
    }
    /*header*/
    body .header {
        height: 180px;
        position: inherit !important;
    }

    body.menu-pin .page-sidebar {
        width: 240px;
    }

    .page-container .page-content-wrapper .content {
        padding-top: 0px;
    }

    .logo-out {
        width: 290px !important;
        padding-top: 39px;
    }

    .dis-block-mob {
        display: block !important;
    }

    .header .brand {
        width: auto;
    }

    .tools {
        background: #f5f5f5;
        padding: 5px;
        top: 0 !important;
        left: 0;
        padding-bottom: 8px;
        text-align: left !important;
        width: 100%;
    }

    .brand.inline {
        padding: 0 !important;
    }

    .min-h-card-index {
        min-height: 495px;
    }

    .header .search-link {
        line-height: inherit;
        width: 30px !important;
    }

    .notification-list {
        display: inline-block !important;
        padding: 0 !important;
    }

    a.search-link {
        border: none;
        display: inline-block !important;
        padding: 0 !important;
    }

    .date-mob {
        display: inline;
        padding-right: 10px !important;
    }

        .date-mob span {
            display: none;
        }

    .dis-none-mob {
        display: none !important;
    }
    /*.notif-mob{*/
    /*    transform: translate3d(-121px, 18px, 0px) !important;*/
    /*    width: 310px;*/
    /*}*/
    /*.quick-mob{*/
    /*    transform: translate3d(-83px, 18px, 0px) !important;*/
    /*    width: 310px;*/
    /*}*/
    /*.tools-mob{*/
    /*    transform: translate3d(221px, 18px, 0px) !important;*/
    /*    width: 10px;*/
    /*}*/
    /*.control-mob{*/
    /*	    transform: translate3d(-241px, 25px, 0px);*/
    /*    width: 360px;*/
    /*}*/

    .m-b-10-mob {
        margin-bottom: 10px !important;
    }

    .overlay {
        padding-right: 20px;
        padding-left: 20px;
        z-index: 999999;
    }

        .overlay .overlay-close {
            position: absolute;
            left: 0px;
            top: 0px;
        }

    .m-t-search-mob {
        margin-top: 22px;
    }

    .m-b-0-mob {
        margin-bottom: 0;
    }

    .m-b-20-mob {
        margin-bottom: 20px;
    }

    .p-r-0-mob {
        padding-right: 0 !important;
    }

    .p-t-0-mob {
        padding-top: 0 !important;
    }

    .p-r-30-mob {
        padding-right: 30px !important;
    }

    .p-l-35-mob {
        padding-left: 35px !important;
    }

    .p-r-35-mob {
        padding-right: 35px !important;
    }
    /*    .page-sidebar .sidebar-header {*/
    /*    display: none;*/
    /*}*/
    .page-sidebar {
        background-color: #ffffff;
    }

    .sidebar-menu {
        padding: 10px;
        padding-top: 120px;
        padding-right: 0px;
        border-left: solid 1px whitesmoke;
        padding-left: 0 !important;
    }

    .bubble-side-bar {
        top: 15px;
        left: 13px;
        line-height: 1.6;
    }

    nav.page-sidebar {
        height: 100%;
    }

    .toggle-sidebar {
        float: right;
        vertical-align: middle;
        line-height: 1.4;
        padding-right: 10px !important;
    }

    .b-t-b-mob {
        border-bottom: solid 1px #f5f5f5;
        border-top: solid 1px #f5f5f5;
    }

    .b-b-mob {
        border-bottom: solid 1px #f5f5f5;
    }

    .b-none-mob {
        border: none;
    }

    .p-l-0-mob {
        padding-left: 0px !important;
    }

    .p-l-20-mob {
        padding-left: 20px !important;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .p-t-mob {
        padding-top: 140px !important;
    }

    .menu-icon {
        font-size: 1.938rem;
        vertical-align: middle;
        line-height: 0;
    }

    .fs-20-mob {
        font-size: 20px !important;
    }

    .min-h-card-register {
        min-height: 720px;
    }

    .user-dd {
        position: absolute;
        left: 0;
        top: 35px;
        z-index: 99;
        text-align: left;
    }

    .tools-inner {
        height: 75px !important;
        width: 100%;
    }

    .logo-inside {
        width: 290px !important;
        padding-top: 78px;
    }

    .profile-dropdown:before {
        left: 24px;
        right: auto;
    }

    .profile-dropdown:after {
        left: 25px;
        right: auto;
    }

    .p-r-5-mob {
        padding-right: 5px !important;
    }

    .tools-inner {
        height: 75px !important;
        padding-left: 12px;
    }

    .row.kayan-pers div {
        padding-bottom: 10px;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .sm-gutter .row > [class^="col-"], .sm-gutter .row > [class*="col-"] {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    #quicksearch {
        margin-left: 7px;
        width: 57%;
    }

    #filters button {
        padding: 11px;
    }
}
/* added last */
/* Galaxy S5 portrait and landscape */
@media screen and (device-width: 360px) and (device-height: 640px) {
    div#modalFAQ {
        top: 0 !important;
    }

    div#popUpPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate {
        margin-right: initial;
    }

    div#popUpPanel_MainContent_ucRequestList_dtReqToDate {
        margin-right: initial;
    }

    .CalPopUpPanel {
        z-index: 9999999 !important;
    }

    div#ZakatNotification {
        top: 30% !important;
    }

    .blocker:before {
        display: none !important;
    }

    div#ZakatNotification {
        max-width: 275px !important;
    }

    div#fastAccessBox .card {
        max-height: 100%;
    }

    .powertour-step, #powertour-mask {
        display: none !important;
    }

    .container-fluid.relative.animatedParent.animateOnce.p-l-0-mob.sm-padding-10 {
        padding-left: 10px !important;
    }

    .overlay {
        top: 0;
        padding-left: 20px !important;
        padding-top: 20px;
    }

    div#MainContent_smsConfirmation_Panel1 #closeLnk1 {
        margin-top: 9px !important;
    }

    div#divSMSConfirmationForm .modal-dialog {
        height: 400px !important;
        top: 25%;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

    div#divSMSConfirmationForm .modal-content {
        height: 395px !important;
    }

    .text-right-mob {
        text-align: right !important;
    }

    span#MainContent_ServiceList1_lblSelectedEstablicshmentName {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    div#walkthrough {
        display: none !important;
    }

    .modal-backdrop.show {
        display: none !important;
    }

    .collapsing, .modal, .modal-open, .progress {
        overflow: auto;
    }

    #quicksearch {
        margin-left: 7px;
        width: 62%;
    }

    .commentModal .modal-dialog, .commentServModal .modal-dialog {
        width: 95% !important;
    }

    .jquery-modal.blocker.current {
        top: 0% !important;
    }

    .inq-search, .faq-search-mob {
        width: 100% !important;
    }

    .CalPopUpPanel {
        width: auto !important;
    }
}
/* added last */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .min-h-card-register {
        min-height: 750px;
    }

    .min-h-card-register {
        min-height: max-content !important;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .page-container .page-content-wrapper .content {
        padding-top: 123px !important;
    }

    .pos-fix-mob.dis-block-mob {
        display: block !important;
        bottom: -1px;
    }
}



/*ipad*/
@media only screen and (min-device-height: 1024px) and (max-device-width: 1366px) {
    .dataTables_wrapper .dataTables_info {
        float: none;
    }

    .fs-14-ipad {
        font-size: 14px;
    }

    .fs-13-ipad {
        font-size: 13px;
    }

    .fs-15-ipad {
        font-size: 15px;
    }

    .services-boxes-main-ipad .comp-box.hover .card__info, .services-boxes-main-ipad .comp-box:hover .card__info {
        -webkit-transform: unset;
        transform: unset;
    }

    .services-boxes-main-ipad .domain-comment {
        padding-top: 20px;
    }

    .services-boxes-main-ipad .comp-box:hover .domain-comment {
        padding-top: 20px !important;
    }

    .services-boxes-main-ipad .card.no-border.comp-box h4.l-h-company {
        height: 100px;
    }

    .services-boxes-main-ipad.gov-boxes-h .min-h-gov-cont {
        min-height: 87px;
    }

    .services-boxes-main-ipad.gov-boxes-h .serv-box .card__info {
        top: 136px !important;
    }

    .gov-boxes-h .inquiries-boxes-main-ipad .card {
        min-height: 365px !important;
    }

    .services-boxes-main-ipad.gov-boxes-h .card {
        min-height: 295px !important;
    }

    .gov-boxes-content {
        padding-top: 0.5rem !important;
        transition: padding-top .35s ease-in-out !important;
    }

    .services-boxes-main-ipad .min-h-gov-cont {
        min-height: 57px;
    }

    .services-boxes-main-ipad .min-h-serv، .inquiries-boxes-main-ipad .min-h-serv {
        min-height: 153px !important;
    }

    .services-boxes-main-ipad .serv-content label, .services-boxes-main-ipad p.serv-content {
        height: 140px !important;
    }

    .inquiries-boxes-main-ipad .min-h-serv {
        min-height: 70px;
    }

    .inquiries-boxes-main-ipad .serv-content label, .inquiries-boxes-main-ipad p.serv-content {
        height: 70px !important;
    }

    .services-boxes-main-ipad .card .companies-content, .inquiries-boxes-main-ipad .card .companies-content {
        padding-top: 20px !important;
    }

    .services-boxes-main-ipad .card {
        min-height: 395px !important;
    }

    .inquiries-boxes-main-ipad .card {
        min-height: 315px !important;
    }

    .services-boxes-main-ipad .card__info, .inquiries-boxes-main-ipad .card__info {
        padding: 1rem !important;
    }

    .services-boxes-main-ipad .card .companies-content, .inquiries-boxes-main-ipad .card .companies-content {
        padding-top: 20px;
        transition: padding-top .35s ease-in-out;
    }

    .services-boxes-main-ipad .card__description, .inquiries-boxes-main-ipad .card__description {
        max-height: 400px;
        opacity: 1;
    }

    .services-boxes-main-ipad .services-boxes-main .element-item .card, .inquiries-boxes-main-ipad .services-boxes-main .element-item .card {
        height: 367px !important;
    }

    .services-boxes-main-ipad .serv-box .card__info, .inquiries-boxes-main-ipad .serv-box .card__info, .ind-serv-ipad .serv-box .card__info {
        top: 156px !important;
    }

    .services-boxes-main-ipad .services-boxes-main .element-item .card, .inquiries-boxes-main-ipad .services-boxes-main .element-item .card {
        height: 397px !important;
    }

    .services-boxes-main-ipad .card__description, .services-boxes-main-ipad .pb-services-icon .companies-icons, .inquiries-boxes-main-ipad .card__description, .inquiries-boxes-main-ipad .pb-services-icon .companies-icons, .ind-serv-ipad .pb-services-icon span, .ind-serv-ipad .card__description {
        display: block !important;
        transition: opacity 1s ease-out;
        opacity: 1 !important;
    }

    .services-boxes-main-ipad .services-boxes-main .element-item .card, .inquiries-boxes-main-ipad .services-boxes-main .element-item .card {
        height: 358px !important;
    }

    .services-boxes-main-ipad .card .companies-content h4, .inquiries-boxes-main-ipad .card .companies-content h4 {
        margin: 10px 0 !important;
        line-height: 33.88px !important;
        font-size: inherit !important;
    }

    input#quicksearch-serv {
        width: 78% !important;
    }

    table#MainContent_ucJoiningRequestUserControl_rbLEnableSixMonthes tbody tr td label:before {
        bottom: auto;
    }

    div#divSelEstName {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    button.close {
        font-size: 1.9rem !important;
    }

    p {
        font-size: 0.9rem !important;
    }

    input, button, select, textarea {
        font-size: 0.9rem !important;
    }

    table tbody tr th {
        font-size: 16px !important;
    }

    .p-t-0-ipad {
        padding-top: 0 !important;
    }

    .checkbox input[type=checkbox] {
        display: none;
    }


    .p-b-20-ipad {
        padding-bottom: 20px;
    }

    .p-b-10-ipad {
        padding-bottom: 10px;
    }

    .p-b-30-ipad {
        padding-bottom: 30px;
    }

    div#servicesCheckBoxDiv {
        height: auto !important;
    }

    .or-btween-fields {
        position: inherit !important;
    }

    a#MainContent_EstablishmentInfo2_rpEntities_lbEntity_0 .companies-content {
        min-height: 95px;
    }

        a#MainContent_EstablishmentInfo2_rpEntities_lbEntity_0 .companies-content .card__info .card__description {
            color: white !important;
        }

    .p-l-5-ipad {
        padding-left: 5px !important;
    }

    .search-serv-bar {
        width: 81% !important;
    }

    .jquery-modal.blocker.current {
        top: 0% !important;
        z-index: 99999999999 !important;
        background: #0000006e !important;
    }

    .search-com {
        width: 82% !important;
    }

    .h-dash-box {
        min-height: 160px;
    }

    .carousel.slide.full-height {
        width: 100%;
    }

    .second-input2, .second-input {
        border-bottom: none !important;
    }

    .min-h-card-pass {
        height: 510px !important;
    }

    #quicksearch-serv {
        width: 67.9%;
    }

    .filter-col.item {
        min-height: 120px;
    }

    .owl-carousel.owl-rtl {
        margin: 0;
    }

    .row.kayan-pers div {
        padding-bottom: 10px;
    }

    #quicksearch {
        width: 61.9%;
    }

    .select-serv {
        width: 70%;
    }

    .p-r-35-ipad {
        padding-right: 35px !important;
    }

    .b-rad-1 {
        width: 100%;
    }

    .banners-h {
        height: 235px !important;
    }

    .certificate-info {
        min-height: 110px;
    }
    /*.p-l-0-ipad{*/
    /*	padding-right: 0 !important;*/
    /*}*/
    .menu-icon {
        vertical-align: -webkit-baseline-middle;
        font-size: 21px !important;
    }

    .side-menu-icon {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .date-mob {
        display: inline-block;
    }

    .min-h-card-index {
        min-height: auto;
        margin-bottom: 10px;
    }
        /*.min-h-card-index {
	min-height: 615.4px;
  }*/
        .min-h-card-index .card {
            min-height: auto;
        }
    /* .login-box-mob {
	height: 590px !important;
  }*/
    .overlay {
        z-index: 999999;
        padding-top: 100px;
    }

    .min-h-card-register {
        height: 820px;
    }

    .m-b-10-ipad {
        margin-bottom: 10px !important;
    }

    .bubble-side-bar {
        line-height: 1.5;
        top: 10px;
        left: 56px;
    }

    .profile-dropdown:before {
        left: 24px;
        right: auto;
    }

    .profile-dropdown:after {
        left: 25px;
        right: auto;
    }

    .tools {
        left: 0px;
    }

    .control-mob {
        width: 360px;
    }

    .notif-mob {
        width: 360px;
    }

    .quick-mob {
        width: 360px;
    }

    .b-none-mob {
        border: none;
    }

    .p-r-5-mob {
        padding-right: 5px !important;
    }

    .brand.inline {
        padding-right: 15px !important;
    }

    .cap-ipad img {
        height: 43px !important;
    }

    .or-btween-fields {
        left: 4px !important;
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 16px;
    }

    .bottom-bg {
        background-position-y: 760px;
    }

    .notification-card {
        min-height: 193px;
    }

    .p-t-10-ipad {
        padding-top: 10px;
    }

    .text-right-mob {
        text-align: right !important;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .min-h-appoint {
        min-height: 330px;
    }

    .date-user-dash {
        display: inline-block !important;
    }

    .bg-yellow {
        background-position-y: -31px !important;
        background-position-x: -499px !important;
    }

    .bg-green {
        background-position-y: -22px !important;
        background-position-x: -499px !important;
    }

    .text-right-ipad {
        text-align: right !important;
    }

    .text-left-ipad {
        text-align: left !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .bg-yellow {
        background-position-y: -14px !important;
        background-position-x: -400px !important;
    }

    .page-container .page-content-wrapper .content {
        overflow-x: inherit;
        height: auto;
    }

    .bg-green {
        background-position-y: -14px !important;
        background-position-x: -400px !important;
    }

    #quicksearch-serv {
        width: 57.9%;
    }

    .kayan-box:hover {
        height: 80px !important;
    }

    .notification-card {
        min-height: 233px;
    }

    .banners-h {
        height: 215px !important;
    }

    .error-page2 h1 {
        font-size: 18vh;
    }

    .bottom-bg {
        background-position-y: 1010px;
    }

    .page-container .page-content-wrapper .footer {
        position: inherit;
    }

    .page-container .page-content-wrapper .content:only-child {
        padding-bottom: 70px;
    }

    body.menu-pin .header .brand {
        width: 247px;
    }

    .menu-box0 {
        border-bottom: solid 5px #14415A;
        border-right: none !important;
    }

    .menu-box1 {
        border-bottom: solid 5px #2DB473;
        border-right: none !important;
    }

    .menu-box2 {
        border-bottom: solid 5px #148287;
        border-right: none !important;
    }

    .menu-box3 {
        border-bottom: solid 5px #887052;
        border-right: none !important;
    }

    .menu-box4 {
        border-bottom: solid 5px #FAB414;
        border-right: none !important;
    }

    .bg-menu-box1 {
        border-bottom: solid 5px #14415A;
    }

    .p-l-0-ipad {
        padding-left: 0px !important;
    }

    body.menu-pin .page-sidebar {
        /* width: 100% !important; */
        z-index: 9999;
    }

    .p-l-r-0-ipad {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .p-r-0-ipad {
        padding-right: 0px !important;
    }

    .menu-boxes {
        padding-bottom: 6px;
        padding-top: 15px;
    }

        .menu-boxes a {
            color: #646f79;
        }

    .bg-menu-box1 a {
        color: white;
    }

    .pos-fix-mob {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99999999;
        /* border-top: solid 2px whitesmoke; */
        display: block;
        background: white;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .date-user-dash {
        display: none !important;
    }

    .date-mob {
        display: none !important;
    }

    .FooterContainer {
        margin-bottom: 72px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .login-box-mob {
        height: 605px !important;
    }

    .overlay {
        z-index: 999999;
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .overlay {
        z-index: 999999;
        padding-top: 100px;
    }

    .page-container .page-content-wrapper .footer {
        bottom: auto;
    }
}

.radio label,
.checkbox label {
    font-family: 'Cairo-two' !important;
}

.min-h-card-reset {
    height: 465px;
}

td.mol-normal-day {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #f8f8f8 !important;
    height: 0px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
}

    td.mol-normal-day a {
        text-decoration: none !important;
        background-color: transparent !important;
        font-size: 1rem;
    }

.mol-new-calendar {
    background-color: #fbfbfb !important;
    border: 0px solid #d1d1d1 !important;
    width: 100% !important;
    border-width: 0 !important;
}

td.SelectedDay {
    padding: 0 !important;
    line-height: 24px !important;
    background-color: #29774E !important;
}

.mol-year-list {
    margin-top: 0px !important;
    width: 80px !important;
    margin-left: 0px !important;
}

#CalendarTopTable td {
    vertical-align: middle !important;
}

.mol-form select {
    outline: none !important;
}

.CalPopUpPanel {
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mol-new-calendar td {
    text-align: center !important;
    /* padding: 4px 5px !important; */
}

.mol-new-calendar tbody tr td {
    border-left: 1px solid #e5e5e5;
}

.mol-new-calendar th {
    font-size: 11px !important;
    text-align: center !important;
    /* padding: 4px 5px !important; */
}

.CalPopUpPanel {
    /*width: 350px ;*/
    width: auto;
    z-index: 9999999 !important;
}

    .CalPopUpPanel div {
        /* background-color: #14415A!important;
  border-width: 0 !important; */
        background-color: #efefef !important;
        border-width: 0 !important;
    }

#CalendarTopTable select {
    background-color: white;
}

table#daysHeaders {
    display: inline-table;
}

/*.mol-new-calendar tbody tr:first-child {
	background-color: #14415A;
	color: #fff;
}*/
table#daysHeaders {
    background-color: #14415A;
    color: #fff;
    border: 0px solid #d1d1d1 !important;
    width: 100% !important;
    text-align: center;
}
/* .CalPopUpPanel td,
.CalPopUpPanel th {
  padding: 3px 3px 3px 3px !important;
} */

.CalPopUpPanel select {
    height: 35px !important;
    border-radius: 10px !important;
    border: 2px solid #14415A !important;
    outline: none;
    display: block !important;
    font-size: 0.875rem;
}

.CalPopUpPanel .select-wrapper input.select-dropdown {
    display: none !important;
}

.CalPopUpPanel .mdi-navigation-arrow-drop-down:before {
    display: none !important;
}

input.SmartCalendarTextbox {
    /* min-width: 369px;
	max-width: 327px; */
    width: 100%;
    /* margin-left: 14px; */
    height: 54px !important;
    display: inline-block;
    padding-top: 27px;
}

#CalendarTopTable select {
    border: none !important;
    min-width: 90px;
    border-radius: 3px !important;
    margin-left: 0;
    width: 100%;
}

input.HijriCalendarTextbox {
    /* min-width: 369px;
  max-width: 327px; */
    width: 100%;
    height: 54px !important;
    margin-top: 10px;
    padding: 8px 12px;
}

table#MainContent_BasicInfo1_scManageUserProfileBirthDate tbody {
    border: none !important;
}

.CalPopUpPanel td, .CalPopUpPanel th {
    padding: 3px 3px 3px 3px !important;
}

/* div#popUpPanel_MainContent_BasicInfo1_scManageUserProfileBirthDate .select2 {
  display: none;
} */

table#MainContent_BasicInfo1_scManageUserProfileBirthDate tbody tr td {
    padding: 6px !important;
}

.mol-new-calendar tbody tr td:last-child {
    border-left: 0;
}

table#CalendarTopTable tbody tr td {
    padding-right: 8px !important;
}

table#CalendarTopTable td a {
    /* float: left !important; */
    color: black !important;
}

.spacer {
    margin-left: 5px;
}

.heightadjust {
    height: 55px;
}

.alert-color {
    color: red;
}

.modal {
    top: 30% !important;
}


/* .radio-style{
	font-style: italic;
} */

.alert-validation {
    color: #d00000;
    font-size: 0.875rem;
    padding-bottom: 10px;
}

.divvariableChanger {
    height: 60px;
}

.textboxheight {
    height: 42px;
}

.controlsheight {
    margin-top: 27px;
}

.spacerdown {
    padding-bottom: 15px;
}

.SmartCalendarTextbox {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 12px;
    font-size: 0.875rem;
    font-weight: normal;
    vertical-align: middle;
    box-shadow: none;
    -webkit-border-radius: 2px;
    height: 38px !important;
}

.HijriCalendarTextbox {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    font-size: 0.875rem;
    font-weight: normal;
    vertical-align: middle;
    box-shadow: none;
    -webkit-border-radius: 2px;
    height: 38px !important;
}

#txtSelectedDate {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    font-size: 0.875rem;
    font-weight: normal;
    vertical-align: middle;
    box-shadow: none;
    -webkit-border-radius: 2px;
    height: 38px !important;
    /* margin-bottom: 15px; */
}

.calendarmargin {
    margin-top: -6px;
}

.textheight2 {
    max-height: 50px;
}

.selectheigt {
    max-height: 41px;
}

.userdropdown {
    width: 150px !important;
    position: fixed !important;
    height: 190px !important;
    top: 107.25px !important;
    left: 3.4219px !important;
    opacity: 1;
    overflow: hidden !important;
}

body.indi-serv .userdropdown {
    width: 150px !important;
    position: fixed !important;
    height: 148px !important;
    top: 107.25px !important;
    left: 3.4219px !important;
    opacity: 1;
    overflow: hidden !important;
}

.userdropdown2 {
    margin-top: -7px;
    margin-left: 5px;
}

tr.grid_footer_paging td table tbody tr td {
    border-bottom: none !important;
    border: none !important;
    border-width: 0 !important;
    padding: 10px !important;
}

tr.grid_footer_paging td table tbody tr {
    border-bottom: none !important;
    border: none !important;
    border-width: 0 !important;
}

.grid_footer_label {
    margin-right: inherit;
    padding-top: 10px;
}

.card.hover .card__description, .card:hover .pb-services-icon .companies-icons {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}

.serv-content label, p.serv-content {
    height: 190px;
    overflow: hidden;
    overflow-y: auto;
    text-align: justify;
}

.companies-content .card__info .card__description {
    padding-top: 0 !important;
}

.card:hover .companies-content h4 {
    margin: 0;
    line-height: inherit;
    font-size: 18px !important;
    transition: font-size .35s ease-in-out;
}

.card:hover .serv-content h4 {
    min-height: 50px;
}

.modalfix {
    top: -5% !important;
}

.tabs {
    overflow: hidden !important;
    width: 100% !important;
}

.tab {
    display: inline-block !important;
    background: gainsboro;
    border-radius: 20px;
}

.kayan-box:hover .companies-content {
    padding-top: 0 !important;
    transition: padding-top .35s ease-in-out !important;
}

.kayan-box .card__info {
    top: 0 !important;
}

.kayan-box.hover .card__info,
.kayan-box:hover .card__info {
    -webkit-transform: translateY(15px) !important;
    transform: translateY(15px) !important;
}

.kayan-box .companies-content {
    padding-top: 0 !important;
}

/*    .card:hover {*/

/*    height: 90px;*/

/*}*/

.kayan-box {
    height: 47px !important;
    transition: opacity 0.3s ease, height 0.2s !important;
    color: white !important;
    margin-bottom: 10px !important;
}

.kayan-box-h-green {
    /* background: #388e3c !important; */
}

.kayan-box-med-green {
    background: #66bb69 !important;
}

.kayan-box-red {
    background: #f44436 !important;
}

.kayan-box .card__info .card__description p {
    color: white !important;
}

.kayan-box:hover {
    height: 80px !important;
    transition: opacity 0.3s ease, height 0.2s !important;
}

.badge-success {
    background-color: #609e4d;
}

select.select-footable {
    height: 47px !important;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.form-group-default.required:after {
    z-index: 99;
}

.table tbody tr td {
    font-size: 0.9375rem;
}

label,
input,
button,
select,
textarea {
    font-size: 1rem;
}

.nav-tabs > li > a {
    padding: 13px 0px 13px 10px;
    font-family: 'Cairo-reg';
    font-weight: 600;
    letter-spacing: 0;
    font-size: 14.5px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: rgba(98, 98, 98, 0.73);
}

.nav-tabs-simple > li > a:after {
    background-color: #2DB473;
}

.radio label,
.checkbox label {
    font-size: 0.9375rem;
}

body.rtl .checkbox.addCommCheck label::after {
    right: 2.8px;
}

textarea {
    font-size: 15px !important;
}

.accord-title,
.accord-title:hover {
    border-right: solid 3px #8b704d !important;
    border-radius: 0 !important;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.125rem;
}

.accord-body {
    padding: 10px !important;
    font-size: 1rem;
    border: none;
    background: none;
    border-right: solid 3px rgba(0, 0, 0, 0.1);
}

    .accord-body ol {
        padding-inline-start: 15px;
        margin: 0;
    }

.b-none {
    border: none !important;
}

p {
    font-size: 1rem;
}

.radio label,
.checkbox label {
    font-size: 0.9375rem;
}

body.rtl .checkbox.addCommCheck label::after {
    right: 2.8px;
}

textarea {
    font-size: 15px !important;
}

.accord-title,
.accord-title:hover {
    border-right: solid 3px #00713f !important;
    border-radius: 0 !important;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1rem;
}

.accord-body {
    padding: 10px !important;
    font-size: 1rem;
    border: none;
    background: none;
    border-right: solid 3px rgba(0, 0, 0, 0.1);
}

body.rtl .inquiry-check label::after {
    right: 2.8px !important;
}

.checkbox input[type="checkbox"]:focus {
    background-color: #4b9f3f;
}

.procedures-boxes-h .card {
    min-height: 220px;
}

.procedures-box.hover .card__info {
    -webkit-transform: translateY(-12px) !important;
    transform: translateY(-12px) !important;
}

.procedures-boxes-content {
    padding-top: 2.3rem;
    transition: padding-top .35s ease-in-out;
    width: 100%;
}

.card:hover .procedures-boxes-content {
    padding-top: 1rem;
    transition: padding-top .35s ease-in-out;
    width: 100%;
}

.procedures-boxes-content .card__info {
    top: 145px;
}

.serv-box:hover .select-footable {
    background-color: #f6f6f6 !important;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: #2c2c2c;
    outline: 0;
    padding: 9px 12px;
    line-height: normal;
    font-size: 0.875rem;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    /* border-radius: 0 !important; */
    height: 42px;
    color: #2c2c2c;
}

.table thead tr th:first-child {
    padding-right: 1.4rem !important;
}

span.fooicon.fooicon-sort,
span.fooicon.fooicon-sort-asc,
span.fooicon.fooicon-sort-desc {
    font-family: "mlsd-eservices" !important;
}

.fooicon-sort:before {
    content: "\e06d" !important;
}

.fooicon-sort-asc:before {
    content: "\e06e" !important;
}

.fooicon-sort-desc:before {
    content: "\e06f" !important;
}

.mailbox-btn {
    background: #14415A !important;
    color: white !important;
    transition: .35s ease-in-out !important;
}
/*
.mailBox-filter {
	position: absolute;
	left: 8px;
}
*/
.mail-btns {
    border: solid 1px #ededed !important;
}

.mailbox-btn {
    border: none !important;
}

.mailBox-filter button:first-child {
    border-radius: 0 4px 4px 0 !important;
}

.mailBox-filter button:last-child {
    border-radius: 4px 0 0 4px !important;
}

.bg-menu-box3 a,
.bg-menu-box3 i {
    color: white !important;
}

@media only screen and (min-width: 375px) and (max-width: 760px) {
    .export-btn {
        display: none;
    }

    tr.footable-filtering th form .form-group,
    tr.footable-filtering th form .form-group select {
        width: 100% !important;
    }

    .mailBox-filter {
        position: inherit;
        left: auto;
        top: auto;
    }
}

.wtcolor {
    color: white;
}

.spacerdown2 {
    margin-bottom: 25px;
}

.spacerleft {
    margin-left: 5%;
}

.hidesidebar {
    display: none;
}

.spacerright2 {
    margin-right: 11px;
}

@media (max-width: 767px) {
}

.bg-success {
    background-color: #2DB473 !important;
}

.bg-success-dark {
    background-color: #14415A !important;
}

.bg-success-dark {
    background-color: #14415A !important;
}

.bg-yellow {
    background-color: #FAB414 !important;
}

.bg-brown {
    background-color: #887052 !important;
}

.faq-boxes {
    min-height: 255px;
}

.l-h-faqtitle {
    min-height: 124px;
    height: 128px;
    overflow-y: auto;
}

.img-news {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 3px;
}

    .img-news img {
        top: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
    }

.commentModal .modal-dialog {
    max-width: 100%;
    width: 70%;
    top: 20%;
}

.modal.commentModal .modal-header {
    border-bottom: #e6e6e6 solid 1px;
    padding: 25px 25px 25px 25px;
}

.modal.commentModal .modal-body {
    padding-top: 25px;
    padding-bottom: 25px;
}

div#divSMSConfirmationForm .modal-dialog .modal-content .modal-header.b-b.b-grey {
    padding: 25px !important;
    border-bottom-width: 1px !important;
    border-bottom: solid #e6e6e6 2px;
}

.overlay-black {
    background: #0000006e !important;
}

div#divSMSConfirmationForm {
    z-index: 999999;
}

    div#divSMSConfirmationForm .modal-dialog .modal-content {
        z-index: 999999;
    }

    div#divSMSConfirmationForm.modal {
        top: 30%;
    }

    div#divSMSConfirmationForm .modal-dialog {
        height: 359px;
    }

    div#divSMSConfirmationForm .modal-content {
        height: 315px;
    }

.inqueries-boxes .card-body p.min-h-serv {
    /*   min-height: 90px !important; */
    height: 80px !important;
    overflow-y: auto;
}

.modal#modalNote {
    top: 0% !important;
}

/* .serv-box:hover .companies-content .domain-comment {
   padding-top: 0 !important; 
  bottom: auto;
  transition: bottom .35s ease-in-out;
} */

.serv-box:hover .domain-comment {
    bottom: auto !important;
    transition: bottom .35s ease-in-out;
}

.serv-box .domain-comment {
    padding-top: inherit;
    position: inherit;
    bottom: 20px !important;
    transition: bottom 1s linear;
}

.aspNetDisabled.btn.btn-large.disabled {
    background-color: #7b7b7b !important;
    border-color: #7b7b7b !important;
    font-weight: 600;
    cursor: pointer;
    color: white !important;
    opacity: 1 !important;
    display: block;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 11.9px;
    line-height: 20px;
    margin-top: 1rem !important;
}

SPAN.SELECT2 {
    width: 100% !important;
}

span.select2-selection__rendered {
    direction: rtl;
}

.estRequest {
    width: 100% !important;
    height: 54px !important;
}



.first-input {
    display: inline-flex;
    width: 33%;
}

.second-input {
    display: inline-block;
    width: 31%;
    border-bottom: solid 1px #626262 !important;
}

.order-num .select-wrapper {
    display: inline-flex;
    width: 32% !important;
}

    .order-num .select-wrapper .select2-container {
        width: 100% !important;
    }

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    /* font-size: 12.5px; */
}

.order-num .select-wrapper .select2 .selection span.select2-selection.select2-selection--single {
    padding-right: 0 !important;
}

.order-num .select2-container .select2-selection--single {
    padding-top: 25px !important;
    height: 42px !important;
    border: 0 !important;
}

.header .dropdown-menu {
    transform: translate3d(0px, 0px, 0px) !important;
}

table#MainContent_attachmentsGridView tbody tr th, table#MainContent_runawayRequestsGridView tbody tr th, table#MainContent_ManPowerPreferencesGridView tbody tr th {
    border: none !important;
}

table#MainContent_attachmentsGridView, table#MainContent_runawayRequestsGridView, table#MainContent_ManPowerPreferencesGridView {
    border: none !important;
}

    table#MainContent_attachmentsGridView tbody tr td, table#MainContent_runawayRequestsGridView tbody tr td, table#MainContent_ManPowerPreferencesGridView tbody tr td {
        border-right: none !important;
        border-left: none !important;
    }

table tbody tr th {
    font-size: 17px;
}

.order-num input {
    height: 32px !important;
}

.notification-toggle {
    top: 15px !important;
    left: -6px;
    right: auto !important;
}

span.selection {
    padding-right: 0% !important;
}

input#lnk_downloadLabor {
    color: white;
    font-weight: 600px !important;
    font-size: 0.875rem;
}

#MainContent_LaborsFilter1_pnlNationality .form-group-default.form-group-default-select2 .select2-container .select2-selection--single,
#MainContent_LaborsFilter1_pnlLaborerType .form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
    padding-right: 0px !important;
    /*padding-top: 0px;
  height: 31px;*/
}

.mlsd-delete-1-1 {
    font-size: 18px;
}

table#MainContent_ucTransferControl_gvFromContractLaborers, table#MainContent_CompensationVIsaRequest_gvVisas {
    border: none;
}

    table#MainContent_ucTransferControl_gvFromContractLaborers tbody tr th,
    table#MainContent_ucTransferControl_gvFromContractLaborers tbody tr td,
    table#MainContent_CompensationVIsaRequest_gvVisas tbody tr th,
    table#MainContent_CompensationVIsaRequest_gvVisas tbody tr td {
        border-right: none;
        border-left: none;
    }

    table#MainContent_ucTransferControl_gvFromContractLaborers tbody tr,
    table#MainContent_Agents1_AgentsGridView tbody tr,
    table#MainContent_Commissioners1_IndividualCommissionersGridView tbody tr,
    table#MainContent_Commissioners1_OfficeCommissionersGridView tbody tr,
    table#MainContent_Notes1_NotesGridView tbody tr,
    table#MainContent_EstablishmentBillInquiryControl_gvBills tbody tr,
    table#MainContent_ucJoiningRequestUserControl_gvEstablishmentPrograms tbody tr {
        border-bottom: 1px solid rgba(230, 230, 230, 0.7);
    }

.jquery-modal.blocker.current #nofificationForm {
    box-shadow: none !important;
}

.jquery-modal.blocker.current {
    top: 15%;
    z-index: 99999;
    background: #0000006e !important;
}

div#evaluation .percentage {
    display: inline-block;
}

.chartEntityInfo {
    top: 0 !important;
}

/*.kineticjs-content {
  width: 100% !important;
}*/
/*
#entityHistoryChart {
  left: 7%;
}*/


.calendars-month table tbody tr td span,
.calendars-month-row table tbody tr td a {
    padding: 2.125em !important;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.calendars.noPrevNext {
    width: 100% !important;
}

#dvCalendar TD .weekend {
    color: #bb0b0b !important;
}

.calendars-month-row table thead {
    text-align: center;
    font-size: 0.875rem;
}

    .calendars-month-row table thead tr th {
        padding: 5px;
    }

.calendars-month-header {
    font-size: 0.9375rem;
}

.calendars-nav {
    color: white !important;
    font-size: 0.9375rem;
    font-weight: bold;
    padding: 10px;
    border-bottom: solid 1px #5c8674;
}

.calendars-month-header {
    font-size: 0.9375rem;
    height: 35px !important;
    background-color: rgb(3, 110, 67) !important;
}

.header.p-r-5.bg-green div i.mlsd-calendar-1,
.header.p-r-5.bg-green div span,
.header.p-r-5.bg-green div a,
.header.p-r-5.bg-green div .text-master.bold {
    color: white !important;
}

.header.p-r-5.bg-green .notification-item i {
    color: #626262 !important;
}

.gov-boxes-h .card {
    min-height: 300px;
}

.gov-boxes-content {
    padding-top: 3rem;
    transition: padding-top .35s ease-in-out;
    width: 100%;
}

.card:hover .gov-boxes-content {
    padding-top: 0.5rem;
    transition: padding-top .35s ease-in-out;
}

.gov-boxes-content .card__info {
    top: 134px;
}

    .gov-boxes-content .card__info .card__about,
    .card__description {
        margin-top: 0px !important;
    }


div#MainContent_BodyPlaceHolder_mainRegulation .card .card-body .row .col-md-10 .row ul span span .row:nth-child(3) div .col-md-3:nth-child(1) {
    display: none;
}

.form-group-default-select2 label span {
    padding: 0 !important;
}

.select2.select2-container.select2-container--default.select2-container--disabled {
    background: #eeeeee;
}

.select2.select2-container.select2-container--default.select2-container--above.select2-container--open.select2-container--focus,
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open.select2-container--focus {
    background: #f0f0f0;
}

.card .title {
    background-color: #0a6b3d;
}

span.select2-selection.select2-selection--single {
    max-width: 300px;
    float: right;
}

.comm-netaq-cal-h {
    min-height: 245px;
}

.form-group-default.input-group .form-control {
    padding-right: 12px;
}

.bg-disabled {
    background-color: #f5f5f5;
}

.header a.beta-btn {
    font-size: 0.75em !important;
}
/* iphone X */
@media only screen and (min-width: 375px) and (max-width: 760px) {
    	div#tblCancelVisaList_filter label input, div#table1_filter label input, div#tblLaborersList_length label input, div#tblWorkPermitList_length label input, div#tblCancelVisaHistory_filter label input {
		line-height: inherit !important;
		}
		
		.dataTables_length label select {
		border: 0;
		margin: 0 10px;
		}
		li#languageListItems {
			float: right;
		}
	div#MainContent_divAgreement .card-body .col-12.col-md-12 {
		line-height: 1.5;
	}
    html.ltr ul#themingToggle {
        left: -114px !important;
    }

    span.step {
        margin-right: 0px;
    }

    .justify-content-center {
        text-align: center;
    }


    .header a.beta-btn {
        border: 1px solid #e5e5e5;
        width: 137px;
        font-size: 9px !important;
        padding: 0;
    }

    .header .dropdown-menu {
        margin-top: 10px;
        width: auto;
        left: -95px !important;
    }

    div#linksToggle {
        right: -245px !important;
    }

    .notification-panel .notification-body .notification-item {
        margin-right: 18px;
        ;
        padding-left: 18px;
    }

    ul#localization-dropdown {
        margin-top: 40px !important;
        position: absolute;
    }

    .m-b-100-mob {
        margin-bottom: 100px;
    }

    table.mol-new-calendar {
        display: inline-table;
    }
    /* added last */
    .header.p-r-5.bg-green div i.mlsd-calendar-1, .header.p-r-5.bg-green div span, .header.p-r-5.bg-green div a, .header.p-r-5.bg-green div .text-master.bold {
        color: #626262 !important;
    }

    .card:hover .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .companies-box .card:hover .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .companies-box .domain-comment {
        padding-top: 10px;
    }

    .gov-boxes-h .card {
        min-height: 330px !important;
    }

        .gov-boxes-h .gov-boxes-content, .gov-boxes-h .card:hover .gov-boxes-content {
            padding-top: 3rem;
        }

    .gov-boxes-h .serv-box .card__info {
        top: 136px !important;
    }

    .header.p-r-5.bg-green .tools ul.d-lg-inline-block.notification-list.no-margin.d-lg-inline-block.no-style.p-l-30.p-r-10.fs-16.dis-block-mob.b-grey.b-r.p-l-0-ipad a {
        color: #626262 !important;
    }

    .tools-width {
        width: 363px !important;
    }

    #ShowProject .min-h-serv, #ShowProject p.serv-content {
        min-height: 110px !important;
        height: 110px !important;
    }

    .inquiries-boxes-main .min-h-serv {
        min-height: 140px !important;
    }

    .header.pl-0.bg-yellow.highcontrast {
        padding: 0 15px;
    }

    .card .companies-content {
        padding-top: 0;
        transition: padding-top .35s ease-in-out;
    }

    .card__description {
        max-height: 400px;
        opacity: 1;
    }

    .services-boxes-main .element-item .card {
        height: 367px !important;
    }

    .serv-box .card__info {
        top: 116px !important;
    }

    .services-boxes-main .element-item .card {
        height: 397px !important;
    }

    .card__description, .pb-services-icon .companies-icons {
        display: block !important;
        transition: opacity 1s ease-out;
        opacity: 1 !important;
    }

    .services-boxes-main .element-item .card {
        height: 358px !important;
    }

    .card:hover .companies-content {
        padding-top: 0px !important;
    }

    .card .companies-content h4 {
        margin: 10px 0;
        line-height: 33.88px;
        font-size: inherit !important;
    }

    .bg-yellow a#theming-center, .bg-yellow a#links-center {
        color: #626262 !important;
    }

    .header.bg-yellow .pull-right.p-r-5.fs-14.font-heading.d-lg-block span {
        color: #626262 !important;
    }

    div#ZakatNotification {
        max-width: 100% !important;
    }

    table#MainContent_ucJoiningRequestUserControl_rbLEnableSixMonthes tbody tr td {
        width: 100%;
        display: block;
    }

        table#MainContent_ucJoiningRequestUserControl_rbLEnableSixMonthes tbody tr td label:before {
            bottom: auto;
        }

    .inquiries-boxes-main .card {
        min-height: 340px !important;
    }

    .widget-1-wrapper {
        /*height: 508px;*/
        height: auto;
    }

    .col-md-10 .row.p-l-20 {
        padding-right: 0 !important;
    }

    .btn, a.btn {
        max-height: 32px;
        min-width: 100px;
    }

    #filters .btn {
        max-height: 38px;
        min-width: 70px;
    }

    .btn-block {
        display: inline-block;
        width: auto !important;
    }

    .serv-box .btn-block, .companies-box .btn-block, .comp-box a.btn-block {
        display: block;
        width: 100%;
    }

    .btn-lg, .btn-group-lg > .btn {
        line-height: 21px;
        padding: 6px 17px;
    }

    div#customToggle {
        top: 20px !important;
    }

    .container-fluid.p-r-0-mob {
        padding-right: 10px !important;
    }

    .serv-content label, p.serv-content {
        height: 160px;
    }

    .row.justify-content-center.p-t-15 .col-md-2.text-center a.btn {
        margin-top: 10px;
    }

    .min-h-serv {
        min-height: 160px !important;
    }

    div#popUpPanel_MainContent_esUpdateRequest_licenseUC_calOtherLicenseExpiryDate {
        margin-right: initial;
    }

    div#popUpPanel_MainContent_ucRequestList_dtReqToDate {
        margin-right: initial;
    }

    .CalPopUpPanel {
        z-index: 9999999 !important;
    }

    div#ZakatNotification {
        top: 30% !important;
    }

    .blocker:before {
        display: none !important;
    }

    div#ZakatNotification {
        max-width: 100% !important;
    }

    div#fastAccessBox .card {
        max-height: 100%;
    }

    ul#themingToggle {
        left: 40px !important;
    }

    div#MainContent_smsConfirmation_Panel1 #closeLnk1 {
        margin-top: 9px !important;
    }

    div#divSMSConfirmationForm .modal-dialog {
        height: 400px;
        top: 25%;
        left: 0;
        right: 0;
        margin: auto;
    }

    div#divSMSConfirmationForm .modal-content {
        height: 395px;
    }

    span#MainContent_ServiceList1_lblSelectedEstablicshmentName {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .jumbotron, .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .copyright, .FooterContainer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .FooterContainer {
        padding-bottom: 70px;
    }

    div#walkthrough {
        display: none !important;
    }

    .collapsing, .modal, .modal-open, .progress {
        overflow: auto;
    }

    div#themingToggle {
        left: 40px !important;
    }

    div#customToggle .notification-panel {
        width: 360px;
    }

    div#customToggle {
        left: 0px !important;
        right: -260px !important;
    }

    div#linksToggle {
        right: -285px !important;
        width: 300px;
    }

        div#linksToggle .notification-panel {
            width: 300px;
        }
    /* added last */
    .dropdown.pull-left.d-lg-block.p-l-20-mob.m-t-20-mob {
        padding-left: 5px !important;
    }

    div#MainContent_ucRequestPasswordReset_divResetPasswordForm .min-h-card-index {
        min-height: 875px !important
    }

        div#MainContent_ucRequestPasswordReset_divResetPasswordForm .min-h-card-index .login-box-mob {
            height: 865px !important;
        }

    #ShowProject .serv-content label, p.serv-content {
        height: 157px;
    }

    h4#noteCompanyName {
        padding-left: 22px;
    }

    .comp-info .col-md-4.col-12, .comp-info2 .col-md-4.col-12, .comp-info3 .col-md-4.col-12 {
        padding-bottom: 20px;
    }

    .commentServModal .modal-dialog {
        width: 95%;
    }

    div#commentServModal {
        top: 6%;
    }

    .modal.commentServModal .modal-body {
        max-height: 580px;
    }

    .modal .close {
        top: 10px !important;
        left: 0 !important;
    }

    .commentModal .modal-dialog {
        width: 95%;
        top: 10%;
    }

    span.select2-selection.select2-selection--single {
        max-width: 220px;
        float: right;
    }

    .card-body .col-xl-2.col-md-3, .card-body .col-xl-10.col-md-9 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #BPanel_MainContent_ucRequestList_dtReqToDate {
        padding-top: 10px;
    }
    /* changed last */
    .row.row-eq-height.mx-mob-0.services-boxes-main .element-item {
        padding-right: 5px;
        padding-left: 5px;
    }
    /* changed last */
    .services-boxes-main .card {
        min-height: 350px !important;
    }

    .powertour-step, #powertour-mask {
        display: none !important;
    }

    .or-btween-fields {
        position: inherit !important;
    }

    a#MainContent_EstablishmentInfo2_rpEntities_lbEntity_0 .companies-content {
        min-height: 89px;
    }

    .p-l-5-mob {
        padding-left: 5px !important;
    }

    .table-responsive {
        border: none !important;
    }

    .second-input2, .second-input {
        border-bottom: none !important;
    }

    .min-h-card-pass {
        min-height: 630px !important;
    }

    .kineticjs-content {
        width: 933px !important;
    }

    .container-fluid.p-r-0-mob .row.p-r-30 {
        padding-right: 15px;
    }

    input#txtSelectedDate {
        margin: 0;
    }

    input#txtSelectedDate {
        width: 100% !important;
    }

    form .services-boxes-main div [class*='col-']:first-child {
        padding-right: 15px;
    }

    table#MainContent_Notes1_NotesGridView tbody tr, table#MainContent_Notes1_NotesGridView tbody tr td, table#MainContent_Commissioners1_IndividualCommissionersGridView tbody tr, table#MainContent_Commissioners1_IndividualCommissionersGridView tbody tr td, table#MainContent_Commissioners1_OfficeCommissionersGridView tbody tr, table#MainContent_Commissioners1_OfficeCommissionersGridView tbody tr td {
        border: none !important;
        border-width: 0 !important;
        padding: 0;
    }

    .jquery-modal.blocker.current {
        top: 0 !important;
    }

    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none !important;
    }

    .companies-box .card {
        min-height: 375px !important;
    }

    form .row [class*='col-']:first-child {
        padding-right: 15px;
    }

    .filter-col:hover, .is-selected-filter {
        min-height: 119px;
    }

    div#nofificationForm {
        width: 97% !important;
    }

    .notification-toggle {
        top: 30px;
    }

    .bottom-bg {
        background-position-y: 790px;
    }

    .date-mob {
        display: none !important;
    }


    #quicksearch-serv {
        width: 61.9%;
    }

    .hover-4:hover:after {
        transform: scaleX(0);
    }

    .is-selected-filter:after {
        background-color: transparent;
    }

    .filter-col {
        min-height: 120px;
    }

    .owl-nav {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .owl-carousel.owl-rtl {
        margin: 0;
    }

    .kayan-box:hover {
        min-height: 100px !important;
    }

    .row.kayan-pers div {
        padding-bottom: 10px;
    }

    .text-left-mob {
        text-align: left !important;
    }

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

    .text-center-mob {
        text-align: center;
    }

    .bottom-bg {
        background-position-y: 802px;
    }

    .error-page {
        padding: 0;
    }

    .page-container .page-content-wrapper .content {
        padding-bottom: 80px !important;
    }

    .page-container .page-content-wrapper .footer {
        position: initial;
        /* margin-bottom: 69px !important; */
    }

    .menu-boxes a p {
        font-size: 10px !important;
    }

    .menu-boxes a i {
        font-size: 25px;
    }

    .menu-boxes {
        padding-bottom: 6px;
        padding-top: 15px;
    }

        .menu-boxes a {
            color: #646f79;
        }

    .bg-menu-box1 a {
        color: white;
    }

    .pos-fix-mob {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99999999;
        /* border-top: solid 2px whitesmoke; */
        display: block;
        background: white;
    }

    table.footable-details > tbody > tr > td:nth-child(2) {
        word-break: unset;
    }

    .table tbody tr td:nth-child(1) {
        border-bottom: 1px solid rgba(230, 230, 230, 0.7);
        border-top: 0px;
    }

    .table tbody tr td {
        border-top: 1px solid rgba(230, 230, 230, 0.7);
        border-bottom: none;
    }

    .notif-mob {
        width: auto !important;
    }

    .header .search-link {
        height: 21px;
    }

    .services-boxes-main .element-item {
        height: 370px !important;
    }



    .regulations-box .card {
        height: 300px !important;
    }
    /* .jumbotron,
  .container-fluid {
	padding-left: 30px !important;
	padding-right: 30px !important;
  }*/
    .overlay {
        top: 0px;
        padding-left: 30px !important;
        padding-top: 0px;
        padding-right: 30px !important;
    }

    button.profile-dropdown-toggle {
        padding-left: 21px !important;
    }

    .banners-h {
        height: 114px !important;
    }

    .metro.live-tile.carousel img {
        width: 360px;
    }

    .notifications-modal {
        width: 360px !important;
    }

    .logo-index {
        width: 310px !important;
        padding-top: 45px;
    }

    .sidebar-header img.index-logo-mob {
        padding-top: 10px !important;
    }

    .quick-mob.show {
        width: auto;
    }

    .card .card-body {
        padding: 15px;
        padding-top: 15px;
    }

    .tools-gov {
        background: #005029 !important;
        height: 73px;
    }

    .tools-users {
        background: #f6b31a !important;
        height: 73px;
    }

    .bg-yellow {
        background-image: none !important;
    }

    .bg-green {
        background-image: none !important;
    }

    .menu-box0 {
        border-bottom: solid 5px #14415A;
        border-right: none !important;
    }

    .menu-box1 {
        border-bottom: solid 5px #2DB473;
        border-right: none !important;
    }

    .menu-box2 {
        border-bottom: solid 5px #148287;
        border-right: none !important;
    }

    .menu-box3 {
        border-bottom: solid 5px #887052;
        border-right: none !important;
    }

    .menu-box4 {
        border-bottom: solid 5px #FAB414;
        border-right: none !important;
    }

    #quicksearch {
        width: 100%;
    }

    .card-title {
        margin-bottom: .75rem !important;
    }

    #filters {
        /* float: none !important; */
        /*padding-right: 30px;*/
    }

    .f-r-mob {
        float: right !important;
    }

    .p-r-35-mob {
        padding-right: 35px !important;
    }

    .select-serv {
        width: 100%;
    }

    .card:hover .companies-content {
        padding-top: 25px;
    }

    .add-comp {
        padding-top: 5.3rem;
        padding-bottom: 3.9rem;
    }

    .float-none {
        float: none;
    }

    #quicksearch {
        width: 100%;
        margin-bottom: 10px;
    }

    .sidebar-header img {
        padding-top: 65px !important;
    }

    .menu-icon {
        font-size: 31px !important;
    }

    body.menu-pin .page-sidebar {
        width: 100% !important;
        z-index: 9999;
    }

    .side-menu-icon {
        position: absolute;
        top: 20px;
        left: 20px;
    }
    /*header*/
    body .header {
        height: 180px;
        position: inherit !important;
    }

    .page-container .page-content-wrapper .content {
        padding-top: 0px;
    }

    .logo-out {
        width: 290px !important;
        padding-top: 39px;
    }

    .dis-block-mob {
        display: block !important;
    }

    .fs-25 {
        font-size: 1.563rem;
    }

    .header .brand {
        width: auto;
    }

    body.indi-serv .header .tools {
        border-bottom: 5px solid #fdb716;
    }

    body.gov-serv .header .tools {
        border-bottom: 5px solid #2DB473;
    }

    .tools {
        background: #f5f5f5;
        padding: 5px;
        top: 0 !important;
        left: 0;
        padding-bottom: 8px;
        text-align: left !important;
        width: 100%;
    }

    .brand.inline {
        padding: 0 !important;
    }

    .min-h-card-index {
        min-height: 507px !important;
    }

    .header .search-link {
        line-height: inherit;
        width: 30px !important;
    }

    .notification-list {
        display: inline-block !important;
        padding: 0 !important;
    }

    a.search-link {
        border: none;
        display: inline-block !important;
        padding: 0 !important;
    }

    .date-mob {
        display: inline;
        padding-right: 10px !important;
    }

        .date-mob span {
            display: none;
        }

    .dis-none-mob {
        display: none !important;
    }

    .header .dropdown-menu {
        margin-top: 10px;
        width: auto;
        left: -162px !important;
    }

    .tools-mob {
        width: auto !important;
    }

    .login-box-mob {
        height: 725px !important;
    }

    .m-b-10-mob {
        margin-bottom: 10px !important;
    }

    .overlay {
        padding-right: 20px;
        padding-left: 20px;
        z-index: 999999;
    }

        .overlay .overlay-close {
            position: absolute;
            left: 0px;
            top: 0px;
        }

    .m-t-search-mob {
        margin-top: 22px;
    }

    .m-t-0-mob {
        margin-top: 0;
    }

    h4.m-t-0-mob {
        margin-top: 0 !important;
    }

    .m-t-20-mob {
        margin-top: 20px;
    }

    .m-b-0-mob {
        margin-bottom: 0;
    }

    .m-b-20-mob {
        margin-bottom: 20px;
    }

    .m-b-10-mob {
        margin-bottom: 10px;
    }

    .p-r-0-mob {
        padding-right: 0 !important;
    }

    .p-b-10-mob {
        padding-bottom: 10px;
    }

    .p-b-20-mob {
        padding-bottom: 20px;
    }

    .page-sidebar {
        background-color: #ffffff;
    }
    /*.sidebar-menu {*/
    /*    padding: 10px;*/
    /*    padding-top: 120px;*/
    /*    padding-right: 0px;*/
    /*	border-left: solid 1px whitesmoke;*/
    /*	padding-left: 0 !important;*/
    /*}*/
    .bubble-side-bar {
        top: 15px;
        left: 45px;
        line-height: 1.6;
    }

    .content.sm-gutter.main-cont-index {
        padding-bottom: 0 !important;
    }

    nav.page-sidebar {
        height: 100%;
    }

    .toggle-sidebar {
        float: right;
        vertical-align: middle;
        line-height: 1.4;
        padding-right: 10px !important;
    }

    .b-t-b-mob {
        border-bottom: solid 1px #f5f5f5;
        border-top: solid 1px #f5f5f5;
    }

    .b-b-mob {
        border-bottom: solid 1px #f5f5f5;
    }

    .b-t-mob {
        border-top: solid 1px #f5f5f5;
    }

    .b-none-mob {
        border: none;
    }

    .p-l-r-0-mob {
        padding-left: 0px !important;
        padding-left: 0px !important;
    }

    .p-l-0-mob {
        padding-left: 0px !important;
    }

    .p-r-0-mob {
        padding-right: 0px !important;
    }

    .p-l-20-mob {
        padding-left: 20px !important;
    }

    .p-t-10-mob {
        padding-top: 10px !important;
    }

    .profile-dropdown:before {
        left: 24px;
        right: auto;
    }

    .profile-dropdown:after {
        left: 25px;
        right: auto;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .text-right-mob {
        text-align: right !important;
    }

    .p-t-mob {
        padding-top: 140px !important;
    }

    .menu-icon {
        font-size: 1.938rem;
        vertical-align: middle;
        line-height: 0;
    }

    .fs-20-mob {
        font-size: 20px !important;
    }

    .min-h-card-register {
        min-height: 950px;
    }


    .p-r-5-mob {
        padding-right: 5px !important;
    }

    .logo-inside {
        width: 340px !important;
        padding-top: 78px;
    }

    .copyright {
        padding-left: 10px;
        padding-right: 10px;
    }

    .user-dd {
        position: absolute;
        left: 0;
        top: 50px;
        z-index: 99;
        text-align: left;
    }

    .userdropdown {
        top: 74.25px !important;
    }

    .dropdown.pull-left.d-lg-block.p-l-20-mob.m-t-20-mob {
        top: 6px;
        margin-top: 0 !important;
    }

    .tools-inner {
        height: 75px !important;
        padding-left: 12px;
    }

    .dropdown-menu.notification-toggle.quick-mob.show, .dropdown-menu.notification-toggle.tools-mob.show {
        transform: translate3d(-49px, 31px, 0px) !important;
        top: -10px !important;
    }

    .w-92-mob {
        width: 92%;
    }

    .w-auto-mob {
        width: auto;
    }

    .d-chart-horizintal {
        display: block !important;
    }

    .comp-box:hover .domain-comment {
        padding-top: 10px;
        transform: none;
        transition: none;
    }

    .comp-box:hover .card__info {
        padding-top: 1rem !important;
        -webkit-transform: none;
        transform: none;
    }

    .serv-box:hover .card__info {
        -webkit-transform: none;
        transform: none;
    }

    .card__description, .pb-services-icon .companies-icons {
        transition: none;
    }

    .pb-services-icon .companies-icons {
        display: none !important;
    }
}

/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body[data-powertour-run="true"] .header, body.modal-open .header {
        z-index: 999 !important;
    }

    body:not(.modal-open) #powertour-mask {
        display: none !important;
    }

    .container-fluid.p-l-0.p-r-0 {
        padding-left: 30px;
        padding-right: 30px;
    }

    body[data-powertour-run="true"] #powertour-mask {
        display: block !important;
    }

    .form-group.form-group-default input, .form-group.form-group-default input:focus {
        font-size: 14px !important;
    }

    .danger-comment {
        white-space: nowrap;
    }

    .modal-none {
        display: none !important;
    }

    .powertour-step.powertour-activestep, .powertour-step.powertour-keepvisible, .powertour-activehook.powertour-highlight, .powertour-tooltip:hover .powertour-step {
        z-index: 9999 !important;
    }

    .display-block {
        display: block;
    }

    .modal.fade .modal-dialog {
        transform: translate(0px);
    }

    #powertour-mask {
        z-index: 999;
    }

    #powertour-mask {
        z-index: 999;
    }

    .highcontrast {
        filter: invert(100%);
    }

    .dis-none {
        display: none !important;
    }

    .userdropdown {
        height: auto !important;
        line-height: 2 !important;
    }

    label.file-upload input[type=file] {
        font-size: 10px !important;
    }

    .login-box-mob .card-body {
        height: 300px;
    }

    .select2-dropdown--below {
        top: 0px !important;
    }

    input.SmartCalendarTextbox {
        width: 100%;
        height: 54px !important;
        display: inline-block;
        padding-top: 27px !important;
    }

    .form-group label:not(.error) {
        z-index: 99;
    }

    input[src='../Assets/Calender/Clear.png'] {
        margin-top: -45px;
    }

    .select2-results {
        overflow-y: auto;
    }
    /*
   input[src='../../App_Themes/Green/Images/Clear.png'], input[src='../../../App_Themes/Green/Images/Clear.png'], input[src='../../../../App_Themes/Green/Images/Clear.png'], input[src='../../../../../App_Themes/Green/Images/Clear.png']{
	  margin-top: -45px;
	} */
    .header a:hover, .header a:active, .header a:focus {
        color: inherit !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px !important;
    }

    .powertour-step a.btn, .powertour-step a:focus, .powertour-step a:hover {
        color: white !important;
    }
}


/*ipad port*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    button.is-selected-filter {
        color: white !important;
    }

    .owl-stage.row button, .owl-stage.row i {
        color: #909090;
        font-weight: bold;
    }

    .min-h-card-register {
        height: 860px !important;
    }

    .CalPopUpPanel {
        margin-right: -100px;
    }

    #popUpPanel_MainContent_BasicInfo1_scManageUserProfileBirthDate.CalPopUpPanel {
        margin-right: auto;
    }

    div#fastAccessBox .card {
        max-height: 207px;
    }

    ul.d-lg-inline-block.notification-list.no-margin.d-lg-inline-block.no-style.p-l-30.p-r-10.fs-16.dis-block-mob.b-grey.b-r {
        border-left: none !important;
    }

    .m-t-10-ipad {
        margin-top: 10px !important;
    }

    .indi-serv .header {
        border-bottom: 5px solid #fcb731;
    }

    .card:hover .companies-content {
        padding-top: 2rem;
        transition: padding-top .35s ease-in-out;
    }

    .card.hover .card__description, .card:hover .pb-services-icon .companies-icons {
        display: block;
        transition: opacity 1s ease-out;
        opacity: 1;
    }

    .card:hover .companies-content h4 {
        margin: 0;
        line-height: 33.88px;
        font-size: 1.375rem !important;
        transition: font-size .35s ease-in-out;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .indi-serv .header {
        border-bottom: 0px solid #fcb731;
    }

    .companies-content {
        padding-top: 1rem;
    }

    .ind-serv-ipad .card__description {
        margin-bottom: 1px;
    }

    .page-container .page-content-wrapper .content {
        padding-top: 16px !important;
    }

    .card:hover .companies-content {
        padding-top: 2rem;
        transition: padding-top .35s ease-in-out;
    }

    .card.hover .card__description, .card:hover .pb-services-icon .companies-icons {
        display: block;
        transition: opacity 1s ease-out;
        opacity: 1;
    }

    .card:hover .companies-content h4 {
        margin: 0;
        line-height: 33.88px;
        font-size: 1.375rem !important;
        transition: font-size .35s ease-in-out;
    }
}

/*Last*/
.mdi-action-highlight-remove:before {
    content: "\e00b" !important;
    color: #f55753;
}

.dropzone.dz-clickable:before {
    content: "+";
    font-size: 80px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    line-height: 18px;
    bottom: 0;
    margin: 0 auto;
    width: 45px;
    color: #33333336;
    height: 40px;
}

.ind-serv-ipad .card__description {
    margin-bottom: 3px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
    margin: 0 auto;
}

div#tblLaborersList_wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: unset;
    padding-right: 0px;
    line-height: 19px;
    padding-left: 0px;
    width: 65px;
    margin: 0 !important;
}

div#tblLaborersList_length label {
    display: flex;
    align-items: center;
}

​
input.HijriCalendarTextbox[readonly=readonly] {
    pointer-events: none;
    background: #f8f8f8;
}


div#tblLaborersList_filter label input {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    font-family: Arial, sans-serif;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
}

input.HijriCalendarTextbox[readonly=readonly] {
    pointer-events: none;
    background: #f8f8f8;
}

@media screen and (min-width: 800px) and (max-width : 1280px) {

    .bg-green {
        background-image: url(../img/bg-green-light.png) !important;
        background-size: cover;
        background-repeat: no-repeat !important;
        background-position-y: -50px !important;
        background-position-x: -715px !important;
    }
}
span.star-cb-group label {
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: 1.3em;
    white-space: nowrap;
    cursor: pointer;
    line-height: 2;
}

    span.star-cb-group label:before {
        display: inline-block;
        text-indent: -9999px;
        color: #ccc;
        content: "\26";
        font-family: "mlsd-eservices" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

span.star-cb-group input {
    display: none;
}