/* Common Styles */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
::placeholder,
::-ms-input-placeholder,
::-webkit-input-placeholder,
input::-webkit-input-placeholder,
::-moz-placeholder,
::-ms-placeholder,
::placeholder {
  color: #707070 !important;
  opacity: 1;
}
.form-wrapper#mainContent {
    min-height: calc(100vh - 27.7rem);
}
.form-wrapper label,
.form-wrapper .crmEntityFormView .cell .field-label,
.form-wrapper .description.below,
.form-wrapper .form-control,
.form-wrapper .view-grid thead a,
.form-wrapper .view-grid thead th,
.form-wrapper .crmEntityFormView,
.form-wrapper .entitylist,
.form-wrapper .modal-content,
.form-wrapper .popover-content,
.form-wrapper .terms-wrapper .terms-title,
.form-wrapper .uploaded-file a,
.form-wrapper .msos-current-selection-normal {
  color: #505050;
}

.form-wrapper .form-control{
  padding: 4px 15px !important;
}
.form-wrapper select.form-control{
  padding: 4px 40px 4px 15px !important;
  padding-right: 3rem !important;
}
.form-wrapper select.form-control#ldv_nationalityid {
    line-height: 1.5rem !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.form-wrapper .actions {
  /* max-width: 53.32142857rem; */
  margin: 0 auto;
  margin-bottom: 3rem;
  border-top: 2px solid #bfb8af;
}
.form-wrapper .actions .col-sm-6 {
  padding: 0;
}
.form-wrapper .actions .btn-group input {
  /* width: 7.714285714rem; */
  /* height: 2.357142857rem; */
}

.form-wrapper .crmEntityFormView .actions .btn:first-child {
  /* margin-right: 0 !important; */
}
html[dir=ltr] .form-wrapper .crmEntityFormView .actions .btn:last-child {
  margin-right: 0;
}
.form-wrapper .btn-primary,
.form-wrapper .btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  color: #fff !important;
}
.form-wrapper .btn:focus,
.form-wrapper .btn.focus,
.form-wrapper .btn:active:focus,
.form-wrapper .btn:active.focus,
.form-wrapper .btn.active:focus,
.form-wrapper .btn.active.focus,
:focus-visible,
.form-wrapper a:-webkit-any-link:focus-visible,
.form-wrapper .view-grid thead a:focus {
  outline: none;
  outline-offset: 0;
}
.form-wrapper .crmEntityFormView .cell div.info div.validators,
.help-block.error,
label.control-label.required:before,
.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .validator-text,
.crmEntityFormView .rank-order-cell .validator-text,
.crmEntityFormView .constant-sum-cell .validator-text,
.crmEntityFormView .stack-rank-cell .validator-text,
.crmEntityFormView .validators,
.validation-summary a {
  color: #e50505 !important;
}
/* .crmEntityFormView fieldset{
  margin-top: 30px;
} */
.form-wrapper .btn-primary.disabled:hover,
.form-wrapper .btn-primary.disabled:focus,
.form-wrapper .btn-primary.disabled.focus,
.form-wrapper .btn-primary[disabled]:hover,
.form-wrapper .btn-primary[disabled]:focus,
.form-wrapper .btn-primary[disabled].focus,
.form-wrapper fieldset[disabled] .btn-primary:hover,
.form-wrapper fieldset[disabled] .btn-primary:focus,
.form-wrapper fieldset[disabled] .btn-primary.focus {
  background-color: #2f5fef;
  border-color: #2f5fef;
}
.wrapper-body.form-wrapper.modal-wrapper .input-group {
  width: 100%;
}
.modal table td .fa-check{
  line-height: initial;
}
.modal table td .fa-check:before {
  color: #2f5fef;
}
.form-wrapper .progress.list-group {
  margin-top: 2rem;
}
.form-wrapper .col-md-2,
.form-wrapper .col-md-10 {
  width: 100%;
  float: left;
}
.validation-summary {
  margin: 2rem 15px;
}
.form-wrapper .inputfile {
  visibility: hidden;
  width: 0;
  height: 0;
}
.crmEntityFormView .validation-summary h2 {
  color: #505050;
}
.validation-summary a {
  margin: 0 !important;
  font-family: 'Arial';
    font-size: .9rem;
}
.validation-summary li {
  margin-bottom: 0.5rem;
}
/* Alert Notification Styles */
.form-wrapper .alert-notification {
  background: #f3f3f3;
  color: #525252;
  padding: 0.714285714rem;
}
.form-wrapper .tab-column > .alert-notification {
  margin-top: 1rem;
}
.form-wrapper .alert-warning {
  color: #505050;
  font-family: 'Arial'
}
.alert-success:has(.record-deleted) {
  background-color: #faebcc;
  border-color: #faebcc;
  color: #000;
}
/* Select Styles */
.form-wrapper select::-ms-expand {
  display: none;
}
.form-wrapper .picklist-cell select,
.form-wrapper .form-control-cell:has(select) select,
.form-wrapper .lookup select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
}
.form-wrapper .picklist-cell .control,
.form-wrapper .form-control-cell:has(select) .control,
.form-wrapper .lookup .control {
  position: relative;
  display: flex !important;
  align-items: center;
}
.form-wrapper .picklist-cell:not([role="radiogroup"]) .control:after,
.form-wrapper .form-control-cell:has(select):not([role="radiogroup"]) .control:after,
.form-wrapper .lookup:not([role="radiogroup"]) .control:after {
  position: absolute;
  /*content: "\e903";*/
  font-family: "maan";
  right: 1rem;
  /* top: calc(50% - 0.5rem); */
}
.form-wrapper .form-readonly .form-control-cell:has(select):not([role="radiogroup"]) .control:after {
  z-index: 99;
}

