@font-face {
  font-family: 'MOH-Legislations' ;
  src:  url('../fonts/MOH-Legislations.eot?yt2why');
  src:  url('../fonts/MOH-Legislations.eot?yt2why#iefix') format('embedded-opentype'),
    url('../fonts/MOH-Legislations.ttf?yt2why') format('truetype'),
    url('../fonts/MOH-Legislations.woff?yt2why') format('woff'),
    url('../fonts/MOH-Legislations.svg?yt2why#MOH-Legislations') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'MOH-Legislations';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}
form{
  width:100%;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}
.form-check-label {
  /* margin-left:20px; */
  margin-left:5px;
  margin-right: 22px;
}
/* .container { margin-top:20px; } */
Container { margin:20px; }
.container label{ font-size: 15px; }
.sectionContainer{width:100% !important; text-align: left !important; margin-left: 0px; margin-right: 0px;}
.container .label-content { font-weight: bold; font-size: 17px !important; margin-top: 2px; }
.header-align-left{text-align: initial;padding-left: 0px;padding-right: 0px;}
.header-align-right{text-align: right;}
.container .frmtitle{ font-weight: 700 !important; }
.panel-theme-bg { 
  /* background: inherit; */
  background-color:#e1ddfc;
  display: flex;  
  align-items: stretch;
  box-sizing: border-box;
 /* border-width: 1px;
  border-style: solid;
  border-color: rgb(214, 214, 214);*/
  border-radius: 0px;
  
  /*background-color:#f7f7f7 !important;*/
    width: 100%;
    border: 1px solid #d4d0d0;
    /* border-radius: 8px; */
    /* padding: 20px 16px 20px 32px; */
    padding: 15px 5px 10px 5px;
  
  font-family: 'robotoregular','notokufiArabicregular'; /*'roboto';*/
  /* font-weight: 400; */
  font-style: normal;
   margin-bottom:30px; }

.panel-theme-no-bg { 
  border:0px solid  rgb(216, 214, 214); 
  display: flex;  
  align-items: stretch;
  box-sizing: border-box;
  border-radius: 0px;
  width: 100%;
  border: 1px solid #d4d0d0;
  /* border-radius: 8px; */
  padding: 15px 5px 10px 5px;
  font-family: 'robotoregular','notokufiArabicregular'; /*'roboto';*/
  /* font-weight: 400; */
  font-style: normal;
  margin-bottom:30px; 
}

 .panel-theme-bg .form-label{ font-size:14px; text-align: initial; white-space: nowrap;}
 .panel-theme-no-bg .form-label{ font-size:14px; text-align: initial; white-space: pre-wrap;}
 .panel-theme-bg .table thead th {    
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}

.panel-theme-no-bg .table thead th {    
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}

.panel-theme-no-bg .table-custom thead th {    
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;
}

.panel-theme-bg .table tbody td {    
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: capitalize;
  text-align: center;
  padding: 0px 2px 0px 12px !important;
}
.panel-theme-bg table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: #000 !important;
  border-top-color: #000 !important;
  border-right-color: #000 !important;
  border-bottom-color: #000 !important;
  border-left-color: #000 !important;
}
.panel-theme-no-bg .table tbody td {    
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: capitalize;
  text-align: center;
  /* padding: 0px 2px 0px 12px !important; */
}
.panel-theme-bg h5{
  font-weight: 700 !important;
  font-size: 18px !important;
  padding-top: 0px;
  padding-bottom: 25px;
}
.panel-theme-no-bg h5{
  font-weight: 700 !important;
  font-size: 18px !important;
  padding-top: 0px;
  padding-bottom: 25px;
}
ol.progtrckr li span {
  font-weight: 600;
}

/* .row h4{
  /*font-weight: 600 !important;*/
  /* margin-left: -15px !important; */
  /* margin-bottom: 16px !important; 
} */
/*
  .form-list{ /*max-width: 983px !important; max-width: 1037px!important }
*/
  .form-list .form-group input {
  border: none; 
  border-bottom: 1px solid #949494;
  font-weight: 600;
  padding-left: 4px !important;
  font-size: 17px;
  background-color:#fff; 
  /* background-color:#e6e3e3; */
  /* background: transparent !important; */
}
.form-list .form-group input:focus {
  border-bottom: 2px solid #949494;
}

