:root {
  --icon-arrow-select: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.20553 9.83743C8.28019 9.83798 8.3539 9.82274 8.42223 9.793C8.49118 9.76299 8.55303 9.71892 8.60433 9.66386L8.605 9.66314L15.8639 1.7888C15.864 1.78866 15.8642 1.78853 15.8643 1.78839C15.9634 1.68182 16.0174 1.54049 16.0174 1.3951C16.0174 1.24995 15.9636 1.10884 15.8648 1.00233C15.8159 0.948666 15.7567 0.905461 15.6906 0.875671C15.6239 0.845626 15.5518 0.830069 15.4787 0.830069C15.4057 0.830069 15.3336 0.845623 15.2668 0.875671C15.2004 0.905584 15.1411 0.949024 15.0921 1.003C15.092 1.00309 15.0919 1.00318 15.0918 1.00327L8.25488 8.48503L1.8056 1.00949C1.75679 0.948645 1.69494 0.899267 1.62405 0.86584C1.55713 0.834283 1.48427 0.817945 1.41044 0.818082C1.32891 0.808413 1.24653 0.818845 1.16996 0.848132C1.08866 0.879231 1.01673 0.930479 0.960154 0.996734C0.865728 1.10381 0.814518 1.24281 0.814518 1.38555C0.814518 1.52861 0.865958 1.66791 0.960791 1.77508C0.961067 1.77539 0.961342 1.7757 0.961618 1.77601L7.80233 9.65899L7.80225 9.65907L7.80671 9.66386C7.85801 9.71892 7.91987 9.76299 7.98882 9.793C8.05715 9.82274 8.13087 9.83798 8.20553 9.83743ZM8.20553 9.83743C8.20623 9.83742 8.20693 9.83741 8.20764 9.83741L8.20553 9.65202L8.20342 9.83741C8.20413 9.83741 8.20483 9.83742 8.20553 9.83743Z' fill='%23ACB1C6' stroke='%23ACB1C6' stroke-width='0.370803'/%3E%3C/svg%3E%0A");
  --icon-arrow-select-normal: url("data:image/svg+xml,%3Csvg width='19' height='9' viewBox='0 0 19 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.861672 0.358831C0.92319 0.357031 0.984398 0.366798 1.04057 0.387411C1.09674 0.408023 1.14635 0.438934 1.18564 0.477726L9.29675 7.79413L17.8883 0.477725C17.9279 0.443693 17.9756 0.416637 18.0284 0.398127C18.0812 0.379616 18.1381 0.370105 18.1955 0.370105C18.2529 0.370105 18.3098 0.379616 18.3626 0.398127C18.4154 0.416637 18.4631 0.443693 18.5027 0.477725C18.5846 0.546108 18.6305 0.638072 18.6305 0.733827C18.6305 0.829581 18.5846 0.921545 18.5027 0.989928L9.56489 8.53497C9.52271 8.5702 9.47227 8.59806 9.41659 8.61692C9.36092 8.63578 9.30116 8.64525 9.2409 8.64472C9.18065 8.64525 9.12087 8.63578 9.06519 8.61692C9.00951 8.59806 8.95907 8.5702 8.9169 8.53497L0.492967 0.980775C0.413641 0.911317 0.369509 0.819757 0.369509 0.724673C0.369509 0.62959 0.413641 0.53803 0.492967 0.468573C0.538509 0.426715 0.596056 0.394844 0.660408 0.375688C0.72476 0.356532 0.793922 0.350696 0.861672 0.358831Z' fill='%23824199' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.56489 8.53497C9.52271 8.5702 9.47227 8.59806 9.41659 8.61692C9.36092 8.63578 9.30116 8.64525 9.2409 8.64472C9.18065 8.64525 9.12087 8.63578 9.06519 8.61692C9.00951 8.59806 8.95907 8.5702 8.9169 8.53497L0.492967 0.980775C0.413641 0.911317 0.369509 0.819757 0.369509 0.724673C0.369509 0.62959 0.413641 0.53803 0.492967 0.468573C0.538509 0.426715 0.596056 0.394844 0.660408 0.375688C0.72476 0.356532 0.793922 0.350696 0.861672 0.358831C0.92319 0.357031 0.984398 0.366798 1.04057 0.387411C1.09674 0.408023 1.14635 0.438934 1.18564 0.477726L9.29675 7.79413L17.8883 0.477725C17.9279 0.443693 17.9756 0.416637 18.0284 0.398127C18.0812 0.379616 18.1381 0.370105 18.1955 0.370105C18.2529 0.370105 18.3098 0.379616 18.3626 0.398127C18.4154 0.416637 18.4631 0.443693 18.5027 0.477725C18.5846 0.546108 18.6305 0.638072 18.6305 0.733827C18.6305 0.829581 18.5846 0.921545 18.5027 0.989928L9.56489 8.53497ZM18.7469 0.211104C18.9005 0.34014 19 0.526149 19 0.733827C19 0.941967 18.9 1.12834 18.7459 1.25741C18.7456 1.25765 18.7453 1.25789 18.745 1.25814L9.80723 8.80317C9.7279 8.86942 9.63632 8.91916 9.53938 8.95199C9.4435 8.98447 9.34219 9.00051 9.24091 8.99999C9.13963 9.00051 9.0383 8.98447 8.94241 8.95199C8.84547 8.91916 8.75389 8.86942 8.67456 8.80316L8.6647 8.79493L0.244167 1.24344C0.243539 1.24289 0.242916 1.24234 0.242291 1.24179C0.0944461 1.11149 2.28405e-08 0.927987 0 0.724673C-2.27677e-08 0.522007 0.0938454 0.339026 0.240876 0.208808C0.330185 0.127702 0.437622 0.0701048 0.551125 0.0363177C0.656964 0.00481301 0.768832 -0.00626936 0.879077 0.00336294C0.978674 0.00370649 1.07841 0.021035 1.17233 0.0555009C1.27237 0.0922119 1.36572 0.148398 1.44351 0.223183L9.30391 7.31345L17.6422 0.212715C17.6423 0.212553 17.642 0.212876 17.6422 0.212715C17.7187 0.147129 17.8079 0.097259 17.9018 0.0643518C17.9962 0.03126 18.096 0.0148416 18.1955 0.0148416C18.295 0.0148416 18.3948 0.0312646 18.4892 0.0643518C18.5825 0.0970698 18.6707 0.146079 18.7469 0.211104Z' fill='%23824199' /%3E%3C/svg%3E");
}