/* File Upload Styles */
.form-wrapper .inputfile::-webkit-file-upload-button {
  visibility: hidden;
}
.form-wrapper .form-wrapper .inputfilet::before {
  content: "Select some files";
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.form-wrapper .inputfile:hover::before {
  border-color: black;
}
.form-wrapper .inputfile:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.form-wrapper .attachment-wrapper,
.form-wrapper .file-upload {
  width: 100%;
}
.form-wrapper .crmEntityFormView .cell div.control.attachment-wrapper {
    display: block;
}
.form-wrapper .errors-wrapper .error-message{
    font-size: 1rem;
    font-family: 'Arial';
    color: #2f2b2b;
    margin-top: 0.5rem;
    margin-bottom: 0;
}
.form-wrapper .errors-wrapper .error-message::before {
  content: "\e91f";
  font-family: "maan";
  margin-right: 0.5rem;
  color: #868686;
}
.wrapper-body.form-wrapper.modal-wrapper .errors-wrapper .error-message {
  /* font-size: 1.2rem; */
  font-size: 0.875rem;
    font-family: 'Arial';
}
.form-wrapper label.file-upload {
  margin-bottom: 0;
}
.form-wrapper .file-upload {
  position: relative;
  display: flex !important;
  align-items: center;
}
.form-wrapper .file-upload:before {
  content: "Select Your File";
  color: #a7a7a7;
  position: absolute;
  top: auto !important;
  left: 10px !important;
}
.form-wrapper .file-upload::after {
  content: "\e975";
  font-size: 1.1rem;
  font-family: "maan";
  position: absolute;
  right: 1.07rem !important;
  top: auto !important;
  color: #d6715b;
}
.form-wrapper .uploaded-file button {
  /*border: none;*/
  background-color: transparent;
}
.form-wrapper .uploaded-files-wrapper .uploaded-file{
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}
/* .form-wrapper .uploaded-file {
  
  margin-bottom: 0.9rem;
} */
.form-wrapper .uploaded-file:last-child {
  margin-bottom: 0;
}
.form-wrapper .uploaded-file i {
  color: #2f5fef;
  font-size: 1.2rem;
}
.form-wrapper .uploaded-file i.lib-icon-trash::before {
  content: '\e9ac';
}
.form-wrapper .uploaded-file a {
  text-decoration: none;
}
.form-wrapper .crmEntityFormView .cell .picklist input[type="radio"],
.form-wrapper .crmEntityFormView .cell .boolean-radio  input[type="radio"],
.form-wrapper .checkbox input[type="checkbox"] {
  margin-top: 0;
  accent-color: #2f5fef;
}
.form-wrapper .trashbutton {
  background: transparent;
  border: none;
}
.form-wrapper .trashbutton {
  background: transparent;
  border: none;
}
/* Radio Button Styles */
.form-wrapper .crmEntityFormView .cell .picklist input[type="radio"],
.form-wrapper .crmEntityFormView .cell .boolean-radio    input[type="radio"] {
  margin: 2px 5px 5px 10px !important;
}
.form-wrapper .crmEntityFormView .cell .picklist input[type="radio"] {
  margin-top: 2px !important;
}
.form-wrapper .crmEntityFormView .cell .picklist label {
  margin-right: 3.5rem;
}
.form-wrapper .crmEntityFormView .cell[role="radiogroup"] .picklist label {
  margin-bottom: 0;
}
/* Modal Styles */
.modal-open .modal {
  padding-right: 0 !important;
}
.modal .modal-title .fa-pencil-square-o {
  display: none;
}
.wrapper-body.form-wrapper.modal-wrapper {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.wrapper-body.form-wrapper.modal-wrapper .tab-title {
  display: none;
}
.wrapper-body.form-wrapper.modal-wrapper .form-control,
.wrapper-body.form-wrapper.modal-wrapper label {
  font-size: 0.875rem;
}
.wrapper-body.form-wrapper.modal-wrapper .form-control {
  font-size: 0.875rem !important;
}
.wrapper-body.form-wrapper.modal-wrapper .btn-default.launchentitylookup ,.wrapper-body.form-wrapper.modal-wrapper .btn-default.clearlookupfield ,button[aria-label='Search Results']{
  border: none;
  /* padding: 7px 12px 2px; */
}
.form-wrapper .btn-default.launchentitylookup ,.form-wrapper .btn-default.clearlookupfield{
  border: none;
  padding: 7px 12px 2px;
  /* padding: 0 12px; */
  height: 2.5rem;
}
.form-wrapper .btn-default.launchentitylookup:hover ,.form-wrapper .btn-default.clearlookupfield:hover{
  /* background-color: transparent !important; */
  height: 3.571428571rem;
}
.wrapper-body.form-wrapper.modal-wrapper #content {
  /* height: 100vh; */
  height: auto;
  max-height: 100vh;
  display: block;
}
.wrapper-body.form-wrapper.modal-wrapper #mainContent,
.wrapper-body.form-wrapper.modal-wrapper #content_form,
.wrapper-body.form-wrapper.modal-wrapper #EntityFormControl,
.wrapper-body.form-wrapper.modal-wrapper #EntityFormPanel {
  height: 100%;
}
.wrapper-body.form-wrapper.modal-wrapper #EntityFormControl_EntityFormView {
  height: calc(100% - 8rem);
}
.wrapper-body.form-wrapper.modal-wrapper .actions {
  border: none;
}
.wrapper-body.form-wrapper.modal-wrapper .crmEntityFormView .cell,
.wrapper-body.form-wrapper.modal-wrapper .actions {
  padding: 7px 15px 20px;
}
/* soltan change */

.wrapper-body.form-wrapper.modal-wrapper .cell input[type=text], .wrapper-body.form-wrapper.modal-wrapper .cell select{
  /* height: 100% !important; */
  height: 3.5rem !important;
}


/* soltan change */

.modal-form .modal-body iframe {
  height: 34.28571429rem;
}
.wrapper-body.form-wrapper.modal-wrapper .form-control {
  /* line-height: 1; */
  line-height: 1.5;
}
/* Terms Styles */
.form-wrapper .terms-wrapper {
  /* border: 1px solid #bfb8af; */
  padding: 40px;
  background:#F9F7F3;
}
.form-wrapper .crmEntityFormView .terms-wrapper {
  /* border: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; */
}
.form-wrapper#mainContent :not(.modal) .terms-wrapper {
  margin-top: 30px !important;
}
.form-wrapper .terms-wrapper
.form-wrapper .terms-wrapper .terms-title {
  font-size: 1.285714286rem;
  font-family: "Effra-medium";
  margin-top: 0;
}
.form-wrapper .crmEntityFormView .terms-wrapper .terms-title {
  /* padding: 0 15px; */
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 0;
}
.form-wrapper
  .terms-wrapper
  .crmEntityFormView
  .cell.checkbox-cell:first-child {
}
.form-wrapper .crmEntityFormView .terms-wrapper .customized-list ul li::before {
  top: 5px;
}
/* Grid Styles */
.form-wrapper .subgrid-cell .subgrid .field-label {
    font-size: 1.25rem;
    font-family: "Effra-Regular" !important;
    margin-top: 0.5rem;
}
.form-wrapper .view-grid .dropdown.action .btn-default {
  border: none;
  background-color: transparent;
  color: #707070;
}
.form-wrapper .view-grid .dropdown.action .fa-chevron-circle-down::before {
  content: "\e92a";
  font-family: "maan";
}
.form-wrapper .view-grid .dropdown.action .btn-default:active:hover,
.form-wrapper .view-grid .dropdown.action .btn-default:active:focus,
.form-wrapper .view-grid .dropdown.action .btn-group.open .dropdown-toggle {
  outline-offset: 0;
  box-shadow: none;
}
.form-wrapper .view-grid .dropdown.action .dropdown-menu a:hover{
  background-color: #2f5fef;
  color: #fff !important;
  border-color: transparent;
}
/* .form-wrapper .view-grid .fa-arrow-up{
  content: "\e903";
  font-family: "maan";
} */
/* Form Styles */

.form-wrapper .crmEntityFormView .cell .field-label {
  line-height: 1.428571429rem;
}
.form-wrapper label {
  font-weight: normal;
}
.form-wrapper .tab-title,
.form-wrapper .section-title {
  font-size: 1.571428571rem;
  color: #505050;
  line-height: 2.142857143rem;
  border-bottom: none;
  padding-bottom: 5px;
  font-family: "Effra-medium" !important;
  margin-bottom: 0;
}
#EntityFormPanel .section-title h3 {
  font-size: 18px;
}
.form-wrapper .crmEntityFormView {
  border: none;
}

