:root
{
    --kt-success-lightChart: #ffffff;
    --kt-primary-lightChart: #ffffff;
    --kt-danger-lightChart: #ffffff;
    --kt-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23E83B69'/%3e%3c/svg%3e");
    --kt-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --kt-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

@font-face
{
    font-family: 'Tajawal-Bold';
    src: url("../../../fonts/Tajawal/Tajawal-Bold.ttf");
}

@font-face
{
    font-family: 'Tajawal-Medium';
    src: url("../../../fonts/Tajawal/Tajawal-Medium.ttf");
}

@font-face
{
    font-family: 'Tajawal-Regular';
    src: url("../../../fonts/Tajawal/Tajawal-Regular.ttf");
}

@font-face
{
    font-family: 'Tajawal-ExtraBold';
    src: url("../../../fonts/Tajawal/Tajawal-ExtraBold.ttf");
}
/* .modal-open{overflow:auto!important;
    padding-right:0 !important;} */

body
{
    background-color: white;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
#loading {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.9;
    background-color: #fff;
    z-index: 99;
  }

  #loading-image {

    z-index: 100;
  }
  .w-181{
    width: 181px!important;
  }
/********************colors-start************************/
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    box-shadow: 0 0 0 30px white inset !important;
}
.orange
{
  color: #FF6C40;
}

.green
{
  color:#19AB55 ;

}

.gray
{
   color: #637381;
}
.dark
{
    color: #212B36;
}
.gray-light
{
    color:#637381;
}
.gray-dark
{
    color: #212B36;
}

.pink {
    color: #E83B69;
}
.green
{
    color: #00AB55!important;
}

/********************colors-end************************/