.form-select,
.form-textarea,
.form-input {
  align-items: center;
  background-color: var(--white);
  border-radius: 25px;
  border: 1px solid var(--gray-300);
  color: var(--dark);
  display: inline-flex;
  height: 39px;
  outline: none;
  padding-left: 1.25rem;
  padding-right: 0.85rem;
  width: 100%;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--gray-800);
  opacity: 1;
}

.form-textarea {
  display: flex;
  flex-direction: column;
  height: auto;
  padding-bottom: 0.5rem;
  padding-top: 0.75rem;
  resize: none;
}

.form-select.disabled,
.form-textarea.disabled,
.form-input.disabled,
.form-select:disabled,
.form-textarea:disabled,
.form-input:disabled {
  background-color: var(--gray-920);
}

.form-select:focus,
.form-textarea:focus,
.form-input:focus {
  box-shadow: 0px 0 4px var(--gray-300);
}

.form-select:focus-within,
.form-textarea:focus-within,
.form-input:focus-within {
  box-shadow: 0px 0 4px var(--gray-300);
}

.form-select select,
.form-textarea textarea,
.form-input input {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 39px;
  outline: none;
  width: 100%;
}

.form-textarea textarea::placeholder,
.form-input input::placeholder {
  color: var(--gray-800);
  opacity: 1;
}

.form-textarea textarea {
  height: auto;
  resize: none;
}

.form-shadow {
  border-color: var(--gray-700);
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(var(--black-rgb), 0.16);
}

.form-label {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}

.form-select {
  appearance: none;
  background-image: var(--icon-arrow-select);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 60px 12px;
  min-width: 120px;
  padding-left: 50px;
}

.form-select.invert {
  background-position: right center;
  background-size: 48px 12px;
  padding-left: 20px;
  padding-right: 45px;
}

.form-select.normal {
  background-color: transparent;
  background-image: var(--icon-arrow-select-normal);
  background-size: 45px 10px;
  border-bottom: 1px solid var(--primary);
  border-left: none;
  border-radius: 0;
  border-right: none;
  border-top: none;
  box-shadow: none;
  color: var(--primary);
  font-weight: 600;
  height: 32px;
}

.form-input.normal {
  background-color: var(--gray-950);
  border-color: var(--gray-950);
  border-radius: 4px;
  color: var(--lavender-100);
  font-size: 12px;
  font-weight: normal;
  height: 32px;
}

.form-input.normal::placeholder {
  color: var(--lavender-100);
}




/*  */
/* Custom Styles - Danny */
/*  */

.entity-notes{
  width: 100% !important;
}
html[dir=rtl] .entity-notes .note .metadata {
    text-align: right !important;
}
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.bg > .container > .row {
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(var(--black-rgb), 0.15);
  padding: 5rem;
  position: relative;
  margin: 0;
}

/* .button {
  background-color: #2295d2 !important;
  color: white !important;
}
.button:hover {
  background-color: #1b7eb3 !important;
} */