.form-wrapper .crmEntityFormView .cell div.control {
  display: -webkit-box;
  padding: 1px;
}
.wrapper-body.form-wrapper.modal-wrapper .crmEntityFormView .cell.textarea div.control {
  min-height: 12rem;
}
.wrapper-body.form-wrapper.modal-wrapper .crmEntityFormView .cell.textarea div.control textarea {
  /* min-height: 12rem; */
  min-height: 11rem;
}
.form-wrapper .crmEntityFormView .cell div.control > div {
 /* width: 100%;*/
}
.form-wrapper
  .crmEntityFormView
  .cell.datetime
  div.control
  .input-append.input-group.datetimepicker,
.form-wrapper .crmEntityFormView .subgrid {
  width: 100%;
}
.form-wrapper .form-control-cell .control,
.form-wrapper .picklist-cell:not([role="radiogroup"]) .control,
.form-wrapper .bootstrap-datetimepicker-widget,
.form-wrapper .attachment-wrapper,
.form-wrapper .ms-Dropdown-container,
.form-wrapper .ms-TextField-wrapper,
/* .form-wrapper #phonecontrolid , */
.form-wrapper #MultiSelectPCFControl ,
.form-wrapper #UpdMSPicklistControl {
  /* box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e8e8e8; */
  border-radius: 3px;
   
}
/*.form-wrapper .form-control-cell .control #MultiSelectPCFControl,
.form-wrapper .control #UpdMSPicklistControl{
  border: none;
}/*
.form-wrapper #UpdMSPicklistControl , .form-wrapper #MultiSelectPCFControl {
    align-items: center;
    display: flex;
    min-height: 3.571428571rem;
}
/* .IntlTelInputComponent .iti--allow-dropdown{
  border: none !important;
} */
.iti__country-list{
  z-index: 3 !important;
}
.form-wrapper .form-control,
.form-wrapper #phonecontrolid ,
.form-wrapper .subgrid-cell .control,
.form-wrapper .phonecontrolid{
  box-shadow: none;
  /*border: none;*/
  font-size: 0.928571429rem;
  line-height: 1.285714286rem;
}
.form-wrapper .form-control,
.form-wrapper #phonecontrolid ,
/* .form-wrapper .subgrid-cell .control, */
.form-wrapper .phonecontrolid{
  height: 3.4rem;
}
.form-wrapper .form-control.readonly {
  height: 3.4rem;
}
.form-wrapper .control , 
.form-wrapper .control .iti--allow-dropdown,
.form-readonly .uploaded-file,
.form-wrapper .attachment-wrapper,
.form-wrapper .file-upload{
  height: 3.714285714rem;
}
.form-wrapper .control.rich_text_editor {
  height: auto;
  min-height: 3.7rem;
}
.form-wrapper .form-readonly .file-upload {
  height: 3.4rem;
  margin-bottom: 0;
}
.form-wrapper .cell[role="radiogroup"] .control {
  height: auto !important;
  padding-top: .25rem;
}
.form-wrapper .control .iti--allow-dropdown{
    /* box-shadow: 0px 3px 6px #00000029; */
    /* border: 1px solid #e8e8e8; */
    border: none;
}
.form-wrapper .textarea .control,
.form-wrapper .textarea .control .form-control,
.form-wrapper .subgrid-cell .control {
  height: auto;
  min-height: 8.571rem;
}
.form-wrapper .form-control-cell.textarea .control > div * {
  background-color: transparent !important;
}
.form-wrapper .description.below {
  /* margin-top: 0.75rem !important; */
  margin-top: 0.9rem !important;
  /* font-size: 0.928571429rem; */
  line-height: 1.285714286rem;
  font-size: 0.857142857rem;
  color: #707070;
  opacity: 0.85;
  /* font-family: 'Poppins-Medium';
    font-size: .8rem; */
    font-family: 'Arial';
    font-size: .75rem;
}
.wrapper-body.form-wrapper.modal-wrapper .description.below {
  /* font-size: 0.875rem;
  opacity: 1; */
}
.crmEntityFormView div.description.above {
  font-family: 'Arial';
}
.form-wrapper .crmEntityFormView .tab {
  /* max-width: 55.46428571rem; */
  margin: 0 auto;
}
.form-wrapper .datetimepicker .input-group-addon {
  border: transparent;
  background: transparent;
}
.form-wrapper .datetimepicker .input-group-addon:focus-visible,
.form-wrapper .datetimepicker .datepicker .prev button:focus-visible,
.form-wrapper .datetimepicker .datepicker .next button:focus-visible {
  outline: none;
}
.form-wrapper .datetimepicker .input-group-addon .fa-calendar:before {
  font-family: "maan";
  content: "\e901";
}
.form-wrapper .datepicker .picker-switch > button:focus {
  outline: none;
}
.form-wrapper .datepicker .glyphicon-chevron-right:before,
.form-wrapper .datepicker .glyphicon-chevron-left:before,
.form-wrapper .datepicker .picker-switch,
.form-wrapper
  .bootstrap-datetimepicker-widget
  table
  thead
  tr:first-child
  th:hover {
  color: #2f5fef;
}
.form-wrapper .bootstrap-datetimepicker-widget table td span.active,
.form-wrapper .bootstrap-datetimepicker-widget table td.active,
.form-wrapper .bootstrap-datetimepicker-widget tr td.active button {
  background-color: #2f5fef;
}
.form-wrapper .bootstrap-datetimepicker-widget table tr td span.active button,
.form-wrapper .bootstrap-datetimepicker-widget table tr td.active {
  color: #fff;
}
.form-wrapper .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #2f5fef;
}
.form-wrapper .multiSelectWrapper {
  width: 100%;
}
/* div:has(span#ldv_primarysocialobjectives_Container) {
  width: 100%;
} */
.form-wrapper .actions .action-btns {
  display: flex;
  padding: 0;
  flex-direction: row-reverse;
}

.form-wrapper .btn-group:first-child {
  justify-content: normal;
    /* width: 70%; */
}
.form-wrapper .actions .saveAndbtns{
  display: flex;
  /* width: 46%; */
  /* justify-content: space-between; */
}

.form-wrapper .actions .saveAndbtns .btn{
  margin-left: 10px;
  font-size: 1rem;
}


.form-wrapper #next-previous-div .btn-group:first-child{
  width: auto;
}


.modal-dialog a.toggle-related-filter {
    color: #2f5fef !important;
}
.modal-wrapper .actions #InsertButton{
  background-color: #2f5fef !important;
  color: #fff !important;
}
.modal-dialog .toggle-related-filter.btn-default.active{
  background-color: #2f5fef !important;
  color: #fff !important;
}
.form-wrapper .btn-group #btnSave {
  background-color: #fff;
  color: #2f5fef !important;
  border-color: #2f5fef;
  font-size: 1rem;
}
.form-wrapper .btn-group #NextButton,
.form-wrapper .btn-group #PreviousButton {
  color:  #2f5fef !important;	
  background-color: #fff;	
  border: none !important;
  position: relative;
  /* background-color: #2f5fef;
  border-color: #2f5fef; */
  /* color: #fff; */
  font-size: 1rem;
  /* display: flex;	
  align-items: center; */
}
.form-wrapper .btn-group #NextButton[value=Submit] ,.form-wrapper .btn-group #SubmitButton,
.form-wrapper .btn-group #NextButton[value=إرسال]{
  background-color: #2f5fef;
  color: #fff !important;
  min-width: 7.714285714rem;
  font-size: 1rem;
}
.form-wrapper .btn-group:has(#NextButton[value='Processing...'])::after{
    display: none;
}
.form-wrapper #next-previous-div .prev-wrapper:after {
  content: "\e90d" !important;
  position: absolute;
  font-family: "maan" !important;
  color: #2f5fef !important;
  font-size: 1rem;
  transform: scaleX(-1);
  z-index: 3;
  left: 0px;
  top: 0.4rem;
}

