@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;800&display=swap');



body, html{
	font-family: 'Changa', sans-serif;
	background-color: #fafafa;
	font-size: 16px !important;
}

@keyframes ldio-chtphlis8w4 {
  0% { opacity: 1 }
  50% { opacity: .5 }
  100% { opacity: 1 }
}
.ldio-chtphlis8w4 div {
  position: absolute;
  width: 30.6px;
  height: 81.6px;
  top: 61.2px;
  animation: ldio-chtphlis8w4 0.8695652173913042s cubic-bezier(0.5,0,0.5,1) infinite;
}.ldio-chtphlis8w4 div:nth-child(1) {
  transform: translate(25.5px,0);
  background: #0051a2;
  animation-delay: -0.5217391304347825s;
}.ldio-chtphlis8w4 div:nth-child(2) {
  transform: translate(66.3px,0);
  background: #1b75be;
  animation-delay: -0.34782608695652173s;
}.ldio-chtphlis8w4 div:nth-child(3) {
  transform: translate(107.10000000000001px,0);
  background: #408ee0;
  animation-delay: -0.17391304347826086s;
}.ldio-chtphlis8w4 div:nth-child(4) {
  transform: translate(147.9px,0);
  background: #89bff8;
  animation-delay: -0.8695652173913042s;
}
.loadingio-spinner-bars-0zacyhbu61b {
  width: 204px;
  height: 204px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-chtphlis8w4 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-chtphlis8w4 div { box-sizing: content-box; }
/*******************************************/

.dataTable tr>td:last-child{text-align: right}
input.copyCode{width:5px;height:5px;border:none;color:#ffffff00;background:transparent}
#dataConfirmModal .modal-body {text-align:center;}
#dataConfirmModal .modal-body i{font-size: 96px;line-height: 5rem;margin FONT-WEIGHT: 100;}
.m-portlet{background-color: #0e3955;}
.m-portlet .m-portlet__head .m-portlet__head-text{color:white}

.btn-primary{background-color: #3395da;border-color: #0096ff;}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):hover{background-color: #3395da;border-color: #0096ff;}

.header{
	background: #ffffff;
	box-shadow: 0 0 100px #dddddd63;
	}

.filters{
	padding: 14px;
	background: #ffffff99;
	box-shadow: 0 0 100px #dddddd63;
	}

.ui-sortable tr{cursor:move}


.sortable li.ui-sortable-handle,.ajaxNewsContent li.news, .sortable li.news{width: 100%;min-height: 3rem;}
.media-panel  li,.selected-images li,.selected-videos li,.selected-albums li,.selected-news li,.selected-widgets li,.selected-opinions li  {
	margin: 28px;
	margin-left: 0;
	text-align: center;
	width: 180px;
	background: #ccc;
	float: left;
	webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	background-color: #fff;
	list-style: none;
	color: $ccc;
	position: relative;
	cursor: pointer;
	height: 132px;
	border-radius: 5px;
}
.ajaxTagsContent li.tag{min-height:80px;width: 190px;}
.ajaxTagsContent li.tag input{position: absolute;bottom: 3px;left: 3px;}

#wrap_addAlbum .selected-images{

	padding 20px;
	webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
}

.tab-pane ul{width:100%;}

li.news .controls,li.widget .controls {float:right;}
li.album .controls {position:absolute;bottom: 0;padding: 3px 8px; background: #ffffff; }
li.album .controls a,li.album .controls a i{color:white;}
li.album .controls a:last-child:before{content:''; border-right:1px solid #ffffff47;;margin-left:2px;}

li.news,li.widget{float:none;width: 100%;height:auto;text-align: left;margin:10px 0;padding: 10px;}

li.album.selected,li.news.selected,li.widget.selected{background:#dcdbe2;}



.media-panel li>i,.selected-images li>i,.selected-videos li>i {
	position: absolute;
	top: 68px;
	left: 91px;
	font-size: 18px;
	color: #ff000096;
}
.video-thumb{position:relative;}
.video-thumb>i {
	position: absolute;
	top: 35%;
	left:45%;
	font-size: 18px;
	color: #ff000096;
}
.remove i {
	color: #ff0000;
}

.media-panel ul {
	padding: 0;
	display: block;
}

li.image a.edit,li.video a.remove-selected,li.image a.remove-selected,li.video a.remove-selected{
	position: absolute;
	top: 0;
	background: #ffffffe6;
	display: block;
	padding: 4px 10px;
	right: 0px;
}

.media-panel li img,.selected-images img,.selected-videos img {
	max-width: 100%;
	margin: 0 auto;
	width: auto;
}

.media-panel li .thumb,.selected-images .thumb,.selected-videos thumb {
	width: 100%;
	height: 112px;
	position: relative;
	overflow: hidden;
}
.media-panel li .thumb span{position:absolute;bottom:0px;width:100%;background:#000000b3;left:0;color:white;padding:5px 0;direction: rtl;}

.bg--brand {
	background-color: #1778b1;
	color: white;
}

.modal-body,.m-portlet__body,.tab-content,.tab-pane {
	min-height: 120px;
}

.modal .close {
	color: white;
}


.ajaxImageContent li..image{position:relative;}
.ajaxImageContent li.image>span{position: absolute;top:-25px;left:25%;z-index:100;}

.media-panel .image.selected{}

.modal-body .remove{display:none}
.searchbox{
    padding: 20px;
    background: #d0e3ef;
    }

.crop-buttons{margin-top:20px;}
.crop-buttons a.btn{margin:10px}

.jcrop-holder #preview-pane {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 10px;
  right: -280px;
  padding: 6px;
  border: 1px rgba(0,0,0,.4) solid;
  background-color: white;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
	a.m-brand__logo-wrapper {width:130px}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item a:not(.active):not(.related):not(.selected) {
    display: none;
}

	.results {width:max-content;margin:0 auto;padding:10px;}
.results h3{display:inline;margin-right:20px;background-color:#ffffff;padding:3px 10px;box-shadow:1px 1px 5px #00000014;font-size:20px}
.ltr{direction:ltr;text-align:left;}
.rtl{direction:rtl;text-align:right;}
.note-editing-area,input[type='text'], textarea {/* direction:rtl; */text-align:left;}

form.ltr .note-editing-area, form.ltr input[type='text'], textarea {direction:ltr;text-align:left}

#template_id_row img{width:100%}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

@media (max-width:768px){

.m-login__content{display:none!important;}

}
.thumb img{width:100%;}
.image.ui-sortable-handle {
}



.cropper .wrap,.cropper label,
.cropper .result,
.cropper.ready .upload-msg,
.cropper hr
 {
    display: none;
}
.cropper.ready .wrap,.cropper.ready hr {
    display: block;
}

.cropper input[type="checkbox"]{width:35px;height:25px}

.cropper.ready label{
	display: block;
	font-size:20px;
}

.cropper.ready .result {
    display: inline-block;
}

.cropper .wrap {
    width: 100%;
    /* height: 100%; */
    margin: 0 auto;
}

.cropper .upload-msg {
    text-align: center;
    padding: 0px;
    font-size: 22px;
    color: #aaa;
    width: fit-content;
    margin: 50px auto;
    border: 1px solid #e6e6e6;
}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{border:1px dashed #70b8ff !important}

.current-thumb{width:fit-content;margin:0 auto;position:relative;border: 1px solid #ccc;}

.current-thumb a{position:absolute;top:0; padding:0 10px;text-decoration:none;}
.current-thumb a i{font-size: 30px;}

.m-form textarea.form-control{min-height:150px;}

.d_ad_item,.m_ad_item{border: 1px dashed #aedfff;padding:15px;position:relative;}

.d_ad_item .remove,.m_ad_item .remove{position:absolute;top:-10px;right:-10px;padding:2px 8px;background:#d60000;cursor:pointer;color:white;}

.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.selected{background: #007dc6 !important;}
.m-portlet.m-portlet--brand.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.selected.active{background:#3d9cd4 !important;}

.sortable li.ui-sortable-handle.image{width:200px;}
#toast-container>div{width:350px;}

#toast-container>div li{list-style:none;position:relative;margin-bottom:10px;}
#toast-container>div li:before{content:'';display:inline-block;width:7px;height:7px;margin-left:-20px;background:white;border-radius:10px;position:absolute;top:6px;}
.footer-copyrights{position:absolute;bottom: 3vh;left:0;right:0;}
.dataTables_filter input{border-right:0;}
.dataTables_filter .search{border-radius:0 2px 2px 0;margin-top:-2px}
.datepicker{border:1px solid #ccc;width:230px;}

/*******************************************/



.dashboard-icon{
    display:inline-block;
    border-radius:5px;
    padding:20px;
    transform-origin: 65% 75%;
    transition: transform .2s, filter .5s ease-out;
    margin-right: 15px;
    width: fit-content;
    height: 170px;
    color: #333333;
    font-weight: 400;
    overflow: hidden;
}
.dashboard-icon i{color: #333333;}



.dashboard-icon:hover{
    transform: scale(1.15);
    color: #000000;

}
.dashboard-icon:hover i{color: #008ad1;}



.card-title span{color: #333333;}
.card-title .svg-icon i{color: #333333;}



.sitemap .card-header {display:block;min-height: 91px;}

.sitemap .nav-links a { font-size:1.1rem;color:#a1a5b7;}
.sitemap .nav-links a:hover {color:#181c32;}
.sitemap .nav-links a:before{margin-right: 10px;content: "\f519";font-size: .7rem;display: inline-block;font-family: bootstrap-icons!important;font-style: normal;font-weight: 400!important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -0.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.card-header.no-min-height{min-height:auto;}

.page-item:first-child,.page-item:last-child{margin:0 10px;background:none;border:1px solid #009ef7;border-radius: 9px;}
.page-item:nth-child(2){
    border-radius: 9px 0 0 9px;
    border-left: 1px solid #ccc;
    }
.page-item:nth-last-child(2){border-radius: 0 9px 9px 0;border-right: 1px solid #ccc;}

.page-item {
    background: #f3f3f3;
    margin-right: 0;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}

.rtl{direction:rtl;}

.daterangepicker{top:0;left:0;}


fieldset {
	margin-top: 60px;
	padding: 20px;
	background: #fafafa;
	border: 1px solid #ededed;
}

legend {
    display: block;
    width: auto;
    padding: 10px 20px;
    font-size: 1.3rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    font-weight: bold;
    background: #f8f8f8;
    border-top: 1px solid #eeeeec;
    margin-top: -50px;
    margin-bottom: 30px;
}

.nav-line-tabs .nav-item a.nav-link
{background: #9d9d9d;margin-right:0px;padding:10px;border: 1px solid #009ef7;}

.nav-line-tabs .nav-item a.nav-link, .nav-line-tabs .nav-item a.nav-link i{color: #ffffff;}

.nav-line-tabs .nav-item a.nav-link i{padding-right: 10px;font-size:16px;}

.header {
    height: 100px;
}
.breadcrumb .breadcrumb-item{padding-right:15px;}
.breadcrumb li a,.breadcrumb li, .breadcrumb li i {color: #8d8d8d;}

.card-body .thumb img{width:100%;}

.card-body .quick_actions{position:absolute; bottom:10px;left:20px;}

.publish_on{display:inline-block;margin: 5px 0;background:#f5f8fa;padding:3px 5px;border-radius:3px;}

.border-bottom-1{border-bottom:1px solid #f7f7f7;}
.border-top-1{border-top:1px solid #f7f7f7;}

.records-list .thumb{width:160px;height:100px;overflow:hidden;}
.records-list .avatar{width:100px;height:100px;overflow:hidden;}

.content-card .card{min-height:300px;}

.max-w-120px{max-width:120px;}

.form-check-input{width:1.5rem;height:1.5rem;}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{color:#000000}

.tabs{border: 1px solid #f7f9fb;margin-top: 80px !important;border: 1px solid #cbcbcb;}

.tabs .nav-tabs {margin-top: -52px;position:absolute;margin-left: -1px;}
.tabs .nav-line-tabs .nav-item .nav-link {border: 1px solid #a5a5a5;}
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled){background: #ffffff;color: #009ef7;border: 1px solid #cbcbcb;border-bottom-color: #ffffff;}


.nav-line-tabs .nav-item .nav-link.active i,.nav-line-tabs .nav-item .nav-link:hover i{ color:#009ef7;}

.dataTable th:last-child, .dataTable tr td:last-child,
.dataTable th:first-child, .dataTable tr td:first-child{text-align:center;}
.controls i{font-size: 1.0rem;}

form .sidebar .card{min-height:300px;}

.dataTable thead tr:first-child{border-bottom: 1px solid #ccc;}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before{opacity: 0.6 !important;font-size: 18px;}

table.dataTable>thead .sorting_desc:after{content:"↑" !important;background:none;margin-bottom:15px;}
table.dataTable>thead .sorting_asc:after{content:"↓" !important;background:none;margin-bottom:15px;}

.dataTable tr:hover{background: #fffff8;}

.gallery .thumb{height: 133px;overflow:hidden;}

.gallery .card{min-height: 174px;}

.gallery .card-header{position:absolute;min-height: 25px;padding: 10px !important;}

.gallery .card{overflow:hidden;}
.gallery .title{position:absolute; background:#0075bb; width:100%;bottom:-30px; left:0;padding:5px 10px;height:35px;color:white;
transition: all .2s, filter 1s ease-in-out; text-align:center;font-size:15px !important;;}

.gallery .card:hover .title {bottom:0;}

.modal-header{padding: 23px 20px;}

.modal-header h5{color:white}

.modal-header .btn-close{filter: brightness(0) invert(1);}

form .form-label{font-weight: 600;}

.daterangeselector{width: 321px;position:absolute;top: -50px;right: 31px;}

.legendLabel{font-size:16px;}
.card-body.main{background: #f5f5f5;}
i{color:#333333}

@media (max-width: 1100px) { body { background-size: 100% 447px;}}

@media (max-width: 400.98px) { body { background-size: 100% 530px;}}

.card-title {position:relative;}
.card-title .btn-close{position:absolute;right:10px;top:10px;}
.modal-open .daterangepicker{z-index:100}

.bg-success-light{background-color:#d1ebdb}
.bg-danger-light {background-color: #fde3e3;}

body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item>.menu-link .menu-title,.text-dark,body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.show>.menu-link,
body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.show>.menu-link .menu-title,
body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i,
.btn-check:active+body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i, .btn-check:checked+body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i, .show>body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom i, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom.active i, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom.show i, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom:active:not(.btn-active) i, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom:focus:not(.btn-active) i, body:not([data-kt-sticky-header=on]) .topbar .btn.btn-custom:hover:not(.btn-active) i{color: #333333;}
body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title, body:not([data-kt-sticky-header=on]) .header .header-menu .menu>.menu-item:not(.here)>.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{color: #333333;}
.menu-state-bg .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){background-color:#F5F5F7;}

.form-check.form-check-solid .form-check-input {
    border: 0;
    background-color: #dddddd;
}

.breadcrumb_actions input[name="search"]{border-radius:7px 0 0 7px}
.breadcrumb_actions #search{border-radius: 0 7px 7px 0;padding-left:5px}

.btn.btn-light{
	background-color: #ccc;
	color:#fff
}
.table{color:#333333}

.bg-light{background-color: #f9f9f9 !important;}

.select2-container .select2-search--inline .select2-search__field{height:25px;}

.text-right{text-align:right;}

.badge.badge-sm {
    font-size: .85rem;
}

@media (min-width: 992px)
{
	.login_box{width:60%;}

}
@media (max-width: 991px)
{
	.bg_login{background-image:none !important;}

}
.bg_login{background-color:#B3E0FF;background-position-x: 92%;background-position-y: 46%;background-repeat: no-repeat;}
.text-dark-md{color:#8b8b8b}
.fs-xl{font-size:2.3rem;}

.svg-icon-7x svg{width:7rem;height:6rem;}
.fs-7x{font-size:5rem;padding:10px;}

.dashboard-icon:hover .svg-icon svg,.dashboard-icon:hover .svg-icon .st0{fill:#008ad1}

.solution_by{position:absolute;bottom: 20px;text-align:center;width:100%;left: 0;}
.solution_by img{width:250px;}
.footer {background:white;margin-top:20px}
.main.news .card{box-shadow: 0 0 30px 0px rgb(107 125 131 / 31%);}


.progress {
  position:absolute;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background: #d4e7ff;
  border-radius: 0px;
  overflow: hidden;
}
.progress .progress-bar {
	display: block;
	height: 100%;
	-webkit-animation: progress-animation .7s linear infinite;
	animation: progress-animation 1s linear infinite;
	position:absolute;
}

@-webkit-keyframes progress-animation {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: 0;
  }
}

@keyframes progress-animation {
  0% {
  	left:-98vw;

    background-position: 100%;
  }
  100% {
    background-position: 0;
     left:100vw;
  }
}
.menu-lg-down-accordion .menu-lg-down-accordion .menu-title{min-width: 140px !important;}
.menu-lg-down-accordion .menu-sub{width: 250px !important;}

.form-control.is-valid,.form-control.is-invalid{background-image:none;}

.select2-results__option.select2-results__option--selectable:focus{background:#f1faff;color: #009ef7;}

.select2-results li[aria-selected='true'] {
	background-color: #e4f2ff !important;
}

/* input, textarea {
  direction: rtl !important;
  text-align: right !important;
} */

.form-control, .form-select {
  border: 1px solid #b8b8b8;
}

.media-panel li .thumb span {
  max-height: 32px;
  overflow: hidden;
  background: #0000007d;
}

.croppie-container {
    height: 0;
}


.thumb.selected-images-album{
    width: 120px;
}

.thumb.selected-images-album img, .thumb.selected-images-video img{
    max-height: 100px;
}


.list-unstyled{
    display: flex;
    margin-top: 10px;
}

.list-unstyled li{
   position: relative;
}




.list-unstyled .image{
    margin-right: 5px;
}