.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #ff7b54 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}

input:read-only {
  cursor: default;
}

.dataTable tr th{
	background-color:#eee !important;
	color:black !important;
	line-height:30px !important;
}

.dataTable tr th, .dataTable td{
	border-bottom:1px solid #ddd !important;
	border-left:1px solid #ddd !important;
}

/* .dataTable tr th:first-child, .dataTable tr td:first-child{
  border-left:0px !important;
} */

.dataTable  {
	border:1px solid #ddd !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px !important;
}

.dataTable tr:hover{
	background-color:#f9f9f9 !important;
}

.dataTable .form-check-input {
	border:1px solid #ddd !important;
}

.form-control-solid, .form-select-solid, .input-group-text  {
	border:1px solid #d1d1d1 !important;
	border-radius:5px !important;
}

.aside-dark .menu-link.active .menu-icon i{
	color:#fff !important
}


.form_card_info .card
{
	border:none !important;	
	
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    transition: .3s all;
	
}
.form_card_info .card-header{
	background-color:#01bfa6 !important;
	color:#fff !important;
	border:none !important;

}

.form_card_info .card-title
{
	color:#fff !important;
	
}
.form_card_info .card-body{
	border:none !important;
	border-top:none !important;
	background-color:#fff !important;
	
}

body {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.select2-container--open {
  z-index: 9999999
}

.swal2-container {
  z-index: 9999999 !important;
}

.typeahead .dropdown-item.active {
  background-color: #fff;
}

.typeahead .active .dropdown-item {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.typeahead li.dropdown-item {
  padding: 0;
}

.badge-orange {
  color: #ffffff;
  background-color: #ff793f;
}

.badge-purple {
  color: #ffffff;
  background-color: #474787;
}

.badge-pink {
  color: #ffffff;
  background-color: #f78fb3;
}

.custom_table th {
  font-weight: 700
}

.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon i,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: white;
}

.aside-dark .menu .menu-item .menu-link .menu-icon i {
  color: #a0a1ad;
}

.disabledTab {
  pointer-events: none;
  opacity: 0.8;
}

.disabledTab td:first-child {
  pointer-events: auto;
  opacity: 1;
}

.form-control[readonly]{    
  background: #eee;
}

.colors_select {
  min-height: 42.5px !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

.cke_notifications_area{
  display: none;
}