.form-wrapper #next-previous-div .btn-group .btn:active{
  box-shadow: none !important;
}
.form-wrapper #next-previous-div .btn-group .btn:hover{
  color: #2f5fef;
}
.form-wrapper #next-previous-div .next-wrapper:after {
  content: "\e90d" !important;
  font-family: "maan" !important;
  color: #2f5fef !important;
  position: absolute;
  right: 0px;
  font-size: 1rem;
  top: 0.4rem;
  z-index: 2;
}
.form-wrapper #next-previous-div .next-wrapper #NextButton{
  margin-right: 10px !important;
}

.form-wrapper #next-previous-div .prev-wrapper #PreviousButton{
  margin-left: 10px;
}


.rich-text-wrapper .control{
  height: auto;
}

.form-wrapper #next-previous-div{
  /* justify-content: flex-end; */
  width: 100%;
  /* flex-direction: row !important; */
}
.complete-profile #next-previous-div{
  width: 100%;
  justify-content: space-between;
  display: flex;
}
.form-wrapper #next-previous-div .next-wrapper{
  width: auto;
  /* align-items: center; */
}
/* .form-wrapper #next-previous-div .btn-group:last-child{
  align-items: center;
} */
.form-wrapper .btn-group #NextButton {
  margin-right: 0 !important;
}

.complete-profile .actions .btn-group .btn:first-child{
  margin-right: 0 !important;
}
.form-readonly .uploaded-file{
  margin-top:0 !important;
}
.form-readonly .uploaded-files-wrapper{
  width:100%;
}
.form-readonly-wrapper .actions .action-btns{
  flex-direction: row ;
}
.form-readonly-wrapper .actions #next-previous-div{
  width: 30%;
  display: flex;
  justify-content: normal;
}
.create-communcation .actions{
  display: flex;
  justify-content: flex-end;
}

.create-communcation .actions #InsertButton {
  margin-right: 10px !important;
}
.form-wrapper .checkbox-cell{	
  padding: 0 15px !important;	
}	
.terms-wrapper .checkbox-cell{	
  padding: 0 10px 0 0 !important;	
}	
.ms-TextField-fieldGroup::after{	
  outline: none !important;	
}	
.tooltip{	
  display: none !important;	
}	
/* .clearlookupfield{	
  border: none;	
  height: 35px;	
}	 */
.wrapper-body.form-wrapper.modal-wrapper .actions{	
  margin-left: 0 !important;	
}	
.lookup .input-group{
  width: 100000%;
}


.modal-wrapper .phonecontrolid{
  font-size: 0.875rem !important;
}


/* soltan change */
.phonecontrolid{
  padding-top: 10px !important;
}

/* soltan change */


/* .tab-column{
  padding-bottom: 3rem;
} */


.form-wrapper.communication .tab-title{
  /* margin-bottom: 2.14rem; */
  margin-bottom: 1.14rem;
}
.form-wrapper.communication #tab-title{
    display: flex;
    align-items: flex-end;
    
}
.communication-view #tab-title h2{
  width: 76%;
}

.communication-view  .view-message .control{
  display: flex !important;
  flex-direction: column;
}

#tab-title a {
    margin-left: 15px;
    margin-bottom: 1rem;
    /* width: 7.714rem; */
    padding: 0.6rem 2.786rem;
    font-size: 1rem;
}
#tab-title a.btn-secondary{
  border: 1px solid #2f5fef;
}
#tab-title a.btn-secondary:hover{
  color: #2f5fef;
}
#tab-title .dropdown-menu.second-dropdown {
    margin-left: 15px;
}
.communication-view .actions{
  display: flex;
  flex-direction: row-reverse;
}
.communication input.readonly , .communication select:disabled,.communication textarea.readonly{
  background-color: #eeeeee !important;
}

/* Check If error */
.MscrmControls .msos-container:not(.msos-disabled) ,.MscrmControls .msos-container:not(.msos-disabled).msos-focused,.MscrmControls .msos-container:not(.msos-disabled).msos-active{
  box-shadow: none !important;
  border: none !important;
}


/* new multiselect */

.css-1pahdxg-control,.css-yk16xz-control{
  border: none !important;
  box-shadow: none !important;
}
.css-yk16xz-control{
  min-height: auto !important;
}
.css-1fhf3k1-control{
  border-radius: 0 !important;
}
.form-readonly .css-g1d714-ValueContainer{
  width: 100%;
  padding: 10px 8px;
}
.form-readonly .css-b8ldur-Input{
  display: none;
}
.form-readonly .css-1fhf3k1-control {
  min-height: auto;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.multiSelectWrapper .msos-container{
  /* z-index: 99; */
  z-index: 11;
}
.msos-container#ldv_projectstatuscode_i {
  z-index: 12;
}

.multiSelectWrapper .msos-selected-display-item .msos-selected-display-item-text{
  font-size: 85%;
}

.css-1hb7zxy-IndicatorsContainer {
  align-items: center !important;
  margin-left: auto;
}
.form-readonly .css-1hb7zxy-IndicatorsContainer {
  display: none;
}
/* complete profile */
.form-wrapper .boolean-radio {
  display: inline-block;
  margin-top: 0.7rem;
}

.complete-profile #EntityFormView{
  min-height: 50vh;
}

/* Removing Select From PCF Control */
.css-g1d714-ValueContainer .css-1wa3eu0-placeholder {
    display: none;
}
/* edit-profile */
.edit-profile-wrapper .request-no{
  display: none;
}
.edit-profile-wrapper .control .control{
  display: none !important;
}
.edit-profile-wrapper .control input#emailaddress1{
  display: block !important;
}

/* view screen */
.form-readonly .file-upload , .form-readonly .msos-disabled .msos-viewmode-container{
  background-color: #eeeeee;
}
.form-readonly .msos-disabled .msos-viewmode-container .msos-viewmode-button {
  visibility: hidden;
  opacity: 0;
}

.msos-active.msos-none-selected:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen), 
.msos-focused:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen) {
  margin-top: 1rem;
  background: #fff;
  box-shadow: 0 6px 10px 0px #8888888c;
}

