/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');


@font-face {
   font-family: 'Droid Arabic Kufi';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
   src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
   font-family: 'Droid Arabic Kufi';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
   src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
      url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
} */

:root {
   --success-color: #2ecc71;
   --error-color: #e74c3c;
}


* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

.file_upload {
   width: 258px;
   height: 85px;
   margin: 20px;
}

.file_upload label {
   width: 100%;
   justify-content: center;
   align-items: center;
}

.file_upload label p {
   color: #FFF;
   width: 100%;
   text-align: center;
}

.file_upload .header input {
   display: none;
}

.btn-news-edit-form {
   position: absolute;
   bottom: 30px;
   left: 350px;
   width: 250px;
   height: 85px;
   background: #fff;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 0 0;
   font-size: 25px;
   font-weight: 400;
   color: #515151;
   border: 1px solid #515151;
}

.btn-news-form {
   position: absolute;
   bottom: 133px;
   left: 350px;
   width: 250px;
   height: 85px;
   background: #fff;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 0 0;
   font-size: 25px;
   font-weight: 400;
   color: #515151;
   border: 1px solid #515151;
}

.btn-news-form:hover {
   background: #515151;
   color: white;
}

.btn-news-edit-form:hover {
   background: #515151;
   color: white;
}

.file_upload .header {
   width: 100%;
   height: 85px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 0 0;
   border: 1px solid #515151;
}

.file_upload .header:hover {
   background: #515151;
   cursor: pointer;
}

.file_upload .header p {
   height: 85px;
   width: 256px;
   color: #515151;
}

.file_upload .header p:hover {
   color: #fff;
   cursor: pointer;
}

.file_upload .header p i.fa {
   margin-right: 10px;
   margin-top: 35px;
}

.file_upload .header p span {
   font-size: 2rem;
   font-weight: 100;
}



.file_upload .header p span span {
   font-weight: 600;
}

.file_upload .body {
   background: #FFF;
   width: 100%;
   height: calc(100% - 85px);
   border-radius: 0 0 5px 5px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
}

.file_upload .body input[type="file"] {
   display: none;
}

.file_upload .body i.fa {
   color: #191919;
   margin-bottom: -2px;
   float: left;
   position: absolute;
   left: 76px;
}

.file_upload .body p {
   padding-left: 50px;
}

.file_upload .body p strong {
   color: #6e6e6e;
}

.form-group small {
   color: var(--error-color);
   bottom: 0;
   left: 0;
   visibility: hidden;
}

.form-group.error small {
   visibility: visible;
}

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

.btn-add-form {
   width: 250px;
   height: 56px;
   background: #fff;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 0 0;
   font-size: 25px;
   font-weight: 400;
   color: #515151;
   border: 1px solid #515151;
}

.btn-add-form:hover {
   background: #515151;
   color: white;
}

.btn_update_form {
   position: absolute;
   bottom: 32px;
   left: 367px;
   height: 81px;
}

/*
////////////////////////////////////////////////////////////////////////////////////
*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
   cursor: default;
   padding-left: 22px !important;
   padding-right: 5px;
}

footer {
   margin-left: 31px !important;
}

/* 
/////////////////////////////////////////cke editor/////////////
*/
.ck.ck-editor__main>.ck-editor__editable {
   min-height: 200px;
}

.list-group {
   cursor: pointer;
}

/* /////////////////////////////////////////////////////// */
.display_term {
   padding: 5px;
   border-radius: 12px;
   margin: 6px;
   display: inline-block;
}

.show_text {
   cursor: pointer;
   text-decoration: underline;
}

.text-info-edit {
   color: #111e7a !important;
}

.image-style-side {
   float: right;
   width: 25%;
   padding: 10px;
}

.svg-inline--fa.fa-chevron-left {
   color: black;
}

#searchForm,
#searchNameForm,
#searchTagForm {
   display: flex;
   padding: 10px;
   margin-bottom: 26px;
}

figure.image img {
   width: 100% !important;
}

.table,
th,
td {
   border: 1px solid #eee;
   border-collapse: collapse;
   color: #808080;
   text-align: center;
   vertical-align: middle;
}

.aligncenter {
   margin: auto;
   width: 100%;
   padding: 10px;
}

.paragraphs a {
   word-break: break-all;
}


.switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
   margin-left: 22px;
}

.switch input {
   opacity: 0;
   width: 0;
   height: 0;
}

.slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
}

.slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
}

input:checked+.slider {
   background-color: #2196F3;
}

input:focus+.slider {
   box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
   border-radius: 34px;
}

.slider.round:before {
   border-radius: 50%;
}

.status {
   font-weight: 300;

}

.copy_alert_success {
   position: absolute;
   display: block;
   background-color: #ebebeb;
   left: 81px;
   padding: 6px;
   margin-top: 3px;
}

.card_section_content {
   display: none;
}

.img-holder-section {
   width: 250px;
}

.img-holder-section img {
   width: 100%;
}

kbd {
   color: #f00;
}