.form-list .form-group input:hover {
  border-bottom: 2px solid #056ca2;
}
.form-list .form-group select:focus {
  border-bottom: 1px solid #949494;
  background: transparent;
  
}

.form-list .form-group select:hover {
  border-bottom: 2px solid #056ca2;
}
.form-group select {
  border: 0px;
  border-bottom: 1px solid #949494;
  font-weight: 700 !important;
  padding-left: 0px !important;
  font-size: 17px;
  background: transparent;
}
.form-control {
  border-radius: 0px !important;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
  border:0px;
  border-bottom:1px solid;  
  background: transparent;
}
.readonly, .readonly input {
  background-color: #E1DDFE;
  border: none !important;
  padding-bottom: 10px;
  border-radius: 5px;
  font-weight: bold;
}

.svg-color {
  color: white;
}

.formbtn-primary {
  background-color: #056ca2 !important;
  border-color: #005cbf !important;
  color: #fff !important;
  border: none;
  padding: 6px 25px;
  cursor: pointer;
  white-space: nowrap;
}

.formbtn-primary:hover {
  background-color: #07478c !important;
  border-color: #005cbf !important;
}

.viewEnablebtn-primary {
  background-color: #056ca2 !important;
  border-color: #005cbf !important;
  color: #fff !important;
  border: none;
  padding: 6px 25px;
  cursor: pointer;
  white-space: nowrap;
  display: "inline-block";
  margin-right: "10px";
}

.viewEnablebtn-primary:hover {
  background-color: #07478c !important;
  border-color: #005cbf !important;
}

.deleteEnablebtn-primary {
  background-color: #056ca2 !important;
  color: #fff !important;
  border: none;
  margin-left: "10px !important";
  margin-right: "10px !important";
}

.deleteEnablebtn-primary:hover {
  background-color: #07478c !important;
  border-color: #005cbf !important;
}

.viewDisablebtn-primary {
  display: none !important;
}

.iconview-style {
  font-size: 40px;
  padding-right: 10px;
  color: #056ca2 !important;
}

.btn-primary {
  /* background-color: #056ca2 !important;
  border-color: #794ff9 !important; */

  background-color: #056ca2 !important;
  border-color: #005cbf !important;
  color: #fff;
  border: none;
  padding: 6px 25px;
  cursor: pointer;
  white-space: nowrap;
}
.btn-primary:hover {
  /* background-color: #794ff9 !important;
  border-color: #056ca2 !important; */
  background-color: #07478c !important;
  border-color: #005cbf !important;
}
.btn-align .btn-primary {
  float: right;
}
.asterisk{color: red;
  /* font-weight: 900; */
  padding: 2px;
  font-size: 15px;}
  .m10{margin:10px;}
  .m20{margin:20px;}
/* input, select, textarea:focus {
  border-bottom: 2px solid #949494 !important;
}
input, select, textarea:hover {
  border-bottom: 2px solid #056ca2 !important;
} */
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.service_block {
  text-align: center;
  max-width: 208px;
  font-weight: 400;
  border: 1px solid #E1DADA;
  margin: 8px;
  height: 195px;
}

.service_block_home {
  text-align: center;
  font-weight: 400;
  border: 1px solid #E1DADA;
  margin: 8px;
  height: 195px;
  padding-top: 20px;
}

.serviceicon {
  padding: 20px;
  width: 150px;
}
.service_block:hover {
  -webkit-box-shadow: -1px 6px 51px -12px rgba(0,0,0,0.41);
  -moz-box-shadow: -1px 6px 51px -12px rgba(0,0,0,0.41);
  box-shadow: -1px 6px 51px -12px rgba(0,0,0,0.41);
  border: 1px solid #f2f2f2;
  text-align: center;
  font-weight: bold;
  background-color: #056ca2; 
  color: white;
}

.service_block:hover .service-icon-style {
  filter: invert(110%) sepia(8%) saturate(9%) hue-rotate(521deg) brightness(143%) contrast(112%);
}