#phonecontrolid:read-only{
  padding-left: 45px !important;
}
.form-readonly input[type="text"],
textarea,
/* .form-readonly .datetime .control, */
.form-readonly .money .control,
.form-readonly .form-control[readonly][disabled],
.form-readonly .form-control {
  /*background-color: #eeeeee !important;*/
  padding: 6px 15px !important;
}
.form-readonly .datetimepicker{
  width: 100% ;
}
.form-readonly .text-muted {
  left: 1.07rem;
  top: 0;
}
.form-readonly .money .control{
  padding: 0 !important;
}
.form-readonly .lookup .control div{
  width: 100%;
}
.form-readonly .money .input-group > .input-group-addon {
  padding-left: 15px;
  padding-right: 5px;
  vertical-align: initial;
}
/* .lookup.form-control-cell div:not(.input-group-btn){
  width: 100%;
} */
.crmEntityFormView .form-control.readonly:focus, .crmEntityFormView .form-control[readonly][disabled]:focus, .form-readonly .form-control:focus{
  outline: none !important;
  border: none;
}
.form-readonly #UpdMSPicklistControl{
  min-height: 2.771428571rem;
  background-color: #eeeeee !important;
  padding: 0 15px;
}
.form-readonly #value_viewmodecontainer{
  background-color: #eeeeee;
}
.crmEntityFormView .form-control.readonly,.crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control,.crmEntityFormView .control .text-muted{
  padding: 10px 15px !important;
}
.ms-Dropdown::after , .ms-Dropdown:focus:after{
  outline: none;
  border: none;
}

