/*telling
===================*/




.dataTables_length label::after{
    content: "إظهار";
    left: 100%;
    margin-left: 10px;
}
.dataTables_length label::before{
    content: "نتائج";
    right: 100%;
    margin-right: 10px;
}
.paginate_button.next::after{
    content: "التالى"
}
.paginate_button.previous::after{
    content: "السابق"
}

/* rating
======================== */
/* already rating

/* .rating{
/*     margin-bottom: 5px;
/* }
/* .rating li{
/*     display: inline-block;
//*    
/* }
/* .rating li i{
/*     color: #1572B7;
/*     font-size: 25px;
/*     margin: 0 2px
/* }

/* action rating

/*  rating
==================== */
@charset "UTF-8";
.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 2rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1.5em;
  white-space: nowrap;
  cursor: pointer;
}
.star-cb-group > input + label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "☆";
    color: #888;
    font-size: 37px;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
    content: "★";
    color: #ffe402;
    text-shadow: 0 0 1px #333;
    font-size: 37px;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #888;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #ffe402;
  text-shadow: 0 0 1px #333;
}
.add_permision_choose .custom-control-input:checked~.custom-control-label::after,
.add_permision_choose .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image: url(../images/icons/correct_icon.svg)!important
}
.add_permision_choose .custom-control-input:checked ~ .custom-control-label::before,
.add_permision_choose .custom-control-input:active ~ .custom-control-label::before,
.add_permision_choose .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #fff!important;
    box-shadow: none!important;
}
.add_permision_choose .custom-control-label::after,
.add_permision_choose .custom-control-label::before{
    width: 35px!important;
    height: 35px!important;
    border-radius: 50%!important;
    top: -7px!important;
    cursor: pointer;
    outline: none;
    box-shadow: none!important;
}



/*image plagin
=============*/
.glyphicon-remove:before{
    content: "\f00d"!important;
  font-weight: bold!important;
  font-family: "Font Awesome 5 Free"!important;
    color: #000
}
.glyphicon-remove.btn-danger{
    background-color: #ffe402!important;
    border-color: #ffe402!important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details{
    display: none
}
.imageuploadify{
    border: none!important;
    position: relative;
    min-height: auto;
    min-width: auto;
    display: flex;
    padding: 0;
    text-align: center;
    background-color: #fff;
    color: #000;
    border-radius: 12px;
    justify-content: flex-start;
    padding: 0px;
    align-content: center;
    display: inline-block;
    max-width: 100%!important;
}
.imageuploadify .imageuploadify-message{
    font-size: 15px!important;
    border-color:#ffe402!important;

}
.imageuploadify .imageuploadify-message{
    display: none!important;
}

.imageuploadify .imageuploadify-images-list button.btn-default{
    color: #000!important;
    font-size: 0;
    width: 243px!important;;
    text-align: center;
    height: 147px!important;;
    background-color: #ECECEC!important;
    border-radius: 9px!important;
    border-color: #ECECEC;
    display: inline-block;
    margin: 0;
    margin-left: 15px;
}
.imageuploadify .imageuploadify-images-list button.btn-default img{
    display: inline-block;
}
.imageuploadify .imageuploadify-images-list button.btn-default:focus{
    box-shadow: none!important;
}
.imageuploadify .imageuploadify-images-list button.btn-default:hover{
    background-color: #ECECEC!important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container{
    width: 243px!important;
    height: 147px!important;
    float: right!important;
    margin-left: 15px!important; 
    margin-right: 0!important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    
}
.imageuploadify .imageuploadify-images-list{
     display: flex;
    flex-wrap: wrap;
}
.imageuploadify .imageuploadify-images-list i{
    font-size: 30px!important;
     margin-top: 0!important; 
    color: #ffe402;
    margin-bottom: 16px!important;
}
.imageuploadify .imageuploadify-images-list i.fa.fa-cloud-upload{
    display: none!important;
}
/*mulitple select
===================*/
.filter-item .bootstrap-select{
    width: 100%!important;
}

.filter-item .bootstrap-select .filter-option{
    background-color: #fff!important;
    border-color: #fff!important;
    text-align: right!important;
     border-radius: 9px;
    width: 90%!important;
    left: auto!important;
    right: 0!important;
    
}
.filter-item .dropdown{
    padding: 2px 0px!important;
    border-radius: 9px
}
.filter-item .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    border: 1px solid #ABABAB!important;
}
 .filter-item .bootstrap-select button{
    text-align: right!important;
    border: none!important;
      border-radius: 9px;
     background-color: #fff
}
.filter-item .bootstrap-select button:focus{
    box-shadow: none!important;
    outline: none!important;
}
.filter-item .bootstrap-select button::before{
    display: none!important;
}
.filter-item .dropdown-menu{
/*    transform: translate3d(0px, 50px, 0px)!important;*/
    top: 0px!important;
/*    right: 0*/
   
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-size: 13px;
    color: #000;
}
.filter-item .form-control{
    font-size: 13px!important;
}
.bootstrap-select .dropdown-menu li{
    font-size: 13px!important;
}

.bootstrap-select .btn-light:hover{
    background-color: #fff!important;
}


/*multi_img_container
==============*/
.multi_img_container{
    display: flex;
    align-content: center;
}
img.thumbnail{
    width: 243px!important;
    height: 147px!important; 
    display: inline-block!important; 
        
}
.multi_img_container output{ 
    display: inline-block;
    width: 100%!important;
}
.multi_img_container output > div{
   display: inline-block!important; 
    border-radius: 9px;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    box-shadow: 0px 0px 5px 2px #ddd
}
.multi_img_container output > div img{
    border-radius: 9px;
}
.multi_img_container output > div .close_icon{
    position: absolute;
    top: 8px;
    left: 8px;
    color: #000;
    background-color: #FFE400;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
}
.label_multi_img{
    width: 243px!important;
    text-align: center;
    height: 147px!important;
    background-color: #ECECEC!important;
    border-radius: 9px!important;
    border-color: #ECECEC;
    display: inline-block;
    margin: 0;
    margin-left: 6px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer
}
@media(max-width:575px){
    .label_multi_img, img.thumbnail{
        width: 95%!important;
    }
    .multi_img_container output > div .close_icon{
        top: 12px!important;
        left: 31px!important;
    }
}
.label_multi_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: #fff!Important;
/*    background-color: #ffe400!Important;*/
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #ABABAB!Important;
    border-radius: 9px;
}

.iti-flag {background-image: url("../vendor/intel/build/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {background-image: url("../vendor/intel/build/img/flags@2x.png");}
}
.intl-tel-input .country-list{
/*    text-align: right!important;*/
    left: 0
}

.intl-tel-input.allow-dropdown{
    width: 100%!important
}
.iti-flag, .selected-dial-code, .iti-arrow{
    position: absolute
}
.selected-flag:focus{
    outline: none
}
.iti-arrow{
    left: 5px;
}
.iti-flag{
    left: 26px;
}
.selected-dial-code{
    left: 65px
}
.intl-tel-input .country-list .country{
    overflow: hidden;
    text-align: right;
    font-size: 13px
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name{
    float: right
}