:root {
    --base-clr: #696cff;
    --base-rgb: 115, 103, 240;
    --body-clr: #5b626b;
    --light-clr: #8699ad;
    --title-clr: #2a3142;
    --title-rgb: 0, 68, 122;
    --body-bg: #f8f8ff;
    --section-bg: #ffffff;
    --input-bg: #f9f9f9;
    --dark-clr: #2b3a4a;
    --dark-rgb: 17, 43, 60;
    --white-clr: #ffffff;
    --white-rgb: 255, 255, 255;
    --primary-clr: #696cff;
    --primary-rgb: 115, 103, 240;
    --success-clr: #28a745;
    --success-rgb: 40, 167, 69;
    --secondary-clr: #ededed;
    --secondary-rgb: 237, 237, 237;
    --danger-clr: #dc3545;
    --danger-rgb: 220, 53, 69;
    --warning-clr: #ffc107;
    --warning-rgb: 255, 193, 7;
    --info-clr: #3751ff;
    --info-rgb: 55, 81, 255;
    --border-clr: #e5e5e5;
    --border-light: #e5e5e5;
    --border-light-only: #e5e5e5;
    --border-dark: #302474;
    --border-dark-only: transparent;
    --heading-fonts: "Poppins", sans-serif;
    --body-fonts: "Poppins", sans-serif;
    --shadow: 0px 0px 5px rgba(84, 82, 82, 0.1);
    --card-bg: linear-gradient(118deg, #239df90d, rgb(0 227 150 / 4%));
}
.swal2-confirm{
    background: var(--primary-clr)!important;
}

.other-auth-options{
    list-style: none;
}
.other-auth-options li a{
    width: 50%!important;
    margin: auto!important;
}
 

.other-auth-options li a {
    font-size: 20px!important;
    padding:10px!important;
}

.other-auth-options li a i {
    margin-right: 0px!important;
}

.other-auth-options li {
    max-width: 40%!important;
}

.other-auth-options{
    margin-left: 0%!important;
    padding-left: 0px!important;
}
.toast{
    border-radius: 0.5rem!important;
    box-shadow: 0 0 12px #00000080!important;
}
.profile-img img{
    width: 30%;
    object-fit: contain;
}
.article-title{
    width: 150px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.article .article-header .article-image { 
    width: 150px !important;
    height: 150px!important;
    object-fit: contain!important;

}
.article{
    overflow: hidden;
}

.gallary-modal:hover,input.modalBtn:hover{
    cursor: pointer!important;
}
 .gallary-item img{ 
    height: 120px;
    object-fit: contain!important; 
 }
 .gallary-item .article-titles{
    width: 100px!important;
    overflow: hidden;
    text-overflow: ellipsis!important; 
    -webkit-line-clamp: 1!important;
    -webkit-box-orient: vertical!important;
 } 
 .gallary-contents{
    height: 50vh!important;
    overflow: auto;
 }

 .gallary-contents-row{
    width: 99%!important;
 }

 #media-content  .gallary-item{
    cursor: pointer;
 }

 /* #media-content .gallary-item.active {
    border: 1px solid var(--bs-primary);
    border-radius: 5px;
 } */

 /* selection css */

 .image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid transparent;
    box-shadow: 0 0 4px #ccc;
    outline: 0;
    margin: 4px;
    border-radius: 12px;
  }
  
  .image-checkbox-checked {
    border-color: var(--bs-primary);
  }
  
  img {
    border-radius: 8px;
    max-height: 160px !important;
    max-width: -webkit-fill-available;
  }
  
  .image-checkbox i {
    display: none;
    color: var(--bs-primary);
  }
  
  .image-checkbox-checked {
    position: relative;
  }
  
  .image-checkbox-checked i {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .media-preview-image .remove-btn{
    position: absolute;
    top: -5px;
    right: 5px;
    border-radius: 50%;
    background: #eaeaea;
    text-align: center;
    height: 25px;
    width: 25px;
  }

  .object-fit-contain{
    object-fit: contain!important;
  }

.dot i {
    display: inline-block;
    position: relative;
}
  .dot i::after {
    content: "";
    position: absolute;
    width: 3px;
    left: 4px;
    background: white;
    top: 15px;
    height: 3px;
    border-radius: 50%;
}

.dotthree h6 {
  display: inline-block;
  position: relative;
}

.dotthree h6::after {
  content: "";
  position: absolute;
  width: 3px;
  left: 12px;
  background: white;
  top: 10px;
  height: 3px;
  border-radius: 50%;
}

.dottwo span::before {
  content: "";
  position: absolute;
  width: 3px;
  left: -17px;
  background: white;
  top: 37px;
  height: 3px;
  border-radius: 50%;
}

.dottwo span {
  display: inline-block;
  position: relative;
}

.badge {
  background-color: green;
}

.col-sm-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
  padding-top: 30px;
}



.section-image{
  height: 100px !important;
  object-fit: contain;
}

 
/* scroll bar design */

/* width */
::-webkit-scrollbar {
  width: 5px; 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 5px; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--bs-primary); 
  border-radius: 5px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--bs-primary); 
}

/* end scroll bar design */

.badge-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
}
.badge-primary {
  color: #fff !important;
  background-color: #007bff !important;
}
.badge-info {
  color: #fff !important;
  background-color: #17a2b8 !important;
}
.badge-success {
  color: #fff !important;
  background-color: #28a745 !important;
}
.badge-warning {
  color: #fff !important;
  background-color: #ffc107 !important;
}

.table-responsive{
  overflow-y: unset!important;
}