.form-readonly .uploaded-file {
  background-color: #eeeeee;
  padding: 15px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e8e8e8;
	width: 100%;
}
.form-readonly .uploaded-file a{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-readonly .file-upload:before {
  content: "No File Uploaded" !important;
}
.form-readonly .file-upload:after {
  display: none !important;
}
.form-readonly .email .control {
  display: none !important;
}
.form-readonly .email input[type="email"].form-control {
  display: block !important;
  border: 1px solid;
}
.form-readonly input[type="email"]{
  display: block !important;
}
.form-readonly .control .control{
  display: none !important;
}

.form-control[readonly], .form-control[disabled] {
  background-color: #eee !important;
}
.pagination{
    display: flex;
    justify-content: center;
    
}
.pagination li a{
    display: flex;
    justify-content: center;
    background-color: transparent !important;
    border: 1px solid #646361 !important;
    color: #646361 !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 30px !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{
    /*background-color: #2f5fef !important;*/
   /* border: 1px solid #2f5fef !important;*/
    border-radius: 0 !important;
    color: #fff !important;

}


.entity-associate .view-grid, .entity-lookup .view-grid{
  height: auto;
  max-height: none;
}

.form-wrapper h3.request-no.subject-details{
  padding:0;
}
.form-wrapper h3.request-no{
  color: #505050;
  font-size: 1.714rem;
  font-family: 'Effra-medium' !important;

}
.form-wrapper h3 span{
  font-size: 1.25rem;
  font-family: 'Effra';
}

/* Captcha */
.form-wrapper .crmEntityFormView .captcha-cell {
  padding: 0 15px;
}
.form-wrapper .crmEntityFormView .captcha-cell img  {
  height: 60px !important;
  width: auto !important;
  border: 1px solid #e8e8e8;
  padding: 8px 20px;
  margin-bottom: 7px;
}
.form-wrapper .crmEntityFormView .captcha-cell .rcCaptchaAudioLink, 
.form-wrapper .crmEntityFormView .captcha-cell .rcRefreshImage {
    font-size: .9rem;
    display: inline-block !important;
}
.form-wrapper .crmEntityFormView .captcha-cell .rcRefreshImage {
  margin-right: 1rem;
}
.form-wrapper .crmEntityFormView .captcha-cell p input {
  display: block;
  margin-top: 10px;
  border: 1px solid #d1d1d1;
  height: 2.571428571rem;
  width: 20rem;
  max-width: 100%;
}
.form-wrapper .crmEntityFormView .captcha-cell p label {
  font-size: 0.857142857rem;
  color: #707070;
  opacity: 0.85;
}

.wrapper-body.form-wrapper.modal-wrapper .form-readonly div.control.attachment-wrapper {
  display: block;
}
.wrapper-body.form-wrapper.modal-wrapper .form-readonly .uploaded-file {
  box-shadow: none;
  border: 1px solid #888888;
  border-radius: 3px;
  font-family: 'Arial';
  font-size: 0.875rem;
}
.wrapper-body.form-wrapper.modal-wrapper .cell div.control > p {
  /* margin-top: auto;
  margin-bottom: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%; */
}

@media (min-width: 500px) {
  .form-wrapper .progress.list-group .list-group-item {
    width: 50%;
    float: left;
  }
}
@media (min-width: 768px) {
  .wrapper-body.form-wrapper.modal-wrapper .form-control,
  .wrapper-body.form-wrapper.modal-wrapper .subgrid-cell .control,
  .wrapper-body.form-wrapper.modal-wrapper .btn-default.launchentitylookup:hover ,.form-wrapper .btn-default.clearlookupfield:hover{
    height: 36px;
  }

  .wrapper-body.form-wrapper.modal-wrapper .datetime input[type=text]{
    height: 3rem;
  }
  .wrapper-body.form-wrapper.modal-wrapper .control,
  .wrapper-body.form-wrapper.modal-wrapper .attachment-wrapper,
  .wrapper-body.form-wrapper.modal-wrapper .form-readonly .uploaded-file,
  .wrapper-body.form-wrapper.modal-wrapper .file-upload {
    /* height: 38px; */
    height: 3.2rem;
  }
  .wrapper-body.form-wrapper.modal-wrapper .crmEntityFormView .cell div.control:has(.IntlTelInput) {
    height: 3.2rem;
  }
  .wrapper-body.form-wrapper.modal-wrapper .file-upload,
  .wrapper-body.form-wrapper.modal-wrapper .control .iti--allow-dropdown {
    height: 2.9rem;
  }
  .wrapper-body.form-wrapper.modal-wrapper .control .iti--allow-dropdown {
    height: 3.1rem;
  }
  .wrapper-body.form-wrapper.modal-wrapper .file-upload::after {
    top: 25%;
  }
  .wrapper-body.form-wrapper.modal-wrapper .cell input[type=text], 
  .wrapper-body.form-wrapper.modal-wrapper .cell select,
  .wrapper-body.form-wrapper.modal-wrapper .form-control,
  .wrapper-body.form-wrapper.modal-wrapper .subgrid-cell .control {
    height: 2.9rem !important;
  }

  .form-wrapper .tab-title,
  .form-wrapper .section-title {
    padding: 0 13px;
  }
  .form-wrapper .request-no{
    padding-left: 16px;
  }
  .form-wrapper .tab-title{
    margin-bottom: 1rem;
  }
  .form-wrapper .alert-notification,
  .form-wrapper .validation-summary {
    margin: 0 15px 23px;
  }
  .form-wrapper .validation-summary li{
    color: #e50505 !important;
  }
  .form-wrapper .terms-wrapper {
    margin: 0 28px 20px;
  }
  .form-wrapper .actions {
    margin: 0 28px 3rem;
  }
  .form-wrapper .progress.list-group {
    margin: 2rem 28px 20px;
  }
}
@media (max-width: 767px) {
  .form-wrapper .crmEntityFormView {
    padding-right: 15px;
    padding-left: 15px;
  }
  .form-wrapper .crmEntityFormView .captcha-cell {
    padding: 0;
  }
  .form-wrapper .crmEntityFormView .terms-wrapper .terms-title {
    padding: 0;;
  }
  /* soltan change */

  .form-wrapper .checkbox-cell {
    padding: 0 !important;
  }
  /* soltan change */

  #EntityFormPanel {
    padding-top: 15px;
  }
  .form-wrapper .subgrid-cell .subgrid .field-label {
    font-size: 1.15rem;
    word-spacing: .1rem;
  }
}
@media (min-width: 992px) {
  .form-wrapper .crmEntityFormView .cell {
    padding: 7px 15px 20px;
  }
  .form-wrapper .col-md-2 {
     width: 25%; 
    /*width: 43%;*/
  }
  .form-wrapper .col-md-10 {
     width: 75%; 
    /*width: 57%;*/
  }
  html[dir=ltr] .form-wrapper .col-md-2{
    padding-right: 6.375rem;
  }
  html[dir=rtl] .form-wrapper .col-md-2{
    padding-left: 6.375rem;
  }
  .form-wrapper .progress.list-group .list-group-item {
    width: 100%;
  }
  .form-wrapper .alert-notification {
    /* height: 2.428571429rem; */
    min-height: 2.428571429rem;
  }
  .form-wrapper .actions .btn-group input {
    height: 2.357142857rem;
  }

  .form-wrapper .alert-notification,
  .form-wrapper .validation-summary {
    margin: 0 15px 23px;
  }
  .form-wrapper .validation-summary {
    margin-top: 2rem;
  }
  .form-wrapper .terms-wrapper {
    margin: 0 15px 20px;
  }
  .form-wrapper .actions {
    margin: 0 15px 3rem;
  }
  .form-wrapper .progress.list-group {
    margin: 2rem 0 20px;
  }
  .wrapper-body.form-wrapper.modal-wrapper .btn-default.launchentitylookup ,.wrapper-body.form-wrapper.modal-wrapper .btn-default.clearlookupfield ,button[aria-label='Search Results']{
  padding: 7px 12px 2px;
  }
}
@media (max-width: 1199px) {
  /* soltan change */

  .crmEntityFormView select.form-control[readonly][disabled], .form-wrapper select.form-control {
    padding: 6px 15px !important;
    padding-right: 3rem !important;
  }

  /* soltan change */

  .form-wrapper .btn-default.launchentitylookup ,.form-wrapper .btn-default.clearlookupfield{
    border: none;
    padding: 0 12px;
  }
}
@media (max-width: 991px) {
  .communication input.readonly {
    height: 100%;
  }
  .form-wrapper.communication #tab-title {
    margin-top: 1.25rem;
  }
  .form-wrapper.communication #tab-title a {
    margin-right: 15px;
    margin-left: 0;
  }
  #tab-title .dropdown-menu.second-dropdown {
        margin-left: 0;
    }
}
.crmEntityFormView .form-control.readonly,.crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control,.crmEntityFormView .control .text-muted{
  padding: 5px 15px !important;
  padding-right: 3rem !important;
}
.form-wrapper .crmEntityFormView .cell div.control > div.text-muted {
  left: 0;
  top: 50% !important;
  transform: translateY(-50%);
}
@media(min-width:1200px){
  .form-wrapper #UpdMSPicklistControl , .form-wrapper #MultiSelectPCFControl {
    /* min-height: 2.7rem; */
    min-height: auto;
    height: 2.5rem;
  }
  .form-wrapper .css-yk16xz-control, .form-wrapper .css-1pahdxg-control {
    height: 2.5rem;
    min-height: auto !important;
  }
  .form-wrapper .css-1hb7zxy-IndicatorsContainer {
    height: 100%;
  }
  .form-wrapper .form-control,
  .form-wrapper #phonecontrolid ,
  /* .form-wrapper .subgrid-cell .control, */
  .form-wrapper .phonecontrolid{
    height: 2.5rem;
  }
  .form-wrapper .form-readonly .control:has(.form-control.money) {
    overflow: hidden;
  }
  .form-wrapper .btn-default.launchentitylookup:hover ,.form-wrapper .btn-default.clearlookupfield:hover{
    height: 2.5rem;
  }
  .form-wrapper .form-control.readonly {
    height: 2.5rem;
  }
  .form-wrapper .control , 
  .form-wrapper .control .iti--allow-dropdown,
  .form-readonly .uploaded-file,
  .form-wrapper .attachment-wrapper,
  .form-wrapper .file-upload{
    /* height: 2.714285714rem; */
    height: 2.8rem;
  }
  .form-wrapper .form-readonly .file-upload {
    /* height: 2.65rem; */
    height: 2.55rem;
  }
  .form-wrapper .control.rich_text_editor {
    height: auto;
    min-height: 2.5rem;
  }
  .form-wrapper .cell[role="radiogroup"] .control {
    height: auto !important;
  }
  .msos-container.msos-focused,
  .msos-container .msos-selecteditems-container {
    height: 2.5rem;
  }
  .msos-selected-display-item {
    height: 25px;
    line-height: 25px;
  }
  html[dir=ltr] .form-wrapper .col-md-2{
    padding-right: 2rem;
  }
  html[dir=rtl] .form-wrapper .col-md-2{
    padding-left: 2rem;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
  html.sm .form-wrapper .form-control {
    height: 2.4rem;
  }
}
@media(min-width:1366px){
  .communication .actions input{
    width: 8.714286rem;
  }
}
@media (min-width: 1700px) {
  .form-wrapper .crmEntityFormView .cell .picklist input[type="radio"] {
    margin-top: 5px !important;
  }
}
@media (min-width: 1920px) {
  .form-wrapper .file-upload:before,
  .form-wrapper .file-upload::after {
    top: 33%;
  }
}
.form-wrapper .ms-Dropdown-title,
.form-wrapper .ms-TextField-fieldGroup {
  border: none;
}
.form-wrapper
  .ms-Stack
  .ms-StackItem.css-147
  span[style="font-style: italic;"] {
  font-style: unset !important;
  color: #505050;
  font-weight: 100;
  line-height: 1.285714286rem;
  font-size: 0.857142857rem;
  color: #707070;
  opacity: 0.85;
}
/* Multiple Dropdown */
.form-wrapper .msos-label, .form-wrapper .msos-quick-delete, .form-wrapper  .msos-quick-delete:hover , 
.form-wrapper .msos-glyph:after{
  color: #505050 !important;
}
.form-wrapper .msos-container{
  font-family: "Effra";
  min-height: auto !important;
}
.form-wrapper .msos-glyph:after {
    font-size: 1rem !important;
}
.form-wrapper .msos-caret-button {
    padding-right: 1rem !important;
}
.form-wrapper .msos-option-selected:focus:after{
  border: none !important;
}
.form-wrapper .msos-viewmode-text {
  color: #505050;
  font-family: "Effra";
  font-weight: normal;
  font-size: 0.928571429rem;
  line-height: 1.285714286rem;
}
.form-readonly .msos-container {
  min-height: auto !important;
}
.form-wrapper .msos-label .msos-checkbox + .msos-label-text:before {
  top: 5px;
}
html[dir=rtl] .form-wrapper .msos-label .msos-checkbox + .msos-label-text:before {
  right: 5px;
  left: auto;
}
/* Go Live Issues */
@media (max-width: 1366px) {
  .form-wrapper .crmEntityFormView .cell div.control:has(.multiSelectWrapper) {
    height: auto;
  }
}
@media(max-width:992px){
  html[dir=ltr] .form-wrapper .crmEntityFormView .tab .tab-column {
    padding: 0;
  }
  
}
@media(max-width:500px){
    .form-wrapper .picklist-cell[role="radiogroup"] .control {
    display: -webkit-box !important;
    /* margin-bottom: 2rem; */
    }
}
.form-wrapper .css-g1d714-ValueContainer .css-1rhbuit-multiValue * {
    /* font-size: 0.928571429rem; */
    font-size: 0.9rem;
    font-family: 'Arial';
}

