@media only screen and (max-width: 768px) {
  ::ng-deep .mobile-table sp-table .table.--zeebra .--odd tr,
  sp-table table.--zeebra .--odd tr {
    background: #eff2f7 !important;
  }
}

.alert-danger {
  background-color: #ff4b58;
  border-color: red;
  color: #fff;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.alert-success {
  background-color: #18ce0f;
  border-color: #12b109;
  color: #fff;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.row:before,
.row:after {
  display: flex !important;
}

@media only screen and (max-width: 768px) {
  input {
    font-size: 16px !important;
  }
  iframe#launcher {
    bottom: 80px !important;
    margin: 0px !important;
    left: 5px !important;
  }
}

.force-ltr {
  direction: ltr !important;
}

.arrows {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTEyOCwzMlYwSDE2QzcuMTYzLDAsMCw3LjE2MywwLDE2djExMmgzMlY1NC41NkwxODAuNjQsMjAzLjJsMjIuNTYtMjIuNTZMNTQuNTYsMzJIMTI4eiIvPg0KCQkJPHBhdGggZD0iTTQ5NiwwSDM4NHYzMmg3My40NEwzMDguOCwxODAuNjRsMjIuNTYsMjIuNTZMNDgwLDU0LjU2VjEyOGgzMlYxNkM1MTIsNy4xNjMsNTA0LjgzNywwLDQ5NiwweiIvPg0KCQkJPHBhdGggZD0iTTQ4MCw0NTcuNDRMMzMxLjM2LDMwOC44bC0yMi41NiwyMi41Nkw0NTcuNDQsNDgwSDM4NHYzMmgxMTJjOC44MzcsMCwxNi03LjE2MywxNi0xNlYzODRoLTMyVjQ1Ny40NHoiLz4NCgkJCTxwYXRoIGQ9Ik0xODAuNjQsMzA4LjY0TDMyLDQ1Ny40NFYzODRIMHYxMTJjMCw4LjgzNyw3LjE2MywxNiwxNiwxNmgxMTJ2LTMySDU0LjU2TDIwMy4yLDMzMS4zNkwxODAuNjQsMzA4LjY0eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  width: 18px;
  height: 18px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-arrow-right {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSItMjEgLTU0IDY4Mi42NjUzOCA2ODIiIHdpZHRoPSI1MTJweCI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNjYxLjY2NSAwKSI+PHBhdGggZD0ibTU1NS43ODkwNjIgODIuMzc1Yy01NC4zMDA3ODEtNTQuMzAwNzgxLTEyNi41LTg0LjIwNzAzMS0yMDMuMjg5MDYyLTg0LjIwNzAzMS0xMDguODYzMjgxIDAtMjA4LjQyOTY4OCA2MS44NDM3NS0yNTcuMDE5NTMxIDE1OC41NjI1aC02OS4wNDI5NjljLTEwLjcyNjU2MiAwLTIwLjMwNDY4OCA2LjQwMjM0My0yNC40MTQwNjIgMTYuMzEyNS00LjEwNTQ2OSA5LjkxNDA2Mi0xLjg1NTQ2OSAyMS4yMTg3NSA1LjczMDQ2OCAyOC44MDQ2ODdsODguMjA3MDMyIDg4LjIwNzAzMmM0LjUwNzgxMiA0LjUwNzgxMiAxMC41MDM5MDYgNi45OTIxODcgMTYuODgyODEyIDYuOTkyMTg3czEyLjM3MTA5NC0yLjQ4MDQ2OSAxNi44NzUtNi45ODQzNzVsODguMjE0ODQ0LTg4LjIxNDg0NGM3LjU4MjAzMS03LjU4NTkzNyA5LjgzMjAzMS0xOC44OTA2MjUgNS43MjY1NjItMjguODA0Njg3LTQuMTAxNTYyLTkuOTEwMTU3LTEzLjY4NzUtMTYuMzEyNS0yNC40MTQwNjItMTYuMzEyNWgtNjAuOTcyNjU2YzQ0Ljg2MzI4MS03NC4zODI4MTMgMTI2LjAzMTI1LTEyMS4wNjI1IDIxNC4yMjY1NjItMTIxLjA2MjUgMTM3Ljg1MTU2MiAwIDI1MCAxMTIuMTQ4NDM3IDI1MCAyNTAgMCAxMzcuODQ3NjU2LTExMi4xNDg0MzggMjQ5Ljk5NjA5My0yNTAgMjQ5Ljk5NjA5My02Ni43NzczNDQgMC0xMjkuNTU4NTk0LTI2LTE3Ni43NzczNDQtNzMuMjE0ODQzLTcuMzIwMzEyLTcuMzI0MjE5LTE5LjE5NTMxMi03LjMyNDIxOS0yNi41MTU2MjUgMC03LjMyNDIxOSA3LjMxNjQwNi03LjMyNDIxOSAxOS4xOTE0MDYgMCAyNi41MTE3MTkgNTQuMjk2ODc1IDU0LjMwMDc4MSAxMjYuNDk2MDk0IDg0LjIwMzEyNCAyMDMuMjkyOTY5IDg0LjIwMzEyNHMxNDguOTg4MjgxLTI5LjkwMjM0MyAyMDMuMjkyOTY5LTg0LjIwMzEyNGM1NC4zMDQ2ODctNTQuMzAwNzgyIDg0LjIwNzAzMS0xMjYuNSA4NC4yMDcwMzEtMjAzLjI5Mjk2OXMtMjkuOTAyMzQ0LTE0OC45OTIxODgtODQuMjEwOTM4LTIwMy4yOTI5Njl6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBmaWxsPSIjMDAwMDAwIi8+PC9nPiA8L3N2Zz4K);
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-arrow-left {
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY4MnB0IiB2aWV3Qm94PSItMjEgLTU0IDY4Mi42NjUzOCA2ODIiIHdpZHRoPSI2ODJwdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNTU1Ljc4OTA2MiA4Mi4zNzVjLTU0LjMwMDc4MS01NC4zMDA3ODEtMTI2LjUtODQuMjA3MDMxLTIwMy4yODkwNjItODQuMjA3MDMxLTEwOC44NjMyODEgMC0yMDguNDI5Njg4IDYxLjg0Mzc1LTI1Ny4wMTk1MzEgMTU4LjU2MjVoLTY5LjA0Mjk2OWMtMTAuNzI2NTYyIDAtMjAuMzA0Njg4IDYuNDAyMzQzLTI0LjQxNDA2MiAxNi4zMTI1LTQuMTA1NDY5IDkuOTE0MDYyLTEuODU1NDY5IDIxLjIxODc1IDUuNzMwNDY4IDI4LjgwNDY4N2w4OC4yMDcwMzIgODguMjA3MDMyYzQuNTA3ODEyIDQuNTA3ODEyIDEwLjUwMzkwNiA2Ljk5MjE4NyAxNi44ODI4MTIgNi45OTIxODdzMTIuMzcxMDk0LTIuNDgwNDY5IDE2Ljg3NS02Ljk4NDM3NWw4OC4yMTQ4NDQtODguMjE0ODQ0YzcuNTgyMDMxLTcuNTg1OTM3IDkuODMyMDMxLTE4Ljg5MDYyNSA1LjcyNjU2Mi0yOC44MDQ2ODctNC4xMDE1NjItOS45MTAxNTctMTMuNjg3NS0xNi4zMTI1LTI0LjQxNDA2Mi0xNi4zMTI1aC02MC45NzI2NTZjNDQuODYzMjgxLTc0LjM4MjgxMyAxMjYuMDMxMjUtMTIxLjA2MjUgMjE0LjIyNjU2Mi0xMjEuMDYyNSAxMzcuODUxNTYyIDAgMjUwIDExMi4xNDg0MzcgMjUwIDI1MCAwIDEzNy44NDc2NTYtMTEyLjE0ODQzOCAyNDkuOTk2MDkzLTI1MCAyNDkuOTk2MDkzLTY2Ljc3NzM0NCAwLTEyOS41NTg1OTQtMjYtMTc2Ljc3NzM0NC03My4yMTQ4NDMtNy4zMjAzMTItNy4zMjQyMTktMTkuMTk1MzEyLTcuMzI0MjE5LTI2LjUxNTYyNSAwLTcuMzI0MjE5IDcuMzE2NDA2LTcuMzI0MjE5IDE5LjE5MTQwNiAwIDI2LjUxMTcxOSA1NC4yOTY4NzUgNTQuMzAwNzgxIDEyNi40OTYwOTQgODQuMjAzMTI0IDIwMy4yOTI5NjkgODQuMjAzMTI0czE0OC45ODgyODEtMjkuOTAyMzQzIDIwMy4yOTI5NjktODQuMjAzMTI0YzU0LjMwNDY4Ny01NC4zMDA3ODIgODQuMjA3MDMxLTEyNi41IDg0LjIwNzAzMS0yMDMuMjkyOTY5cy0yOS45MDIzNDQtMTQ4Ljk5MjE4OC04NC4yMTA5MzgtMjAzLjI5Mjk2OXptMCAwIi8+PC9zdmc+);
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.pen-edit-icon {
  background: url("/public/resources/images/pen-edit-icon.svg");
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.copy-it {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: fit-content;
}

/* .copy-it:hover::after{
  opacity: 1;
  transform: translateY(0px);
  transition: 0.2s all ease-in-out;
} */

.copy-it::after {
  content: attr(data-copy);
  display: block;
  width: fit-content;
  position: absolute;
  top: 0px;
  right: 103%;
  font-size: 12px;
  color: #f08236;
  padding: 0px 2px;
  border-radius: 4px;
  line-height: 13px;
  padding-bottom: 4px;
  font-weight: bold;
  transition: 0.2s all ease-in-out;
  transform: translateY(0px);
  opacity: 1;
}

.copy-it.copy-done::after {
  content: attr(data-copy-done);
  transition: 0.7s all ease-in-out;
  transform: translateY(-15px);
  opacity: 0;
}

.ghost-link {
  color: #f08236 !important;
  font-weight: bold;
  font-size: 0.75rem;
  border-bottom: 1px solid #fff;
  transition: 0.1s all ease-in-out;
  outline: none;
  cursor: pointer;
}

.ghost-link:hover {
  color: #f08236;
  transition: 0.1s all ease-in-out;
  border-bottom: 1px solid #f08236;
}

.request-filters .request-fitlers__search .control-checkbox-widget-label {
  color: #fff !important;
}

@media only screen and (max-width: 768px) {
  .no-scoll-class {
    overflow: hidden;
  }
}

.speero-date {
  unicode-bidi: plaintext;
}
.speero-date .table-body-cell {
  unicode-bidi: plaintext !important;
  text-align: right !important;
}

/* General Checkbox */
.general-checkbox-container {
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* Hide the browser's default checkbox */
.general-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.general-checkbox {
  top: 0;
  left: 0;
  height: 1rem;
  width: 1rem;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #fff;
  border: 2px solid #0d0630;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .general-checkbox {
    margin: 0px;
  }
}

/* On mouse-over, add a grey background color */
.general-checkbox-container:hover input ~ .general-checkbox {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.general-checkbox-container input:checked ~ .general-checkbox {
  background-color: #41d3bd;
  border: 2px solid #41d3bd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.general-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.general-checkbox-container input:checked ~ .general-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.general-checkbox-container .general-checkbox:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ng-value .ng-value-icon {
  z-index: 100 !important;
}
.customize-view {
  min-width: 240px;
  right: auto !important;
  top:47px !important;
  width: 100% !important;
}
.customize-view.large {
  min-width: 440px;
}
@media (max-width: 768px) {
  .customize-view {
    display: none !important; 
    min-width: 100%;
    top: 50px !important;
  }
  .customize-view.large {
    min-width: 100%;
  }
  .customize-view.active {
    display: block !important;
  }
}