.bg > .container {
  display: block;
}

.bg .text-center.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

html[dir=rtl] .crmEntityFormView .tab .tab-column {
  /* width: 100% !important; */
}

.crmEntityFormView  .section {
  /* display: flex; */
}

.crmEntityFormView *:not(fieldset) > .section {
  width: 70%;
}

.section-title h3 {
  font-weight: 500 !important;
  color: var(--primary) !important;
  margin-bottom: 20px;
}

.crmEntityFormView table.section > tbody {
  /* display: flex; */
  /* flex-flow: row wrap; */
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.crmEntityFormView table.section > tbody > tr {
  width: auto;
  max-width: 50%;
}

.crmEntityFormView fieldset table.section > tbody > tr {
  max-width: 100%;
}

.crmEntityFormView table.section > tbody > tr > .cell {
  padding: 0 24px 20px;
  padding-bottom: 50px;
}

.crmEntityFormView table.section > tbody > tr > .cell .field-label {
  font-weight: 500;
}

.crmEntityFormView table.section > tbody > tr > .cell div.info.required label:after {
  content: none;
}

.crmEntityFormView table.section > tbody > tr > .cell div.info.required label:before {
  content: ' *';
  color: red;
  margin-left: 5px;
}

.crmEntityFormView table.section > tbody > tr > .cell input[type=text], 
.crmEntityFormView table.section > tbody > tr > .cell input[type=email], 
.crmEntityFormView table.section > tbody > tr > .cell select, 
html[dir=rtl] .crmEntityFormView .cell textarea,
.crmEntityFormView table.section > tbody > tr > .cell input[type=url] {
  font-weight: 400 !important;
  align-items: center;
  background-color: var(--white) !important;
  border-radius: 25px;
  border: 1px solid var(--gray-300);
  color: var(--dark);
  height: 39px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.crmEntityFormView table.section > tbody > tr > .cell select {
  align-items: center;
  border-radius: 25px;
  border: 1px solid var(--gray-300);
  color: var(--dark);
  display: inline-flex;
  height: 39px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
  appearance: none;
  background-image: var(--icon-arrow-select);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 40px 10px;
  min-width: 120px;
  word-wrap: normal;
}

.editorContainer .fullPageEditorContainer {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--gray-300);
}

.datetimepicker {
  display: block !important;
}

.datetimepicker .input-group-addon {
  position: absolute;
  left: 20px;
  top: 4px;
  z-index: 3;
  background: transparent;
  border-width: 0 1px 0 0;
}

.lookup  .input-group {
  display: block;
}
.lookup  .input-group .input-group-btn {
  position: absolute;
  left: 10px;
  top: 3px;
  direction: ltr;
  display: flex;
  z-index: 3;
}

.lookup  .input-group .input-group-btn .btn {
  border: 0;
  color: var(--gray-300);
  background: transparent !important;
  top: -1px !important;
}

.lookup  .input-group .input-group-btn .btn:hover {
  color: #2295d2;
  background-color: transparent;
}


html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
  margin-bottom: 2px;
  margin-top: 0;
  vertical-align: middle;
}

.crmEntityFormView table.section > tbody > tr > .cell .msos-input-container {
  padding: 0;
}

.crmEntityFormView table.section > tbody > tr > .cell .msos-inner-container > .msos-filter-container > .msos-input-container {
  border: 0;
}

.crmEntityFormView table.section > tbody > tr > .cell .msos-caret-container {
  background: transparent !important;
  position: absolute;
  top: 5px;
  left: 10px;
  border: none;
  box-shadow: none;
}

.crmEntityFormView table.section > tbody > tr > .cell .msos-container:not(.msos-disabled).msos-active, .crmEntityFormView table.section > tbody > tr > .cell .msos-container:not(.msos-disabled).msos-focused, .crmEntityFormView table.section > tbody > tr > .cell .msos-container:not(.msos-none-selected):not(.msos-disabled) .msos-selecteditems-container {
  border-radius: 25px;
  border: 2px solid var(--gray-300);
}

html[dir=rtl] .msos-selected-display-item {
  background: #2295d2 !important;
    color: white;
    border-radius: 25px;
    text-decoration: none;
}

html[dir=rtl] .msos-selected-display-item.msos-glyph {
  color: white;
}
html[dir=rtl] .crmEntityFormView .actions .btn {
  background-color: #1c88cf !important;
  color: white !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  display: inline-block !important;
  margin: 0 auto;
}

html[dir=rtl] .crmEntityFormView .actions .btn:hover {
  background-color: #0d6dad !important;
}

html[dir=rtl] .msos-selected-display-item button:disabled {
  background: transparent !important;
}