@media screen and (max-width:600px){
  .form-wrapper .actions .action-btns{
    flex-direction: column-reverse;
  }
  .crmEntityFormView .tab .tab-column:last-child, .crmEntityFormView .tab fieldset:last-child, .crmEntityFormView .tab:last-child, .crmEntityFormView fieldset {
    margin-bottom: 0;
  }
  .crmEntityFormView tr:last-child .cell:last-child {
    margin-bottom: 0;
  }
  .form-wrapper fieldset.terms-wrapper {
    margin-bottom: 20px;
  }

  .crmEntityFormView tr:last-child .cell div.description.below{
    margin-bottom: 15px;
  }

  .form-wrapper .actions .saveAndbtns{
    width: 100%;
    /* justify-content: space-between; */
    display: inline-block;
    padding: 0 !important;

  }
  .wrapper-body.form-wrapper.modal-wrapper #EntityFormPanel{
    height: auto;
  }
  .form-wrapper .btn-group {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .form-wrapper #next-previous-div{
    /* justify-content: space-between; */
    /* display: flex; */
    /* margin-bottom: 20px; */
  }
  .form-wrapper .actions .action-btns .btn{
    width: 100% !important;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .form-wrapper #next-previous-div .btn-group:first-child ,.form-wrapper #next-previous-div .next-wrapper{
    width: 100%;
  }
  .form-wrapper #next-previous-div .prev-wrapper #PreviousButton,.form-wrapper #next-previous-div .next-wrapper #NextButton{
    border: 1px solid #2f5fef;
    margin-left: 0;
    margin-right: 0;
  }
  .form-wrapper #next-previous-div .prev-wrapper:after{
    left: 29%;
  }
  .form-wrapper #next-previous-div .next-wrapper::after{
    right: 35%;
  }
  .form-wrapper .actions .saveAndbtns  #SubmitButton{
    width: 100%;
    border: 1px solid #2f5fef;
  }
  .form-wrapper .crmEntityFormView .cell div.control {
    height: auto;
  }
}
/* Forms Rebranding */
.form-wrapper .crmEntityFormView .terms-wrapper .customized-list{
  /* display: none; */
}
.form-wrapper .crmEntityFormView .terms-wrapper h3{
  font-size: 2rem;
  line-height: 2.75rem;
  margin-bottom: 1.2rem;
}
.form-wrapper .crmEntityFormView .terms-wrapper .cell .field-label{
  font-family: "Arial";
  font-size: 1rem;
  line-height: 1.75rem;
}
.crmEntityFormView .terms-wrapper .cell div.control span.checkbox input[type=checkbox]{
  width: 1.8rem;
  height: 1.8rem;
  /* accent-color: transparent; */
  accent-color: #000;
}
.crmEntityFormView .terms-wrapper .cell.checkbox-cell div.info {
  max-width: 95%;
}
html[dir=ltr] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.info{
  padding-right: 20px;
  padding-left: unset;
}
html[dir=rtl] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.info{
  padding-left: 20px;
  padding-right: unset;
}
html[dir=ltr] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.control {
  float: right;
}
html[dir=rtl] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.control {
  float: left;
}
html[dir=ltr] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.control span.checkbox input[type=checkbox] {
  margin-left: -20px;
}
html[dir=rtl] .crmEntityFormView .terms-wrapper .cell.checkbox-cell div.control span.checkbox input[type=checkbox] {
  margin-right: -20px;
  margin-left: 0;
}
.crmEntityFormView .form-readonly .cell input[type=text] {
  border-radius: 3px;
}
.form-wrapper label ,
.form-wrapper .crmEntityFormView .cell input[type=text], 
.form-wrapper .crmEntityFormView .cell input[type=email],
.form-wrapper .crmEntityFormView .cell input[type=url],
.form-wrapper .crmEntityFormView .cell select, 
.form-wrapper .crmEntityFormView .cell textarea {
  font-family: 'Arial';
  font-size:0.875rem ;
}
html[dir=ltr] .form-wrapper .actions .btn {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.form-wrapper .progress.list-group .list-group-item.active {
  color: #429363;
}
.form-wrapper .input-group-addon{
  font-family: 'Arial';
  padding: 2px 12px;
  font-size: .9rem;
  border: none;
}
.form-wrapper {
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}
.form-wrapper .view-grid thead a , .form-wrapper .view-grid thead  {
  font-family: 'Arial';
  font-size: 1rem;
}
.form-wrapper .crmEntityFormView .subgrid .cell .field-label
{
  font-family: 'Arial' !important;
}


.form-wrapper.single-form .crmEntityFormView .tab-column {
  max-width: 100%;
}
.form-wrapper.single-form .communication-details .communication-main-title {
  color: #2F2B2B;
  font-family: 'Effra-medium';
  font-size: 3rem;
  line-height: 3.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.form-wrapper.single-form .communication-details .details {
  font-family: 'Arial';
  font-size: 1rem;
  line-height: 1.75rem;
  color: #505050;
  margin-bottom: 1.5rem;
}
.form-wrapper.single-form .communication-details .communication-ref {
  background-color: #F9F7F3;
  padding: 5rem 2rem;
}
.form-wrapper.single-form .communication-details .communication-ref .ref-title {
  color: #2F2B2B;
  font-family: 'Effra-medium';
  font-size: 3rem;
  line-height: 3.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.form-wrapper.single-form .communication-details .communication-ref .ref-no {
  color: #2F2B2B;
  font-family: 'Effra-medium';
  font-size: 1.1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.form-wrapper.single-form .communication-details .communication-ref .status-color {
  padding: 1rem 1.75rem;
  background-color: #BEB8B0;
  display: inline-block;
  color: #fff;
  font-family: 'Effra-bold';
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.form-wrapper.single-form .actions .btn {
  height: 2.357142857rem;
  font-size: 1rem;
  font-family: 'Effra-medium';
  width: auto;
}
.crmEntityFormView .description ul {
  list-style: disc;
  margin-bottom: 1.5rem;
  color: #707070;
  font-family: 'Arial';
  padding-left: 2rem;
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  form:has(.form-wrapper.single-form) {
    position: relative;
  }
  form:has(.form-wrapper.single-form):after {
    background-image: url(/shape-grey.png);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 14rem;
    height: 31.5rem;
    position: absolute;
    bottom: 0;
    display: inline-block;
    left: 2rem;
    z-index: -1;
  }
}

@media (max-width: 1199px) {
  .form-wrapper.single-form .communication-details .communication-main-title,
  .form-wrapper.single-form .communication-details .communication-ref .ref-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

@media (max-width: 767px) {
  .form-wrapper.single-form {
    margin: 0;
  }
  .form-wrapper.single-form .crmEntityFormView {
    padding-left: 0;
    padding-right: 0;
  }
  .crmEntityFormView .terms-wrapper .cell div.control span.checkbox input[type=checkbox] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
}

/* .css-1lwyh0j , 
.css-hw8149 , 
.css */
/* New Styles */
.btn:hover, .btn:focus, .btn.focus {
  color: #2f5fef;
}
#tab-title .dropdown-menu.second-dropdown a {
  margin: 0;
  color: #505050 !important;
  font-size: 1rem;
  padding: 4px 20px;
  border: none;
}
#tab-title .dropdown-menu.second-dropdown a:hover {
  background-color: #2f5fef;
  color: #fff !important;
}
.form-readonly td:not(.subgrid-cell):not(.picklist-cell):not(.checkbox-cell) .control,
.form-wrapper .crmEntityFormView .cell div.control:has(.form-control[readonly]), 
.form-wrapper .crmEntityFormView .cell div.control:has(.form-control[disabled]) {
  background: #eeeeee;
}
.crmEntityFormView .cell.checkbox-cell div.control {
  padding: 0;
}
.form-wrapper .crmEntityFormView .cell.checkbox-cell div.control {
  margin-top: .2rem;
}
.form-wrapper.communication .form-custom-actions.row {
  margin-left: 0;
  margin-right: 0;
}
.form-wrapper .crmEntityFormView .cell div.control.rich_text_editor > div {
  display: inline-block;
}
.wrapper-body.form-wrapper.modal-wrapper .cell div.control.rich_text_editor > p {
  display: inline-block;
  width: 100%;
}
body:has(.modal-wrapper) {
  padding-top: 1rem !important;
}
.notifications:has(.alert-delete) , .notifications:has(.record-deleted) {
  display: inline-block !important;
}
.wrapper-body.form-wrapper.modal-wrapper .crmEntityFormView .cell.textarea div.control.control.rich_text_editor {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1920px) {
  .form-wrapper .crmEntityFormView .cell.checkbox-cell div.control {
      margin-top: .3rem;
  }
}
@media (max-width: 1199px) {
  .form-wrapper .crmEntityFormView .cell.checkbox-cell div.control {
    margin-top: .4rem;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .msos-container:not(.msos-none-selected):not(.msos-disabled) .msos-selecteditems-container {
    height: 2.5rem;
  }
  .msos-container.msos-none-selected {
    height: 2.5rem;
  }
  .msos-container .msos-filter-container {
    height: 2.5rem;
  }
  .msos-selected-display-item {
    height: 2.5rem !important;
    line-height: 2.5rem !important;
  }
  .sm .msos-selected-display-item {
    margin-top: 1.5px !important;
  }
  .msos-container .msos-caret-container {
    min-height: auto;
  }
  .msos-container .msos-caret-button {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .form-wrapper.communication .form-custom-actions.row .col-sm-6 {
    padding: 0;
  }
  /* .modal.in .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  } */
}

@media (max-width: 575px) {
  .form-wrapper .terms-wrapper {
    padding: 25px;
  }
  .form-wrapper .crmEntityFormView .cell .view-toolbar.grid-actions .field-label {
    float: none;
  }
  .form-wrapper .crmEntityFormView .cell .view-toolbar.grid-actions .toolbar-actions.pull-right {
    float: none !important;
    margin-top: 1rem;
  }
  .form-wrapper .crmEntityFormView .cell .view-toolbar.grid-actions .toolbar-actions.pull-right a.btn.action {
    margin-left: 0;
  }
  html[dir=ltr] .modal-wrapper.form-wrapper .actions .btn {
    margin-bottom: 2px;
  }
}
.msos-active.msos-none-selected:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen), .msos-focused:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen){
  margin: 0;
  box-shadow: none;
  height: 100%
}

.primary.btn.btn-primary {
    background-color: #2f5fef !important;
    color: white !important;
}

.primary.btn.btn-primary {
    background-color: #2f5fef;
    color: white;
}

#UpdateButton {
    background-color: #2f5fef !important;
    color: white !important;
}

 .progress.list-group {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding: 1.25rem;
            background: none;
            border: none;
        }

        .progress .list-group-item {
            display: flex;
            align-items: center;
            position: relative;
            padding: 0.625rem 0;
            border: none;
            background: none;
            min-height: 3.75rem;
        }

        /* Fixed width circle - now responsive to zoom and screen size */
        .progress .list-group-item::before {
            content: '';
            width: 2.5rem;
            height: 2.5rem;
            min-width: 2.5rem; /* Uses rem units for zoom responsiveness */
            border-radius: 50%;
            margin-right: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.875rem;
            font-weight: bold;
            flex-shrink: 0; /* Prevents shrinking on small screens */
        }

        /* Completed state */
        .progress .list-group-item.list-group-item-success::before {
            background-color: #5cb85c;
            border: 2px solid #5cb85c;
        }

        /* Active state */
        .progress .list-group-item.active::before {
            background-color: #337ab7;
            border: 2px solid #337ab7;
        }

        /* Incomplete state */
        .progress .list-group-item.incomplete::before {
            background-color: #f5f5f5;
            border: 2px solid #ddd;
        }

        /* Text content styling - now using rem for zoom responsiveness */
        .progress .list-group-item {
            font-size: 1rem;
            color: #333;
            flex: 1; /* Allows text to take remaining space */
        }

        /* Text container to ensure proper text display */
        .progress .list-group-item span:not(.glyphicon) {
            display: inline;
        }

        .progress .list-group-item.list-group-item-success {
            color: #5cb85c;
        }

        .progress .list-group-item.active {
            color: #337ab7;
            font-weight: bold;
        }

        .progress .list-group-item.incomplete {
            color: #999;
        }

        /* Hide glyphicons and replace with circle styling */
        .progress .glyphicon {
            display: none;
        }

        /* Add checkmark to completed items */
        .progress .list-group-item.list-group-item-success::before {
            content: '✓';
            color: white;
        }

        /* Add number or dot to active item */
        .progress .list-group-item.active::before {
            content: '●';
            color: white;
        }

        /* Add number to incomplete items */
        .progress .list-group-item.incomplete::before {
            content: '○';
            color: #999;
        }



        /* Responsive text adjustments */
        @media (max-width: 768px) {
            .progress .list-group-item {
                font-size: 14px;
                min-height: 50px;
                padding: 8px 0;
            }
            
            /* Circles remain fixed width even on mobile */
            .progress .list-group-item::before {
                width: 40px;
                height: 40px;
                min-width: 40px;
                margin-right: 12px;
            }
        }

        @media (max-width: 480px) {
            .progress.list-group {
                padding: 10px;
                gap: 8px;
            }
            
            .progress .list-group-item {
                font-size: 13px;
                min-height: 45px;
                padding: 6px 0;
                word-wrap: break-word;
            }
            
            /* Circles STILL remain fixed width on very small screens */
            .progress .list-group-item::before {
                width: 40px;
                height: 40px;
                min-width: 40px;
                margin-right: 10px;
            }
            
            .progress .list-group-item:not(:last-child)::after {
                height: 8px;
            }
        }

        @media (max-width: 320px) {
            .progress .list-group-item {
                font-size: 12px;
                line-height: 1.3;
            }
            
            /* Even on very small screens, circles stay 40px */
            .progress .list-group-item::before {
                width: 40px;
                height: 40px;
                min-width: 40px;
                margin-right: 8px;
            }
        }

    legend.section-title {
    background-color: #ffffff !important;
}

.bold-font{
  font-weight: bold;
}