.bg-pink {
  background: linear-gradient(to bottom right, #e36cd9 0%, #fe60ae 100%);
}
.bg-orange {
  background: linear-gradient(to bottom right, #fda23f 0%, #f48665 100%);
}
.bg-purple {
  background: linear-gradient(to bottom right, #d78afd 0%, #9a56ff 100%);
}
.bg-green {
  background: linear-gradient(to bottom right, #43e794 0%, #23bdb8 100%);
}
.login-box {
  margin: 13%;
}
.validation-error-label {
  /* margin-top: 5px; */
  margin-bottom: 5px;
  display: block;
  color: #f44336;
  position: relative;
  font-weight: 500;
}
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
  padding: 0.5rem 1.5rem;
}
.table .btn {
  padding: 0.1rem 0.75rem;
  width: 4rem;
}
.navbar-custom .dropdown-menu.dropdown-menu-right.profile-dropdown.show {
  transform: translate3d(-53px, 60px, 0px) !important;
  width: 186px;
}
.swal2-modal .swal2-title {
  line-height: 50px;
}
/*.navbar-custom #header-user{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 12px;
    border-radius: 5px;
    background: #f5f5f5;
    font-size: 16px;
}
.navbar-custom .notification-list .nav-link{
    line-height: 3;
}*/
.navbar-custom .nav-user:hover {
  color: #707070 !important;
}
.page-title-box .breadcrumb a {
  color: #707070ab !important;
}

.breadcrumb-item.active {
  color: #cc4924 !important;
}
.lu-bg {
  background-color: #121010 !important; /* For browsers that do not support gradients */
  /* background-image: linear-gradient(90deg, #894C48, #DF9276 ) !important; /* Standard syntax (must be last) */
}
.lu-color {
  color: #cc4924 !important;
}
.side-menu {
  background: #ffffff;
  font-weight: bold;
}
#sidebar-menu > ul > li > a.active,
.submenu li.active > a.active {
  color: #ffffff !important;
  background-color: #cc4924;
  border-start-end-radius: 7px;
  margin-right: 28px;
  border-bottom-right-radius: 55px;
  border-left: 7px solid #cc4924 !important;
}
.submenu li.active > a.active:hover {
  color: #cc4924;
  background-color: #cc4924;
}
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a {
  margin-right: 1px;
}

.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:hover,
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:active,
.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a:focus {
  color: #cc4924;
  background-color: #cc4924;
}

#sidebar-menu > ul > li > a {
  font-weight: bold;
}
.enlarged #wrapper #sidebar-menu ul ul {
  background-color: #ffffff;
}
#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu > ul > li > a:active,
#sidebar-menu .submenu > li > a:hover,
#sidebar-menu .submenu > li > a:focus,
sidebar-menu .submenu > li > a:active {
  color: #ffffff;
  background-color: #cc4924;
  border-start-end-radius: 7px;
  margin-right: 28px;
  border-bottom-right-radius: 55px;
}
#sidebar-menu .submenu > li > a.active:hover {
  background-color: #cc4924;
}
.btn-primary,
.bg-primary {
  /*background-color:  #04ea26 !important;
    border: 1px solid #04ea26;*/

  background-color: #cc4924 !important;
  border: 1px solid #cc4924;
}
.widget-user .widget-user-desc::after {
  border-top-color: #8bc34a;
  border-right-color: #8bc34a;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.btn-outline-primary.active,
.btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary:hover,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  border: 1px solid #8bc34a;
}
.page-link:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px #63339540;
}
.profile-avatar {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0px auto;
  border: 4px solid #dee2e6;
  border-radius: 50%;
}
.form-group label.required:after {
  content: "*";
  color: #ec536c;
}

/* Oct */
.alert p {
  margin-bottom: 0;
}
.enlarged #wrapper .left.side-menu #sidebar-menu ul > li:hover > a {
  color: #8bc34a;
  background-color: #ffffff;
}

.paginate_button a {
  border-radius: 50% !important;
  margin: 1px;
}

.pagination .previous a,
.pagination .next a {
  border: none !important;
}
.page-link:focus {
  box-shadow: none !important;
}

.page-link:focus,
.page-link:hover {
  background-color: #cc4924;
}

.topbar .topbar-left {
  height: 75px !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: capitalize;
}
::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: capitalize;
}
:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: capitalize;
}
:-moz-placeholder {
  /* Firefox 18- */
  text-transform: capitalize;
}

.page-item.active .page-link {
  background-color: #cc4924;
  border-color: #cc4924;
}
.page-link {
  color: #cc4924;
}

.page-link:focus,
.page-link:hover {
  color: #ffffff;
}
.amount_plus {
  color: green;
}
.amount_minus {
  color: red;
}
.amount-error {
  color: red;
}

/*SAR Currency Symbol*/

@font-face {
  font-family: "icomoon";
  src: url("/assets/website/fonts/icomoon.eot?3jj6l5");
  src: url("/assets/website/fonts/icomoon.eot?3jj6l5#iefix")
      format("embedded-opentype"),
    url("/assets/website/fonts/icomoon.ttf?3jj6l5") format("truetype"),
    url("/assets/website/fonts/icomoon.woff?3jj6l5") format("woff"),
    url("/assets/website/fonts/icomoon.svg?3jj6l5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  /*  speak: never;*/
  /*  font-style: normal;*/
  /*  font-weight: normal;*/
  /*  font-variant: normal;*/
  /*  text-transform: none;*/
  /*  line-height: 1;*/

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

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

/*SAR Currency Symbol*/