.msos-label .msos-label-text {
  padding: 8px 8px 8px 35px !important;
}

.crmEntityFormView .actions {
  justify-content: flex-end !important;
  align-items: center;
}

.crmEntityFormView .actions {
  display: flex;
  justify-content: center;
}

.crmEntityFormView .actions > div {
  width: auto;
}

.pagination a {
 background: transparent !important;
}

html[dir=rtl] div.progress-numeric {
  margin: 0;
  border: 0;
  box-shadow: none;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
}

div.progress-numeric span.number, div.progress-numeric span.number.total {
  background: transparent;
  color: black;
  font-size: inherit;
  padding: 0 5px;
  width: auto;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  background-color: var(--gray-400) !important;
    border-color: var(--gray-400) !important;
    color: var(--gray-500) !important;
}

.view-grid table .dropdown {
  border: none !important;
}

.modal-open section[aria-hidden="true"] {
  display: none;
}

.modal-open section[aria-hidden="false"] .modal-lookup {
  display: flex;
  min-height: 80vh;
  position: fixed;
  top: 80vh;
  border: 1px solid #f2f2f2;
}

.modal-lookup > .modal-dialog {
  margin: 0;
}

.modal-lookup > .modal-dialog > .modal-content {
  border: none;
  box-shadow: none;
}

.modal-lookup > .modal-dialog > .modal-content > .modal-footer {
  margin: 0 !important;
}

html[dir=rtl] .crmEntityFormView .actions .btn:first-child {
  border-radius: 8px !important;
}

@media (min-width: 992px) {
  .header.px-lg-5 {
      padding-right: 4rem !important;
      padding-left: 4rem !important;
  }
  .header-wrap.px-lg-4 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
  }
  .bg .text-center.my-lg-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
}



/* DATETIME */


.datetimepicker .input-group-addon {
  border: none !important;
  outline: none !important;
}
.datepicker thead button .glyphicon {
  transform: rotate(180deg);
  color: var(--primary) !important;
}

.datepicker .picker-switch>button {
  font-size: 120%;
  white-space: normal;
  width: 100px;
  padding: 0 20px;
}
/* .bootstrap-datetimepicker-widget .collapse:first-child, .bootstrap-datetimepicker-widget .collapsing:first-child */
.bootstrap-datetimepicker-widget .collapse, .bootstrap-datetimepicker-widget .collapsing {
  display: block !important;
  height: auto !important;
}

li.picker-switch a span::before, li.picker-switch a span::after {
  color: var(--primary) !important;
  vertical-align: middle;
}
li.picker-switch a span::after {
  content: "שעות";
  font-family: "Noto Sans Hebrew", sans-serif !important;
  margin-right: 5px;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
  display: block !important;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes, .bootstrap-datetimepicker-widget .timepicker .timepicker-hours {
  display: none !important;
}
.bootstrap-datetimepicker-widget .timepicker table {
  display: flex;
  flex-flow: column;
}

.bootstrap-datetimepicker-widget .timepicker table tr {
  display: flex;
  flex-flow: row-reverse;
  justify-content: center;
}

.bootstrap-datetimepicker-widget .timepicker table td, .bootstrap-datetimepicker-widget .timepicker table tr a[data-action], .bootstrap-datetimepicker-widget .timepicker table tr span {
  margin: 0 !important;
  padding: 0 !important;
  height: 22px !important;
  line-height: 20px !important;
  /* width: auto !important; */
}

.bootstrap-datetimepicker-widget .timepicker table tr:nth-child(2) a[data-action] {
  padding: 1px 15px !important;
  border-radius: 25px;
  border: 1px solid var(--gray-300);
  width: auto !important;
}

.bootstrap-datetimepicker-widget .timepicker table tr:nth-child(2) a[data-action] span {
  width: auto !important;
}

.bootstrap-datetimepicker-widget .timepicker table a span {
  font-weight: 400 !important;
  color: var(--dark);
}



/* POPUP */
.control .modal-form.fade.in {
  overflow: hidden;
  height: 100vh;
  top: 0;
  width: 100vw;
  min-width: 100vw;
  left: 0;
  right: 0;
  transform: none;
  background-color: #000000b8;
}

.control .modal-form.fade.in .modal-dialog {
  width: 65vw;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.control .modal-form.fade.in .modal-dialog iframe {
  height: 70vh;;
}
/* 
.control .modal-form.fade.in .modal-dialog .modal-header {
  background-color: transparent;
} 

 .control .modal-form.fade.in .modal-dialog .modal-header .modal-title {
  display: none;
}   
*/


/**           ---------------------------       **/
/* .modal-open .modal-form-insert {
  padding-left: 0px;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  width: fit-content;
} */