/* .Green .service_block:hover,
.Green .service_block span.moh-service-land-icon::before,
.Green .service_block span.moh-service-land-affairs-icon::before,
.Green .service_block span.moh-service-social-housing-icon::before,
.Green .service_block span.moh-service-planning-survey-icon::before,
.Green .service_block span.moh-service-real-estate-development-icon::before,
.Green .service_block span.moh-service-maps-icon::before,
.Green .service_block i.icon-share-workiteme049539amoh::before
 {
  color:#687408; 
}

.red .service_block:hover,
.red .service_block span.moh-service-land-icon::before,
.red .service_block span.moh-service-land-affairs-icon::before,
.red .service_block span.moh-service-social-housing-icon::before,
.red .service_block span.moh-service-planning-survey-icon::before,
.red .service_block span.moh-service-real-estate-development-icon::before,
.red .service_block span.moh-service-maps-icon::before,
.red .service_block i.icon-share-workiteme049539amoh::before
{

  color:#FF1844; 
} */

.service_homebox {
  flex: 0 0 20% !important;
}

/* .service_block i{
  /* color: #056ca2; */
  /* font-size: 101px; 
} */

.service_block img {
  text-align: center;
  padding: 39px 20px 20px 20px;
  width:100px;
}

.t20 {
  margin-top: 20px;
}

.serviceHeader {
  font-size: 13px;
  margin-top: -10px;
  /* width: 94%; */
}

.serviceHeader_home {
  font-size: 13px;
}

.styleCursorPointer {
  cursor: pointer;
}

.pkiMobileTxt {
  width: 78% !important;
  margin-left: 6px;
}

.lang_ar .pkiMobileTxt {
  width: 77% !important;
}

.paddingLeft {
  padding-left: 65px;
  padding-top: 10px;
  color: red;
}

.LandTxt {
  width: 55% !important;
  margin-left: 6px;
}

.landPaddingLeft {
  padding-top: 10px;
  color: red;
}

.hidden { 
  display:none; 
}