.symbol.symbol-50px > img
{
    width: 45px;
    height: 44px;
}
.btn.btn-primary,
.btn.btn-primary:hover {
  color: white;
  border-color: #1B3A5B !important;
  background-color: #1B3A5B !important;
  font-size: 15px;
  font-family:  'Tajawal-Medium',sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px !important;
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary
{
  color: white;
  border-color: #1B3A5B !important;
  background-color: #1B3A5B !important;
}
.text-link, .text-hover-primary:hover

{
    color:#212B36 !important;
    font-size: 13px !important;
    font-family: 'Tajawal-Medium',sans-serif;

}
.text-muted
{
   color: #A6B1BB !important;
   font-size: 13px !important;
   font-family: 'Tajawal-Medium',sans-serif;

}
.form-select.form-select-solid
{
    background-color: white;

}
.text-dark
{
    color: #212B36 !important;
    font-size: 18px !important;
    font-family: 'Tajawal-ExtraBold',sans-serif;

}
.add-new-btn,.add-new-btn:hover{
    color: white;
    border-color: #1B3A5B !important;
    background-color: #1B3A5B !important;
    font-size: 15px;
    font-family: 'Tajawal-Medium', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px !important;
}
.add-text-span{
    position: relative;
    top: 2px;
}
.ui-sortable-helper {
    /* background:green; */
    background-color: rebeccapurple;
    /* box-shadow: #212B36; */
}
.category-sortable {
    cursor: move;

    /* background-color: rebeccapurple!important; */
}

.filepond--file {
    background-color: #adacab;
}
.yellow
{
    box-shadow: 10px 10px 10px grey;
}
.pag-table {
    width: 52px;
    height: 30px;
    border: 1px solid #E83B69!important;
    border-radius: 5px;
    padding: 0 5px;
}
.page-link.active,
.active>.page-link {
    background: #E83B69 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: #E83B69;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .svg-icon,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link i {
    color: #E83B69;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .previous {
    background: #E83B69 0% 0% no-repeat padding-box;
}

.page-item{
    background-color: #F4F4F4;
    border-radius: 5px;
}
.pagination
{
    row-gap: 7px!important;
}
.page-item .page-link
{
    width: unset!important;
    min-width: 2.5rem!important;
    font-size: 1rem!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.form-check-custom.form-check-solid .form-check-input:checked{
    background-color: #19AB55 !important;
}

.one-line
{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
   overflow: hidden;
}
.select2-results__option.select2-results__option--selectable:active, .select2-results__option.select2-results__option--selectable:hover,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted
{
  background-color:#F6F7F9 !important;
  color: #212B36 !important;
  border-radius: 3px;
  font-family:'Tajawal-Medium', sans-serif ;
  margin-left: 1rem;
  margin-right: 1rem;

}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option
{
    color: #212B36 !important;
    border-radius: 3px;
    font-family:'Tajawal-Medium', sans-serif ;
    margin-left: 1rem;
    margin-right: 1rem;
}

.form-floating.border.rounded {border: unset!important;}


.upload-div-style{
    border: 1px dashed #919EAB52;
    background-color: #F4F6F8;
    border-radius: 16px;
    box-shadow: 0 0 12px #00000008;
    padding: 40px;
    height: auto;
}
.upload-text{
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 15px;
    color: #637381;
    margin-bottom: 0;
    text-align: left;
}
.browse-link,.browse-link:hover{
    color: #00AB55;
}
.filepond--list.filepond--list{top: 8px !important;}
.filepond--credits{display:none}
.filepond--drop-label label{
    font-family: 'Tajawal-Regular',sans-serif;
    font-size: 15px !important;
    color: #637381;
    width: 100%;
    text-align: left !important;
    cursor: pointer !important;
}
.filepond--drop-label{background-color: #F4F6F8}
.filepond--label-action{
    color: #00AB55!important;
    text-decoration-color: #00AB55 !important;
    font-size: 16px!important;
}
.select-style-div{
    border: 1px solid #e4e6ef;
    height: 50px;
}
.select-style{
    color: #212B36 !important;
    font-size: 13px;
    font-family: 'Tajawal-Bold', sans-serif !important;

}

.select2-results__options li img{display: none;}
.select2-results__options li span {
    margin-right: 17px;;
}
.form-text
{
  color: #212B36;
  font-size: 13px;
  font-family: 'Tajawal-Medium', sans-serif!important;
}

.parsley-errors-list {
    font-size: 13px!important;
    font-family: 'Tajawal-Medium',sans-serif;
    color: red!important;
}

.text-danger{
    font-size: 13px!important;
    font-family: 'Tajawal-Medium',sans-serif;
    color: red!important;
}
.swal2-popup .swal2-html-container, .swal2-popup .swal2-content{
    font-family: 'Tajawal-Bold',sans-serif;
 }


 .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after{
    display: none;
}

.page-num-text
{
    font-size: 14px;
    font-family: 'Tajawal-Regular', sans-serif;
}
.text-right
{
    align-items:right;
    direction: rtl;
}


 .card-content-style {
     border: 1px solid #F6F7F9;
     box-shadow: 0 0 12px #00000008;
     border-radius: 16px;
     padding: 25px 14px !important;
 }
 .card-content-style.dash {
    border: 1px solid #F6F7F9;
    box-shadow: 0 0 12px #00000008;
    border-radius: 16px;
    padding: 25px 0 !important;
    padding-bottom: unset!important;
}

.bg-gray-200 {
    display: inline-block;
    background-color: #919EAB;
    border-radius: 50%;
    width: 4px !important;
    height: 4px !important;
    position: relative;
    bottom: 2px;
}


.badge-light-success {
    background-color: #19AB55;
    color: #fff;
    margin-bottom: 0;
}


.flex-root {
    flex: 0;
}

.table-content-text {
    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
    color: #212B36;
}



.pagination-row {
    margin: 0 20px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after{
    display: none;
}
.card-style{
    border: 1px solid #F6F7F9;
    box-shadow: 0 0 12px #00000008;
    border-radius: 16px;
}
.user-numText {
    font-size: 13px;
    font-family: 'Tajawal-Medium';
}
.user-valeu {
    font-size: 33px;
    color: #212B36;
    font-family: 'Tajawal-ExtraBold';
}
.show.menu-dropdown>.menu-sub-dropdown.table,
.menu-sub-dropdown.table.menu.show,
.menu-sub-dropdown.table.show[data-popper-placement] {
    display: flex;
    will-change: transform;
    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1, menu-sub-dropdown-animation-move-up 0.3s ease 1;
    transform: translate(-1210px, 225px) !important;
    width: 62px !important;
    font-size: 14px !important;
    font-family: 'Tajawal-Medium', sans-serif;
    justify-content: center;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    background-color: #F6F7F9 !important;
    color: #212B36 !important;
    border-radius: 3px;
    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
}
.drop-menu
{
    font-size: 13px!important;
    font-family: 'Tajawal-Medium',sans-serif;

}
/************Buttons*****start****/
.cancel-btn,.cancel-btn:hover{
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 15px;
    color: #637381;
    border: 1px solid #637381 !important;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #fff !important;
    min-width: 111px !important;
    height: 36px !important;
}
.btn-light-primary.cancel,.btn-light-primary.cancel:hover,.btn.btn-light-primary.cancel:hover:not(.btn-active)
{
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 15px;
    color: #637381;
    border: 1px solid #637381 !important;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #fff !important;
    min-width: 111px !important;
    height: 36px !important;
}
.btn-primary.add,.btn-primary.add:hover
{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 15px;
    color: #fff;
    border: 1px solid #1B3A5B;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #1B3A5B !important;
    min-width: 111px !important;
    height: 36px !important;
}
.swal2-confirm.swal2-styled.swal2-default-outline,.confirm
{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 15px;
    color: #fff;
    border: 1px solid #1B3A5B;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #1B3A5B !important;
    min-width: 90px !important;
    height: 36px !important;
}
.swal2-cancel.swal2-styled
{
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 15px;
    color: #637381;
    border: 1px solid #637381 !important;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #fff !important;
    min-width: 36px !important;
    height: 36px !important;
}
.swal2-title
{
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 13px;
}
.add-btn,.add-btn:hover, .add-btn:focus + .add-btn, .add-btn:focus{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 15px;
    color: #fff;
    border: 1px solid #1B3A5B;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #1B3A5B !important;
    min-width: 111px !important;
    height: 36px !important;
}
.add-btn.card,.add-btn.card:hover, .add-btn.card:focus + .add-btn.card, .add-btn.card:focus
{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 15px;
    color: #fff;
    border: 1px solid #1B3A5B;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #1B3A5B !important;
    min-width: 102px !important;
    height: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;

}
.regist-add-btn,.regist-add-btn:hover, .regist-cancel-btn,.regist-cancel-btn:hover,
.regist-add-btn:focus + .regist-add-btn, .regist-add-btn:focus,
.regist-cancel-btn:focus + .regist-cancel-btn, .regist-cancel-btn:focus
{
    min-width: 91px !important;
    height: 31px !important;
}

.regist-add-btn.small,.regist-add-btn.small:hover, .regist-add-btn.small,.regist-add-btn.small:hover,
.regist-add-btn.small:focus + .regist-add-btn.small, .regist-add-btn.small:focus

{
    min-width: 67px !important;
    height: 31px !important;
}
.reason, .reason:hover
{
    background-color: white!important;
}
.dash-btn,.dash-btn:hover, .dash-btn:focus + .dash-btn, .dash-btn:focus{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px;
    color: #212B36;
    border: 1px solid #F6F7F9;
    border-radius: 5px;
    padding: 2px !important;
    background-color: #F6F7F9 !important;
    min-width: 68px !important;
    height: 27px !important;
}
.dash-btn.active, .dash-light-btn.active
{
    border: 1px solid #1B3A5B!important;
    background-color: #1B3A5B !important;
    color: #fff!important;
}
.dash-light-btn{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px;
    color: #212B36;
    border: 1px solid #F6F7F9;
    border-radius: 5px;
    padding: 2px 7px !important;
    background-color: #F6F7F9 !important;
    min-width: 68px !important;
    height: 27px !important;
}
.cancel-btn-red,.cancel-btn-red:hover,.cancel-btn-red:active,.cancel-btn-red:focus + .cancel-btn-red, .cancel-btn-red:focus{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 15px;
    color: #E83B3B;
    border: 1px solid #FCE1E1;
    border-radius: 9px;
    padding: 5px !important;
    background-color: #FCE1E1 !important;
    width: 111px !important;
    height: 36px !important;
}

.filter-search-btn,.filter-search-btn:hover{
    color: white !important;
    border-color: #1B3A5B !important;
    background-color: #1B3A5B !important;
    font-size: 14px;
    font-family: 'Tajawal-Medium', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 20px !important;
    height: 50px;
    border-radius: 9px;
}
.clear-search-btn,
.clear-search-btn:hover {
    color: #1B3A5B !important;
    border: 1px solid #1B3A5B !important;
    background-color: #FFF !important;
    font-size: 14px;
    font-family: 'Tajawal-Medium', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 20px !important;
    height: 50px;
    border-radius: 9px;
}
.filter-search-btn p,.clear-search-btn p {
    position: relative;
    /* top: 2px; */
}
.more-btn,
.more-btn:hover {
    background: none !important;
    transform: rotate(90deg);
}

.more-btn svg {
    width: 18px !important;
    height: 18px !important;
    color: #637381;
}
.btn-red-primary,  .btn-red-primary:hover, .btn-red-primary:active
{
 background: #E83B3B26 0% 0% no-repeat padding-box!important;
 border: 1px solid #E83B3B26 !important;
 border-radius: 9px!important;
 color:#E83B3B;
 font-size: 15px;
 font-family: 'Tajawal-Medium',sans-serif;
 padding: 5px !important;
 /* margin: 5px; */
 width: 111px !important;
height: 36px !important;
}

.add-modale, .add-modale:hover {
    color: #E83B69;
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 13px;
}
.add-modale.m-color, .add-modale.m-color:hover
{
    color: #00AB55!important
}
.add-block, .add-block:hover {
    color: #1B3A5B;
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 13px;
}
.btn.btn-danger.icon, .btn-check:checked + .btn.btn-danger, .btn-check:active + .btn.btn-danger, .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .btn.btn-danger:active:not(.btn-active), .btn.btn-danger.active, .btn.btn-danger.show, .show > .btn.btn-danger {
    color: white;
    border-color: #19AB55;
    background: #19AB55 0% 0% no-repeat padding-box;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
    padding: 0.5rem!important;
    padding-right: 1rem!important;
    padding-left: 0.5rem!important;
}
.excel a
{
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid!important;
    border-radius: 9px;
}
.btn.btn-light-success.excel-style
{
    width: 98px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #00AB55!important;
}
.btn.btn-light-success.excel-style:hover
{
    background-color: #e8fff3 !important;
    color: #00AB55;
}

.btn-success.excel-text
{
    font-size: 15px;
    font-family: 'Tajawal-Medium',sans-serif;
    border-radius: 9px;
}
.none_line {
    color: var(--gray)!important;
    text-decoration: underline !important;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
a.none_line, a.none_line:hover
  {
    color: var(--gray)!important;
    text-decoration: underline;
    font-size: 12px;
  }
  .none_line {
    color: var(--gray)!important;
    text-decoration: underline !important;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
a.conditions, a.conditions:hover
  {
    color: #E83B69;
    text-decoration: underline !important;
    font-size: 12px;
  }
  .conditions
  {
    color: #E83B69;
    text-decoration: underline !important;
    font-size: 12px;
    font-family:'Tajawal-Medium',sans-serif;
  }
/*************************end****/
/**********tittles************/
.table-name-text
{
    font-size: 14px;
    font-family: 'Tajawal-Bold',sans-serif;
    color: #212B36;
}
.category-img-title
{
    font-family: 'Tajawal-Bold', sans-serif;
    font-size: 13px;
    color: #919EAB;
}

.sub-title {
    color: #919EAB;
    font-size: 13px;
    font-family: 'Tajawal-Bold',sans-serif;
}
.sub-title-bold {
    color: #212B36;
    font-size: 15px;
    font-family: 'Tajawal-Bold',sans-serif;
}
.modal-tittle
{
    font-family: 'Tajawal-Bold',sans-serif;
}
.company-text
{
    color: #212B36;
    font-size: 13px;
    font-family:  'Tajawal-Medium',sans-serif;
}
.title-text
{
    color: #637381;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
.content-text
{
    color: #212B36;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
.download-text-color{
    color: #E83B69;

}
.download-text-gray{
    color: rgba(128, 128, 128, 0.596);
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
.download-text
{
    color: #E83B69;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
}
.num-text
{
    color: #E83B69;
    font-size: 16px;
    font-family: 'Tajawal-Bold',sans-serif;
}
.text-dark2 {
    color: #212B36 !important;
    font-size: 15px !important;
    font-family: 'Tajawal-ExtraBold',sans-serif;
}
/**********************/
 /**************pages tap******start********/
 .main-links-flex{display: flex;margin: 25px 0; width: 100%; overflow-x: scroll; margin-bottom: 10px;}
 .main-flex-link{
     font-family: 'Tajawal-Medium', sans-serif;
     font-size: 13px;
     color: #637381;
     display: flex;
     justify-content: center;
     align-items: center;
     /* align-items: end; */
     white-space: nowrap;
     height: 45px;
 }
 .main-flex-link.active,.main-flex-link:hover{
     font-family: 'Tajawal-Bold', sans-serif;
     color: #212B36;
     border-bottom: 2px solid #E83B69;

 }

 .main-flex-link:not(:first-child){margin-right: 24px;}
 .main-links-icon{color: #637381;width: 16px;}
 .main-flex-link.active .main-links-icon{color: #212B36;}
 .main-links-span{margin-right: 7px; margin-left: 6px;}
 .mt-152{margin-top: 152px;}


.main-flex-link.active,
.main-flex-link:hover {
    font-family: 'Tajawal-Bold', sans-serif;
    color: #212B36;
    border-bottom: 2px solid #E83B69;
}

.main-flex-link.active .main-links-icon {
    color: #212B36;
}
.table-name-text-dash, .table-name-text-dash:hover
{
    font-size: 14px;
    font-family: 'Tajawal-Bold',sans-serif;
    color: #212B36;
}
.badge.badge-square
{
    border-radius: unset!important;
    min-width: unset!important;
}
 /*********************************end**********/

/************textarea******start*********/

/* .textarea-div #message{position: relative;} */
.textarea-div #counter{position: absolute; font-family:'Tajawal-Medium',sans-serif ; font-size: 13px; bottom: 49%; right: 41px;}
.form-control.form-control-solid.description-style
{
    background-color: white;
    border-radius: 9px;
    border: 1px solid #919EAB52;
    /* height: 150px!important; */
}
.description-style
{
   font-size: 14px;
    font-family: 'Tajawal-Medium', sans-serif;
}

/*******end*******/

/******input fields******start*******/
textarea::placeholder {
    color: white;
    opacity: 1; /* Firefox */
    font-family: 'Tajawal-Medium',sans-serif;
    font-size: 14px;
  }
.form-field-style.multi

{
    /* border: 1px solid #919EAB52;
    border-radius: 7px!important;
    height: 50px;
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px !important;
    background-color: white; */
    overflow-y: scroll;
    position: relative;
}
.form-field-style.multi::-webkit-scrollbar,
#kt_modal_maxlength_textarea::-webkit-scrollbar

{
    width: 3px;
    display: none;
}

.form-field-style.multi::-webkit-scrollbar-track,
#kt_modal_maxlength_textarea::-webkit-scrollbar-track
{

border-radius: 15px;
background: white;
padding-left: 3px;
display: none;
}

.form-field-style.multi::-webkit-scrollbar-thumb,
#kt_modal_maxlength_textarea::-webkit-scrollbar-thumb
{
background:#D8D9D1;
border-radius: 15px;
display: none;

}

.form-select.form-select-solid.list-style
{
  background-color: white;
  color: #212B36!important;
  font-size: 13px;
  font-family:'Tajawal-Medium',sans-serif;
  transition: color 0.2s ease;
  padding: 1.241rem;
  border: 1px solid #919EAB52;
  height: 50px!important;

}

.select2-container--bootstrap5 .select2-selection--single.form-select-solid.list-style .select2-selection__rendered span{color: #D8D9D1 !important; font-size: 14px; padding-right: unset;}

.form-select.form-select-solid.list-style.tag-style {
    height: 50px;
    overflow-y: scroll;
    position: relative;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder
{
    columns: red;
}
.tag-style ul {margin-bottom:1rem; margin-top:2rem;
    /* position:absolute; top: -14px;  */
    width:256px!important; }
.tag-style.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display{margin-right: 1.1rem;}
.tag-style.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background-color: #E83B69!important; display: none;}
.tag-style.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #F4F6F8; }
.select2-container--bootstrap5 .select2-selection--multiple{display: block!important;}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline{margin-top: 6px;     display: inline-block!important;}
/* .form-control{
    font-family: 'Tajawal-Bold',sans-serif;
    font-size: 13px;
    border: 1px solid #919EAB52;
    height: 50px!important;

} */

.form-field-style{
    border: 1px solid #919EAB52;
    border-radius: 7px;
    height: 50px;
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px !important;
    background-color: white;

}

.select-dropdown-style{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px;
    width: 100%;
    border-radius: 9px !important;
    color: #919EAB;
    border: unset;
}

.form-control.form-control-solid {
    color: #919EAB;
    font-size: 14px;
    font-family: 'Tajawal-Medium', sans-serif;
    background-color: #fff;
    border-color: #919EAB52;
    padding-top: 15px;
    height: 50px;
}
.form-control.form-control-solid::placeholder{
    font-size: 13px;
}
.input-field-style.date, .form-control.date{
    flex-direction: row-reverse;
    align-items: center;
    text-align: right;
}


.textOnInput {
    position: relative;
}

.textOnInput label {
    position: absolute;
    top: -13px;
    right: 4%;
    padding: 2px;
    z-index: 1;
}
.textOnInput label.long
{
    position: absolute;
    top: -13px;
    right: 4%;
    padding: 2px;
    z-index: 1;
    left: unset;
}
.textOnInput label.long_extra
{
    position: absolute;
    top: -12px;
    right: 2%;
    padding: 2px;
    z-index: 1;
    left: unset;
}
.textOnInput label:after {
    content: " ";
    background-color: rgba(1,1,1,.0);
    width: 100%;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

label.border-lable {
    font-size: 12px;
    font-family: 'Tajawal-Medium';
    display: inline-block;
    margin-bottom: .5rem;
    color: #919EAB;

    background-color:white;
}
.disabled_lable
{
   background-color: rgba(1,1,1,.0)!important;
}
label.long.border-lable ,label.long_extra.border-lable {
    font-size: 12px;
    font-family: 'Tajawal-Medium';
    display: inline-block;
    margin-bottom: .5rem;
    color: #919EAB;
}

.modal-text.label.border-lable
{
    font-size: 12px;
}
.textOnInput.modal-text label
{
    right: 5%;
    left: unset;
}
/* .form-control.form-lable {
    box-shadow: none !important;
} */

.input-field-style  {
    width: 100%;
    /* padding: 15px 20px; */
    /* text-align: right; */
    border-radius: 9px !important;
    color: #919EAB;
    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
    height: 50px;
}

.input-field-style::placeholder
{
    color: #919EAB;
    opacity: 1;
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: #919EAB;
    opacity: .5;
    display: block;
    background: url('../../../images/admin-img/calendar.svg') no-repeat;
}
.calendar-icon-span{
    position: absolute;
    top: 13px;
    left: 11px;
    pointer-events: none;
}
.password-icon-span{
    position: absolute;
    top: 16px;
    left: 22px;
}
.form-floating>label {
    color: #919EAB !important;
    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
}
.form-control.text{

    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
    background-color: #fff;
    border: 1px solid #919EAB52!important;
    height: 50px;
    color: #212B36;
}
.form-control.text::placeholder
{
    color: #D8D9D1;
}
.form-select.form-select-solid.list-style[aria-labelledby]
{
color:#D8D9D1!important ;

}
.select-tell.form-select.form-select-solid.list-style[aria-labelledby]
{
    justify-content: end;
}
.form-control.text.date{

    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
    background-color: #fff;
    border: 1px solid #919EAB52!important;
    height: 50px;
    color: #919EAB;
    border-radius: 5px;

}

/* .form-control.text::placeholder
{
    font-size: 13px;
    font-family: 'Tajawal-Medium', sans-serif;
} */

/******Radios********/
.radios-div
{
    display: flex;
    align-items: center;
    background-color: #F6F7F9;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
#kt_modal_update_role_option_0.form-check-input:checked,
#kt_modal_update_role_option_1.form-check-input:checked,
#kt_modal_update_role_option_2.form-check-input:checked,
#kt_modal_update_role_option_3.form-check-input:checked,
#kt_modal_update_role_option_4.form-check-input:checked,
#kt_modal_update_role_option_5.form-check-input:checked,
#kt_modal_update_role_option_6.form-check-input:checked,
#kt_modal_update_role_option_7.form-check-input:checked,
#kt_modal_update_role_option_8.form-check-input:checked,
#kt_modal_update_role_option_9.form-check-input:checked,
#kt_modal_update_role_option_10.form-check-input:checked
{
    background-color: #F6F7F9!important;
    border: 1px solid #E83B69 !important;


}
/* #kt_modal_update_role_option_0.form-check-input:checked[type=radio]
{

    background-color:#E83B69!important ;

} */

/*******end********/

/*******user library table*******stsrt****/
/********************************user-library**************************/

.card.card-style.library
{
    border-radius: 0 0 16px 16px ;
}
.tap-div{display: flex; padding:1rem;   background-color: #F4F6F8; border-radius: 16px 16px 0px 0px;}
.tap-div-link{
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 12px;
    color: #637381;
    display: flex;
    justify-content: center;
    align-items: end;
}
.tap-div-link.active,.tap-div-link:hover{
    font-family: 'Tajawal-Medium', sans-serif;
    color: #212B36;
    border-bottom: 2px solid #00AB55;

}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after
 {
    display: none!important;
 }

 .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
     overflow: hidden;
     padding-right: 2px;
}
.tap-div-link:not(:first-child){margin-right: 24px;}

/* .tap-div-span{margin-right: 7px;} */

i.fs-6s
{
    font-size: 1.25rem!important;
}
.badge.badge-icons
{
    background-color: white;
    padding: .5rem;
    border-radius: 24px;
    border: 1px solid #F6F7F9;
}
i.fonticon-headset
{
    font-size: 1.25rem;
    color: #E83B69;
}
i.fa-book
{
    font-size: 1.25rem;
    color: #043260;

}
i.fa-crown
{
    font-size: 1.25rem;
    color: #ED8900;
}
.symbol.symbol-circle, .symbol.symbol-circle > img, .symbol.symbol-circle .symbol-label.table-img
{
    border-radius: 22%;
}


/*********end*********/
/*********user id tables*******/
.toolbar-btn.text, .toolbar-btn.text:hover
{
    color: white;
    border-color: #19AB55;
    background: #19AB55 0% 0% no-repeat padding-box;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;
    padding: 0.5rem!important;
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
    /* padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important; */
    display: flex;
   justify-content: center;
    align-items: center;
}

.toolbar-btn.icon, .toolbar-btn.icon:hover
{
    color: white;
    border-color: #19AB55;
    background: #19AB55 0% 0% no-repeat padding-box;
    font-size: 12px;
    font-family: 'Tajawal-Medium',sans-serif;

    padding: 0.5rem!important;
    padding-right: 0.75rem!important;
    padding-left: 0.75rem!important;

}
.toolbar-btn.icon i
 {
    color: white!important;
   padding-left: unset;
 }
.card-header-style
{
    padding: 14px   !important;
    padding-top: 25px !important;
    padding-bottom: 0 !important;
    display: block;
}

.card-body-style
{
    padding: 14px  !important;
    padding-top: 0px !important;
    padding-bottom: 25px !important;
}
.card-toolbar-style
{
    margin: 1.5rem 0 !important;
    background: #C8FACD 0% 0% no-repeat padding-box;
    border-radius: 8px;
}
/***delete template pagination***/
div.dataTables_wrapper div.dataTables_paginate
{
    margin: 0;
    white-space: nowrap;
    text-align: right;
    display: none;
}

/*******tables content****start****/
.table.table-row-dashed tr{border: none;}
.table tr:first-child, .table th:first-child, .table td:first-child{
    padding-right: 15px;
    border-radius: 0 8px 8px 0;
}
.table tr:last-child, .table th:last-child, .table td:last-child{
    padding-left: 15px;
    border-radius: 8px 0 0 8px;
}


table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td{
    text-align: right;
}
#kt_table_users tr{background-color: #FFF;}
#kt_table_users thead tr {background-color: #F4F6F8;}
#kt_table_users thead th{font-family: "Tajawal-Bold", sans-serif; font-size: 13px; color: #637381; white-space: nowrap; padding-right: 15px!important; text-align: right;}
#kt_table_users thead th a{display: flex; justify-content:start; align-items: center;}
#kt_table_users thead th a i { margin-right: 5px;}
#kt_book_list_countries tr, #kt_table_book tr, #kt_new-users tr , #kt_new-users2 tr{background-color: #FFF;}
#kt_book_list_countries thead tr, #kt_table_book thead tr, #kt_new-users thead tr , #kt_new-users2 thead tr{background-color: #f4f6f8;}
#kt_book_list_countries thead th, #kt_table_book thead th, #kt_new-users thead th, #kt_new-users2 thead th{font-family: "Tajawal-Bold", sans-serif; font-size: 13px; color: #637381;}
#kt_book_list_countries, #kt_table_book, #kt_new-users #kt_new-users2{padding: 12px;}
#kt_book_list_countries td {padding: 25px 15px;}
.tr-bg-gray{background-color: #F4F6F8;}
#kt_new-users td{padding: 16px 7px;}
#kt_new-users.most-read td{padding: 15px 14px;}
#kt_new-users2 td{padding: 21px 14px;}

/* #kt_table_users{padding: 12px;} */
#kt_table_users td {padding: 25px 15px;}
.tr-bg-gray{background-color: #F4F6F8;}


/**status style**/
.badge-light-success
{
    background-color: #19AB55;
    color: #FFFFFF;
    margin-bottom: 0;
}
.badge-light-success-dash
{
    color: var(--kt-success);
    background-color: var(--kt-success-light);
    margin-bottom: 0;
}
.btn-light-success-dash:hover,.btn-light-success-dash,.btn-light-success-dash:focus
{
    color: var(--kt-success);
    background-color: var(--kt-success-light);
    margin-bottom: 0;
    font-size: 15px;
    font-family: 'Tajawal-Medium', sans-serif;
    border: 1px solid var(--kt-success-light) !important;
    border-radius: 9px!important;
    padding: 5px !important;
    width: 111px !important;
    height: 36px !important;
}


.badge-light-disable
{
    background-color: #FF6C40;
    color: #FFFFFF;
    margin-bottom: 0;
}
.badge.table
{
--bs-badge-font-weight: unset!important;
font-family: 'Tajawal-Medium', sans-serif;
font-size: 13px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 53px;
height: 25px;
}
/***end****/

/*******tables content****end****/
.white-space
{
    white-space: nowrap;
}
/*********************/
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered{margin-bottom:1rem; margin-top:2rem;
    /* position:absolute; top: -14px;  */
    width:93px; }
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display{margin-right: 1.1rem;}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background-color: #E83B69!important;}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #F4F6F8;  }

/***********upload************/

.audio-border
{
    border:  1px solid #F6F7F9;
    border-radius: 0 0 9px 9px;
    border-top: none;
}



.file-tittle
{
    font-size: 14px;
    font-family: 'Tajawal-Bold',sans-serif;
}
.cover-book
{
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: #F6F7F9;
    border-radius: 9px;


}
.cover
{
    width: 233px;
    height: 179px;
    border-radius: 9px;
    object-fit: cover;
}

.drop-div
{

width: 100%;
height: 47px;
background-color: #F6F7F9;
border-radius: 9px 9px 0 0;
display: block;

}

@keyframes fade_in_show {
    0% {
         opacity: 0;
         transform: scale(0)
    }

    100% {
         opacity: 1;
         transform: scale(1)
    }
}

.show-icon:hover i
 {
    color: #E83B69!important;
 }

/* .show-div:hover .drop-div
{
    display: block;
    animation: fade_in_show 0.2s
} */
/* .show-div:hover .audio-player
{
    border-radius: 0 0 9px 9px;
} */
.cancel-cover
{
    position: absolute;
    left: 245px;
    margin-bottom: 145px;
    display: none!important;

}
.cancel-cover i:hover
{
    color: #E83B69!important;
}
.audio,.audio:focus-visible
{
    width: 100%;
    border: unset!important;

}
.audio-arrow
{
    border: 1px solid #F6F7F9 ;
    padding: .5rem;
}
.field-div
{
    justify-content: end;
    display: flex;
    align-items: center;
}
.LeftFloat
{
    float: left;

}
.RightFloat
{
    float: right;
    flex-direction: column;
    justify-content: end;
    display: flex;
    gap: 1rem;
}

.FieldContainer
{
    flex-direction: column;
    justify-content: end;
    display: flex;
    align-items: end;
    /* overflow-y: auto; */
    padding: .2rem;
}
 .OrderingField
{
    margin: 3px;
    /* border: 1px solid #919EAB52; */
    background-color: white;
    border-radius: 7.5px;
    height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;

}
.OrderingField-text
{

    border: 1px solid #919EAB52;
    background-color: white;
    border-radius: 7.5px;
    height: 58px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;

}
.file-text
{
    font-size: 13px;
    font-family: 'Tajawal-Medium',sans-serif;
    padding-left: 1rem;
}
/* .OrderingField div.Commands
{
    width: 60px;
} */



    .voting__button {
        /* Reset */
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: end;

        /* Size */
        height: 1rem;

        /* Position the triangle */
        position: relative;
    }

    .voting__triangle {
        border-style: solid;

        /* Size */
        height: 0;
        width: 0;
    }

    .voting__triangle--up {
        border-color: transparent transparent rgba(0, 0, 0, 0.3);
        border-width: 0 0.5rem 0.5rem;
    }

    .voting__triangle--down {
        border-color: rgba(0, 0, 0, 0.3) transparent transparent;
        border-width: 0.5rem 0.5rem 0px;
    }

    .voting__number {
        /* Take the available height */
        flex: 1;

        /* Center the number */
        align-items: center;
        display: flex;
        justify-content: center;

        /* Spacing */
        padding: 0.25rem;
    }

 /****************upload add********************/
 .filepond--root *:not(text) {
    font-size: 14px !important ;
    color: black  ;
}

.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
    background-color: #F4F6F8!important;
}

.filepond--file
{
    border-radius: 1.5em;
    border: 1px solid grey;
}

.filepond--file-action-button.filepond--file-action-button svg
{
    border-radius: 33rem;

        border: 1px solid;
}
.select_style
{
    display: flex;
    justify-content: end;
    font-size: 24px;
    font-family: 'Tajawal-ExtraBold';
}


/************audio - custom****************/
.audio-player {
    /* --player-button-width: 3em;
    --sound-button-width: 2em;
    --space: .5em; */
    width: 254px;
    height: 200px;
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: #F6F7F9;
    border-radius: 9px;
  }

  .audio-cover

  {
    width: 233px;
    height: 179px;
    border-radius: 9px;
  }
  .icon-container {
    width: 100%;
    height: 100%;
    background-color: #F6F7F9;
    color: #E83B69;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .audio-icon {
     width: 90%;
     height: 90%;
  }

  .controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }

  .player-button {
    background-color: transparent;
    border: 0;
    width: var(--player-button-width);
    height: var(--player-button-width);
    cursor: pointer;
    padding: 0;
  }

  .timeline {
    -webkit-appearance: none;
    width: calc(100% - (var(--player-button-width) + var(--sound-button-width) + var(--space)));
    height: .5em;
    background-color: #e5e5e5;
    border-radius: 5px;
    background-size: 0% 100%;
    background-image: linear-gradient(#DE5E97, #DE5E97);
    background-repeat: no-repeat;
    margin-right: var(--space);
  }

  .timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #a94672;
  }

  .timeline::-moz-range-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #a94672;
  }

  .timeline::-ms-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #a94672;
  }

  .timeline::-webkit-slider-thumb:hover {
    background-color: #943f65;
  }

  .timeline:hover::-webkit-slider-thumb {
    opacity: 1;
  }

  .timeline::-moz-range-thumb:hover {
    background-color: #943f65;
  }

  .timeline:hover::-moz-range-thumb {
    opacity: 1;
  }

  .timeline::-ms-thumb:hover {
    background-color: #943f65;
  }

  .timeline:hover::-ms-thumb {
    opacity: 1;
  }

  .timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

  .timeline::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

  .timeline::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

  .sound-button {
    background-color: transparent;
    border: 0;
    width: var(--sound-button-width);
    height: var(--sound-button-width);
    cursor: pointer;
    padding: 0;
  }

  audio::-webkit-media-controls-panel {
    background-color: white;
  }


   /******************tooltip*********************/
   .blockui-overlay-msg {
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* display: flex!important; */
    justify-content: center;
    align-items: center;
    background-color: var(--kt-blockui-overlay-bg);
  }

  .blockui-message-new {
    display: flex;
    align-items: center;
    border-radius: 0.475rem;
    box-shadow: var(--kt-dropdown-box-shadow);
    background-color: var(--kt-tooltip-bg);
    color: var(--kt-gray-700);
    font-weight: 600;
    margin: 0 !important;
    width: auto;
    padding: 0.85rem 1.75rem !important;
  }
  .blockui-message-new .spinner-border {
    margin-right: 0.65rem;
  }

  #multi-id .select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder,
  .multi-id .select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder
  {
    color: #D8D9D1 !important;
    font-size: 14px;
    padding-right: unset;
  }

  .left-div,.right-div
  {
    padding-top: 15px;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #F6F7F9;
    height: 100%;
}
.right-div
{
    border-left: unset;
}
.separator.rotate{
    transform: rotate(90deg);
    height: 20px;
}
.side-squre
{
 width: 31px;
 align-items: center;
}
.side-line
{
    width: 2px;
    background-color:#F6F7F9 ;
}
.registation-card-body
{
    padding: 1rem 1.5rem;
}
.registation-title
{
    color: #1B3A5B;
    font-size: 15px;
    font-family: 'Tajawal-Bold',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
     overflow: hidden;
}
.articles-title
{
    color: #212B36;
    font-size: 15px;
    font-family: 'Tajawal-Bold',sans-serif;
}
.report-title, .report-title:hover
{
    color: #E83B69;
    text-decoration: underline !important;
    font-size: 15px;
    font-family: 'Tajawal-Bold',sans-serif;

}
.regist-add-btn i
{
    color: white;
}

.line_clamp3
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     overflow: hidden;
}
.line_clamp2
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     overflow: hidden;
}
/* .textarea-div .tox.tox-tinymce
{
    height: 290px !important;
} */
.cancel-cover.img_cancel
{
    position: absolute;
    left: 235px!important;
    margin-bottom: 162px!important;
}
.banner-img
{
    border: 1px solid #919EAB52;
    border-radius: 8px;
    object-fit: cover;
}
.text-limit
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     overflow-y: scroll;
}
.text-limit-no-image
{
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
     overflow-y: scroll;
}
#kt_amcharts_3,#kt_amcharts_4
{
    direction: ltr;
}
#link_name-op, #date2-op, #date1-op, #country-list-op, #status-op, #reading-time-op, #image-op,#gender-op
{
    opacity: 0.4;
}
.form-control.tell
{
    border-radius: 0 0.475rem 0.475rem 0 !important;
    border-left: unset!important;
    padding-top: 0.625rem!important;
}
.select-tell
{
    border-right:unset!important;
    border-radius: 0.475rem 0 0 0.475rem !important;
}
#cke_1_toolbox, #cke_2_toolbox, #cke_3_toolbox
{
    display: flex;
    flex-wrap: wrap;
}
 .popover-body
{
    margin: 10px !important;
}
.checkboxText
{
  font-size: 12px;
  font-family:  'Tajawal-Medium',sans-serif;
  color: #212B36;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
 overflow: hidden;
}
.audio-border.no-edit
{
    border-radius: 9px;
    border: 1px solid #919EAB52;
}

.filepond--root .filepond--drop-label
{
    min-height: 6.75em !important;
    border: 1px dashed #919EAB52;
    border-radius: 9px;
}
.OrderingField.file-border
{
    border: 1px solid #919EAB52;
}

.tag-style.book_list ul
{
    width: 90%!important;
}
.cke_reset
{
    direction: rtl;
}
.articles-h
{
    height: 325px;
    position: relative;
}
.position-data
{
    position: absolute;
    width: 100%;
    bottom: 13px;
    left: 0;
}
.comments-h
{
    min-height: 271px;
    position: relative;
}
.books-h
{
    height: 178px;
    position: relative;
}
.podcast-h
{
    height: 202px;
    position: relative;
}
.contact-h
{
    height: 379px;
    position: relative;
}
.position-image
{
    position: absolute;
    bottom: 49px;
    width: 88%;
}
.request-h
{
    height: 288px;
    position: relative;
}
.check-text
{
    font-size: 14px;
    font-family: 'Tajawal-Regular',sans-serif;
    color: black;
}
.dollar
{
    color: black;
    font-size: 14px;
}
.currency-input
{
    background-color: #E5E8EA;
    width: 223px;
}
.currency-select
{
    width: 223px;
    background-color: white;
}
.currency-select:disabled
{
    background-color: #E5E8EA!important;
}
.currency-input:focus
{
 border: 1px solid black;
}
.currency-value
{
    background-color: white!important;
}
.currency-input::placeholder
{
    font-size: 12px;
    font-family: 'Tajawal-Regular',sans-serif;
    color: black;
}
.disabled-color
{
    background-color: #F6F7F9!important;
}
.form-field-style:focus,.form-control:focus,.form-control:focus-within,.form-control:focus,.form-control:visited,.form-control:focus,.form-control:focus-visible,
.form-select.form-select-solid:focus,.form-select.form-select-solid:focus-within
{
    border-color: #9DA7B0 !important ;
    background-color: white !important;
}

.filters
{
    border: 1px solid #919EAB52!important;
    border-radius: 7px!important;
    height: 50px!important;
    font-family: 'Tajawal-Medium', sans-serif;
    font-size: 13px !important;
    background-color: white;
}
.redBorder
{
    border-color: #E83B3B!important;
}
.redBorderOut
{
    border-color: #E83B3B!important;
    border: 1px solid;
    border-radius: 8px;
}
.cover_img
{
    height: 100%;
    object-fit: fill;
    width: 100%;
}
.modal-title
{
    font-size: 20px;
    font-family: 'Tajawal-Bold',sans-serif;
    color: black;
}
.disabled_lists,.disabled_lists:active,.disabled_lists:focus,.disabled_lists:focus-within{ background-color: rgba(226, 221, 221, 0.2)!important;}
.deactive,  .deactive:hover, .deactivey:active
{
 background: #E83B3B26 0% 0% no-repeat padding-box!important;
 border: 1px solid #E83B3B !important;
 border-radius: 9px!important;
 color:#E83B3B;
 font-size: 15px;
 font-family: 'Tajawal-Medium',sans-serif;
 display: flex;
 justify-content: center;
 align-items: center;
 /* margin: 5px; */
}
.gray-active, .gray-active:hover, .gray-active:active
{
    background: #F6F7F9  0% 0% no-repeat padding-box!important;
    border: 1px solid #1B3A5B  !important;
    border-radius: 9px!important;
    color:#1B3A5B;
    font-size: 15px;
    font-family: 'Tajawal-Medium',sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}