.causes {
  font-family: 'robotoregular','notokufiArabicregular'; /* roboto;*/
}
.form-label{margin-bottom: 0px !important; width:100%;}
.form-control:focus{background: transparent;}
.ml120{padding-left:46px}
/* .ml55{m} */
.mtop90{margin-top:90px} 
.mtop140{margin-top:140px} 
.logins{color: #a7a4a4; font-family: 'robotoregular','notokufiArabicregular'; font-weight:bold}
.login-list li{list-style: none; padding-left: 30px; color: #a7a4a4; font-family:'robotoregular','notokufiArabicregular'; font-weight:normal}
.dotted-line {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.dotted-line:after {
  content: "------------------------------------------------";
  letter-spacing: 2px;
  font-size: 12px;
  color: #ccc;
  display: inline-block;
  vertical-align: 3px;
  padding-left: 10px;
}
.MuiPaper-elevation1 {
  box-shadow: 0px rgba(0,0,0,0.2), 0px  rgba(0,0,0,0.14), 0px rgba(0,0,0,0.12) !important; 
}
.causes-details {padding:20px; }
.causes-details li{margin-left:30px; font-size:14px;}
.causes-details1 {padding:20px 20px 20px 0px; }
.causes-details1 li{margin-left:30px; font-size:14px;}
.u3791_div{border-radius: 5px;}
.col-form-label{font-size: 14px;}
.downloadReceiptButton{font-size: 14px; color: black; background-color: #f2f2f2;}
.label-highlight{font-weight: 700; 
  /* display: flex */
}
.content-flexview {
  display: flex;
}
.label-grid{ display: flex;}
.label-flex { display: flex}
.payment-grid label {
  display: flex;
}
.payment-action {
  display: flex;
  padding-bottom: 30px;
}

tbody.MuiTableBody-root >:nth-of-type(odd){
  background-color: #4203ee21;
}

tbody.MuiTableBody-root >:nth-of-type(even){
  background-color: whitesmoke;
}

.MuiTableRow-root.MuiTableRow-hover:hover {
  background-color: rgb(187, 225, 223) !important;
}
/* custom css */

.MuiTypography-body1 {
  letter-spacing: 0px !important;
  font-family: 'robotoregular','notokufiArabicregular';
}

/* .makeStyles-toolbar-10 {
  background: url('/assets/images/bg/logo-big.png') no-repeat left center;
} */

/* .MuiIconButton-root {
  margin-right: -24px !important;
} */

.MuiTablePagination-root:last-child {
  border: 0px !important;
  overflow-x: hidden  !important;
}

.MuiTypography-caption {
  padding-top: 14px;
  padding-left: 14px;
}
.MuiFormControl-root {
  width: 100%;
}
.MTableToolbar-searchField-233 {
  max-width: 281px;
  padding-left: 16px;
  padding-right: 15px;
}

/* .MuiTableCell-head {
  font-size: 16px !important;
  color: #000 !important;
  background-color:#007bff !important;
  color:#fff !important;
  font-weight: bold !important;
} */

.MuiTableCell-root {
  font-size: 15px !important;
  /* font-weight: 600 !important; */
  width: auto !important;
}



/* .MuiTable-root th {
  border-bottom:  2px solid rgba(224, 224, 224, 1) !important;
  /* border-bottom: 2px solid #e8ebf1!important; 
  padding: 6px !important;
  max-width: 89px !important;
  text-align: left;
} */



/* .MuiTable-root td {
  border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
  /* border: 1px solid #e8ebf1!important; 
  padding: 8px !important;
  text-align: left;
} */
.MuiInputAdornment-root input {
  width: 242px !important;
  padding-left: 16px !important;
  padding-right: 20px !important;
}
.form-group submit{text-align: center !important;}
i{color: #056ca2;}
.btn-primary{
  
  background-color: #056ca2 !important;
  color: #fff !important;
  border: none;
  padding: 6px 25px !important;
  cursor: pointer;
}
.react-datepicker-wrapper {
  width: 100% !important;
}

.MuiDialog-paperWidthSm {
  max-width: 90% !important;
  max-height: 500px !important;
}
.diaTitle h2{
  font-size: 20px !important;
}

.MuiDialogActions-root {
  text-align: center !important;
}

.labelStatus{
  font-weight: bold;
}


/* MOH User Custom Style */

.MuiDrawer-paper {
overflow: hidden;
background: #2A5072 !important;
color: white !important;
}


.MuiDrawer-paper {
  overflow: hidden;
  background: #1d225a !important;
  color: white !important;
  }
  .MuiList-padding {
      border-bottom: 1px solid #6376B1;
      padding: 0px !Important;
  }
  /* .MuiSvgIcon-root{font-size: 1.2rem !important;} */
  

/* .MuiTableCell-head {
  color: #000  !important;
  font-weight: 500;
  line-height: 1.5rem;
  font-size: 17px;
  background-color: #B3D9E3 !important;
} */
  .PrivateSwitchBase-root-274 {
      padding: 1px !important;
  }
  .DynamicTableView-table {
      width: 500px !important;
      overflow-x: auto;
  }
  .container .form-group .rop-highlight {
      color:#c32433 !important;
      font-weight: 400 !important;
  }
 .bg-c-grey {
      /* min-height: 130px; */
      background-color: #f2f2f2 !important;
      border:1px solid #000;
      margin-bottom:40px !important;
      color: #000;     
      -webkit-box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.21);
      -moz-box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.21);
      box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.21);
  }

  button:focus {
      outline:0 !important;
  }

  .alertButton,.alertButton:hover {
    background-color: darkblue !important ;

    
  }

  .MuiCard-root{color: #000 !important;}
  .swal2-styled{ padding: 0px !important;}

  .MuiCardContent-root {
    padding: 5px 16px 4px 16px !important;
  }
  .Grid-title {
    margin-top: 0px !important;
    margin-bottom: 14px !important; 
  }

  .MuiGrid-root .wizardPrev {
    float: right;
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .MuiGrid-root .wizardNext {
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
  }
 /* thead.MuiTableHead-root { background-color: #4303f2;}*/
  .container-left { text-align: left !important;}
  .paymentServiceFee { margin: 10px 10px 20px 0px; font-weight: 700; display: flex;}
  .mg40{ margin-bottom: 10px;}
  .page-title{margin-top:25px;}
  .btn-right{float: right;}
  .payment-grid{
    /* max-width: 92%;
    margin-left: 4%; */
   margin-top: 15px;
   margin-bottom: 10px;

  }
  .payment-highlight {
    padding: 5px 20px 20px 20px;
  }

  .land-draw ol.progtrckr li {
    width: 23.8% !important;
  }
  
  .app-form ol.progtrckr li {
     width: 19.5% !important;
  }

  .app-form-land ol.progtrckr li {
    width: 25% !important;
    
 }

.app-form-land-ln1b ol.progtrckr li {
   width: 16.6% !important;
}

.ol.progtrckr li {
  color: silver;
  border-bottom: 4px solid silver;
}


 .app-form-ln3 ol.progtrckr li {
  width: 18.8% !important
}
 
.app-form-ln4 ol.progtrckr li {
  width: 13.5% !important
  /* width: 12% !important */
}


.app-form-ln4-proxy ol.progtrckr li {
  width: 12% !important
}

.app-form-ln6 ol.progtrckr li {
  /* width: 16.15% !important; */
  width: 13.5% !important;
}

.tranfer-form ol.progtrckr li {
    width: 12.5% !important;
 }

 .release-mortage-form ol.progtrckr li {
  width: 14% !important;
}
.release-mortage-rn6-form ol.progtrckr li {
  width: 14.2% !important;
}

  .re-app-form ol.progtrckr li {
    width: 31.5% !important;
 }
 .real-estate-app-lost-damaged-form ol.progtrckr li {
    width: 20% !important;
 }

 .real-estate-app-requestdocument-form ol.progtrckr li {
  width: 15.0% !important;

}

.real-estate-rn1-app-requestdocument-form ol.progtrckr li {
  width: 20% !important;

}

.re12Wizard ol.progtrckr li {
  width: 25.0% !important;

}

.real-estate-app-rn-srchdoc-form ol.progtrckr li {
  /* width: 19.5% !important; */
  width:25% !important;
}


.real-estate-app-mohuser-form ol.progtrckr li {
  width: 20% !important;
}

.real-estate-app-court-form ol.progtrckr li {
  width: 24.3% !important;
}

.re-mohuser-form ol.progtrckr li {
  width: 19.6% !important;
}

.re-unfreeze-court-form ol.progtrckr li {
  width: 24.5% !important;
}
.re-estate-app-form ol.progtrckr li {
  width: 14.2% !important;
}

.rn4-re-estate-app-form ol.progtrckr li {
  width: 16.6% !important;
  white-space: nowrap;
}

.rn5-tranfer-form ol.progtrckr li {
  width: 14.2% !important;
}

.rn5B-tranfer-form ol.progtrckr li {
  width: 16.6% !important;
}

.re-estate-bank-app-form ol.progtrckr li {
  width: 19.5% !important;
}

.real-estate-app-form ol.progtrckr li {
  width: 33.2% !important;
}

.real-estate-rn9-form ol.progtrckr li {
   /* width: 23.5% !important; */
   width: 16.7% !important;
}

.new-org-user-form ol.progtrckr li {
  /* width: 23.5% !important; */
  width: 50% !important;
}
.real-estate-exchange-form-workitem ol.progtrckr li {
  width: 32% !important;
}

.real-estate-testament-form-workitem ol.progtrckr li {
  width: 29% !important;
}

.real-estate-rn13-sale-form-workitem ol.progtrckr li {
  width: 50% !important;
}

.real-estate-rop-approve-reject ol.progtrckr li {
  width: 32% !important;
}


.real-estate-rn10-form ol.progtrckr li {
  width: 13% !important;
}

.real-estate-exchange-form-workitem ol.progtrckr li {
  width: 32% !important;
}

.real-estate-exchange-form ol.progtrckr li {
  width: 16% !important;
}

.real-estate-rn11-form ol.progtrckr li {
  width: 19.8% !important;
}

.real-estate-contract-form ol.progtrckr li {
  width: 17% !important;
}

.real-estate-exchange-proxy-form ol.progtrckr li {
  width: 14% !important;
}

.real-estate-workitem-form ol.progtrckr li {
  width: 47.5% !important;
}

.real-estate-app-mortage-form ol.progtrckr li {
  width: 15.5% !important;
}

.real-estate-sell-form ol.progtrckr li {
  width: 16.5% !important;
}

.real-estate-seller-form-rn13 ol.progtrckr li {
  width: 29.2% !important;
}

.real-estate-broker-form ol.progtrckr li {
  width: 20% !important;
}

.real-estate-broker-form-standard ol.progtrckr li {
  width: 19.9% !important;
  white-space: nowrap;
}

.real-estate-broker-form-buyers ol.progtrckr li {
  width: 24.9% !important;
  white-space: nowrap
}

.real-estate-broker-standard-form-buyers ol.progtrckr li {
  width: 24.8% !important;
  white-space: nowrap
}

.wizard_2 ol.progtrckr li {
  width: 50% !important;
  font-size: 12px !important;
}

.wizard_3 ol.progtrckr li {
  width: 33.4% !important;
  font-size: 12px !important;
}

.wizard_4 ol.progtrckr li {
  width: 25% !important;
  font-size: 12px !important;
}

.wizard_5 ol.progtrckr li {
  width: 20% !important;
  font-size: 12px !important;
}

.wizard_6 ol.progtrckr li {
  width: 16.5% !important;
  font-size: 12px !important;
}

.wizard_7 ol.progtrckr li {
  width: 14.2% !important;
  font-size: 12px !important;
}

.wizard_8 ol.progtrckr li {
  width: 12.5% !important;
  font-size: 12px !important;
}
.wizard_9 ol.progtrckr li {
  width: 10.9% !important;
  font-size: 12px !important;
}

.wizard_10 ol.progtrckr li {
  width: 10% !important;
  font-size: 12px !important;
}

.wizard_11 ol.progtrckr li {
  width: 8.9% !important;
  font-size: 12px !important;
}
.wizard_12 ol.progtrckr li {
  width: 8.1% !important;
  font-size: 12px !important;
}


.real-estate-seller-form-rn7 ol.progtrckr li {
  width: 12.4% !important;
  font-size: 12px !important;
}

.real-estate-buyer-form ol.progtrckr li {
  width: 14% !important;
  font-size: 12px !important;
}

.real-estate-rn13-broker-select ol.progtrckr li {
  width: 14.2% !important;
  font-size: 12px !important;
  white-space: nowrap;  
}

.real-estate-rn13-broker-select-rtl ol.progtrckr {
  padding:  0px !important;
}

.real-estate-rn13-broker-form ol.progtrckr li {
  width: 19.9% !important;
  font-size: 12px !important;
}

.real-estate-rn13-broker-form-rtl ol.progtrckr {
  padding:  0px !important;
}

.real-estate-rn13-buyer-form ol.progtrckr li {
  width: 14.2% !important;
  font-size: 12px !important;
  white-space: nowrap;  
}
.real-estate-rn13-buyer-form-rtl ol.progtrckr {
  padding:  0px !important;
}
.real-estate-rn13-buyer-form-rtl ol.progtrckr li {
  width: 12.5% !important;
  font-size: 12px !important;
  white-space: nowrap;  
}

.real-estate-rn7-create-form ol.progtrckr li {
  width: 12.3% !important;
  font-size: 12px !important;
  white-space: nowrap;  
}


.real-estate-rn7-create-form-court ol.progtrckr li {
  width: 9.9% !important;
  font-size: 12px !important;
  white-space: nowrap;  
}

.deceasedChange{
  padding-left: 25px;
}

.inheritanceTableChange{
  margin-top: 70px;
  margin-bottom: 70px;
}

.profileChange{
  padding-left: 50px;
  margin-top: 20px;
}

.profileChangeAR{
  padding-right: 50px;
  margin-top: 20px;
}

.dynamic-table-padding {
  padding-left: 14px;
}

.psn4 ol.progtrckr li {
  width: 16% !important;
  font-size: 12px !important;
}

.psn4-edit ol.progtrckr li {
  width: 32% !important;
  font-size: 12px !important;
}

.psn7 ol.progtrckr li {
  width: 12% !important;
  font-size: 12px !important;
}

.psn7-gov ol.progtrckr li {
  width: 12.4% !important;
  font-size: 12px !important;
}

  .login-left-panel {
    /* background-color: rgb(67, 6, 234); */
    /* padding-left: 139px; */
    margin-top: 0px;
    /* border: 1px solid  rgb(67, 6, 234); */
    margin-right: -15px;
    margin-left: -18px;
  }
  .marginleft-0 {
    margin-left: 0px !important;
  }
  .paddingleft-0 {
    margin-top: 2px;
    padding-left: 0px !important;
    display: flex;
  }
  .tableDataAlign {
    display: table-cell;
    /*text-align: left !important;*/
    padding-left: 40% !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* .swal2-styled.swal2-confirm {
    width: 18% !important;
    height: 32px !important;
}
.swal2-styled.swal2-cancel {
  width: 18% !important;
  height: 32px !important;
} */
.file-Upload-drop{
  width: 229px !important;
}
.swal2-actions button {
  width: 18% !important;
    height: 32px !important;
}
.MuiTableRow-root .col-tab-header {
  width: 30% !important;
}
.header-btitle {
  /* padding-left: 8px !important; */
  padding-right: 0px !important;
  width: 88.5% !important;
}
.header-brd {
  padding-left:1px !important;
}
.REDocheader{
  padding-left: 8px !important;
  padding-right: 0px !important;
}

.header-btitle .MuiBreadcrumbs-root  {
  margin-top: 16px; /* !important;*/
  font-size: 14px !important;
  font-weight: 300;
  text-decoration: none;
  font-family: 'robotoregular','notokufiArabicregular';
}
.header-btitle .MuiTypography-colorTextSecondary{
  color: #383737 !important;
}

.header-btitle .MuiTypography-colorTextPrimary {
  color: #056ca2;
  font-weight: 300;
  font-size: 14px !important;
  font-family: 'robotoregular','notokufiArabicregular';
} 

.header-btitle .header-page-title {
  margin-top: 15px;
  font-size: 26px;
  font-weight: 500;
  display: flex;
}
.header-btitle .MuiLink-underlineHover:hover {
  color: #056ca2;
  text-decoration: none !important;
  cursor: pointer;

}

.footer-style {
    cursor: pointer;
    /* border: solid 1px #f2f2f2; */
    padding: 10px;
    background-color: rgb(5 108 162);
    color: #FFF;
    font-family: 'verdana';
    text-align: center;
}

.button-style {
  background-color: #056ca2;
  color: 'white';
  margin-left:  "0px";
  font-family: 'robotoregular', 'notokufiArabicregular';
}

.addRowTabView .form-group {
  margin-bottom: 0px !important;
}
.addRowTabView .td {
padding:1px;
}
.addRowTableStyle label {
  margin-top: 25px;
}
.addRowTableStyle .btn-danger {
  margin-top: 11px;
}
.mt-05{
  margin-top: 0.5% !important;
}
.table-col-left{
  text-align: left !important;
}
.table-col-center{
  text-align: center !important;
}
.table-col-right{
  text-align: right !important;
}
.table-col-pad-50{
  padding-left: 20px !important;
}
/* custom css */
.split-wiz ol.progtrckr li {
  width: 23.9% !important;
}
.split-wiz-proxy ol.progtrckr li {
  width: 19.5% !important;
}

.paymentTable{
  width: 40% !important;
  border: solid 1px antiquewhite;
}

.selectDocsPadding {
  padding-left: 180px !important;
}


/* New Chnages for portal */
.testimonialSlider {
  display: "flex";
  flex-direction: "column";
  height: "350px";
}

.css-bsmpxt {
  width:300px !important;
  /* border: solid 1px #ccc; */
}

.css-w9hylb {
  background:none !important;
}

.testimonial_item {
  display:flex;
  width:500px;
}

.testimonial_item div:first-child {
  width:165px;
}

.testimonial_item div:first-child {
  width:100%;
  margin-left:20px;
}

.slick-list, .slick-slider {
  position: relative;
  display: block;
}

.slick-next {
  right: -30px;
}

.announcement_section .slick-prev {
  left: -19px;
}

.slick-prev {
  left: -36px;
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: none;
  background-color: #000;
}

.slick-next:before, .slick-prev:before {
  color: #000;
}
.slick-prev:before {
  content: "\2190";
}
.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.profileChange{
  padding-left: 50px;
  margin-top: 20px;
}
.profileChangeAR{
  padding-right: 50px;
  margin-top: 20px;
}

.slick-next:before, .slick-prev:before {
  color: #000;
}
.slick-next:before {
  content: "\2192";
}
.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mohModalPop{
  width: auto !important;
}

.app-form-Company-Registration ol.progtrckr li {
  width: 33.2% !important
}

.app-form-Wakf-Registration ol.progtrckr li {
  width: 25.2% !important
}

.app-form-rn10 ol.progtrckr li {
  width: 13.8% !important
}

.app-form-rn10-proxy ol.progtrckr li {
  width: 12.1% !important
}


.containerBackground{
  background: rgb(196,196,200);
  background: -moz-linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 16%);
  background: -webkit-linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 16%);
  background: linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 16%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4c4c8",endColorstr="#ffffff",GradientType=1);
}

.headercontainerBackground{
  background: rgb(196,196,200);
background: -moz-linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 110%);
background: -webkit-linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 110%);
background: linear-gradient(180deg, rgba(196,196,200,1) 0%, rgba(255,255,255,1) 110%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4c4c8",endColorstr="#ffffff",GradientType=1);
}

.leftAlign{
  float: right;
}

.sec-padding {
  /* padding: 10px; */
  width: 100%;
  padding: 7px;
} 
.zeroSidePadding {
  padding-left: 0px;
  padding-right: 0px;
}
.zeroRPadding {
  padding-right: 0px !important;
  
}
.zeroLPadding {
  padding-left: 0px !important;
}

.brdContent {
  padding-left: 1px;
  padding-right: 15px;
}
.orgUserRegistration{
  padding-left: 3px;
  padding-right: 3px;
}
.brdCotentMgn {
  padding-top: 10px;
  padding-right:7px;
}
.headerClass{
  display: inline-block;
  width: auto !important;
  padding-top: 6px;
  padding-left: 0px;
  padding-right: 0px;
}

.headerClass .MuiBreadcrumbs-ol {
  font-size: 12px;
}

/* .breadCrumpTitle{
  font-weight: bold;
  color: rgb(5 108 162);
  /* padding-top: 28px; *
  position: absolute;
  display: inline-block;
  font-size: 18px;
  white-space: nowrap;
} */

.RELegalStatusHead{
  font-weight: bold;
  color: #056ca2;
  white-space: nowrap;
}

.serviceoverview {
  font-weight: bold;
  white-space: nowrap;
}

.swal2-confirm {
  background-color: #056ca2 !important;
}

.swal2-cancel {
  background-color: #056ca2 !important;
}

.breadCrumpTitleAlone{
  font-weight: bold;
  color: #056ca2;
  position: absolute;
  padding-top: 10px;
  font-size: 18px;
  white-space: nowrap;
}

.oldbreadCrumpTitleWrapper{
  color: blue;
  text-align: left;
}

.lang_ar .oldbreadCrumpTitleWrapper{
  text-align: right;
}

.oldbreadCrumpTitleWrapper .oldbreadCrumpTitle{
  /* font-weight: bold; */
  left: 45px; 
  position: absolute;
  top:14px;
  /* padding-top: 10px; */
  margin-bottom: 0px;
  font-size: 1.2rem;
}

.lang_ar .oldbreadCrumpTitle{
  right: 70px; 
}

.icon-RN10-granting898e28f0moh:before {
  content: "\ea85";
  font-size: 50px;
  float: left;
}

.icon-dealmoh:before {
  content: "\eaa4";
  font-size: 50px;
  float: left;
}
.dynaFrmTitle {
  padding-left : 12px;
  padding-right:0px;
}
.dynaFrmContent {
  padding-left : 8px;
}

.MuiTypography-h6PrimaryColor {
  color:  #056ca2 !important;
}
.loadingImg {
  margin-top: 4% !important;
  margin-left: auto !important; 
  margin-right: auto !important; 
  display: block !important; 
  margin-bottom: 4% !important; 
}

.leftfloat {
  float:left;
}
.rightfloat {
  float:right;
}
.displaynone{
  display:none;
}
.displayblock{
  display:block;
}
.ownerApprvgrid{
  margin:25px !important; 
}
.pd-0{
  padding: '0px'
}
.tb-btn{
  width: "150px"
}
.tb-width{
  width: "100%"
}
.ropContainer{
  width: 97% !important; 
  margin-left: 20px !important;
}
.row-rverse{
  flex-direction: row-reverse;
}
.rop_name{
  width:50% !important
}
.rop_changed_name{
  color:red !important;
  width:50% !important
}
.custom-dialog-width-div .MuiDialog-paper {
  width: 70% !important;
  height:80% !important;
  border: 2px solid blue;
  padding: 0px;
 }
  /* .preview_head{
   margin-top:30px; 
} */
.preview_head h4 {
  padding-bottom: 10px;
  background-color: #056ca2;
  color:white !important;
}

.change-to {
  cursor: pointer;
}