body, html{ font-size;14px !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.aligncenter{ text-align: center;}
.custombutton{ background:transparent; border:1px solid #AE3335; color:#AE3335; padding:10px 30px; border-radius: 5px; display: inline-block; font-weight: 600; text-transform: uppercase; text-decoration: none;}
.custombutton:hover{ background:#AE3335; color:white;}
.app-sidebar{ background: #AE3335;}
.app-sidebar-menu .menu>.menu-item.here>.menu-link .menu-icon { background: none;}
.symbol.symbol-40px>img { width: 40px; height: auto;}
.tilakicon { background: url(images/tilak.png) no-repeat center center; width: 15px; height: 40px; background-size: contain;}
.branchesicon { background: url(images/hub.png) no-repeat center center; width: 30px; height: 30px; background-size: contain;}
.symbol.symbol-100px>img { width: 100px; height: auto;}
.coursecertificates{ margin:0; padding:0;}
.coursecertificates li{ margin:5px; list-style: none; display: inline-block;}

.password-section { position: relative;}
.password-section .fa-eye { position: absolute; top: 50%; right: 22px; transform: translateY(-50%); cursor: pointer; }
.password-section .fa-eye-slash { position: absolute; top: 50%; right: 22px; transform: translateY(-50%); cursor: pointer; }
.autosearch {
    position: absolute;
    top: 75px;
    left: 30px;
    z-index: 9999;
    background: white;
    box-shadow: 2px 2px 5px #ccc; border-radius: 10px;
}
.autosearch ul{ margin:0; padding:0;}
.autosearch ul li{ display: block;}
.autosearch ul li:hover{ background: #eee;}
.autosearch ul li img{ margin-right: 7px;}
.autosearch ul li:last-child{ border:0;}
.autosearch ul li a{ display: block; padding:10px; border-bottom: 1px solid #ccc;}

.avatar {
    height: 50px;
    width: 50px;
}
.list-group-item:hover, .list-group-item:focus {
    background: rgba(24,32,23,0.37);
    cursor: pointer;
}
.chatbox {
    height: 80vh !important;
    overflow-y: scroll;
}
.message-box { height: 70vh !important; overflow-y: scroll;display:flex; flex-direction:column-reverse;}
.single-message { background: #f1f0f0; border-radius: 12px; padding: 10px; margin-bottom: 10px; width: fit-content;}
.received { margin-right: auto !important;}
.sent { margin-left: auto !important; background :#3490dc; color: white!important;}
.sent small { color: white !important;}
.link:hover { list-style: none !important; text-decoration: none;}
.online-icon { font-size: 11px !important;}
#file-area { cursor: pointer;}
#file-area > label > input { display: none !important;}
.data-table { width: 100%; border-collapse: collapse;}
.data-table th, .data-table td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd;}
.expandable-content { display: none; background-color: #f9f9f9;}
.expandable-content.expanded { display: table-row;}
.expandable-content .details { padding: 10px;}
span.deleteicon { position: relative; display: inline-flex; align-items: center; width:100%;}
span.deleteicon span { position: absolute; display: block; right: 10px; width: 20px; height: 20px; border-radius: 50%; color: #fff; background-color: #ccc; font: 18px monospace; text-align: center; line-height: 1em; cursor: pointer;}
span.deleteicon input { padding-right: 18px; box-sizing: border-box;}
.form-control.form-control-solid{ background:#eee;}
.devoteeform h4 {
  color: black;
  font-weight: 300;
  font-size: 24px;
  line-height: 60px;
}
.devoteeform label {
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #333;
}
.devoteeform .form-group{ margin-bottom:20px;}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link{ border-bottom-color:#AE3335;}
.text-active-primary.active, .text-red, .page-heading, .app-navbar-user-name, .text-primary{ color:#AE3335 !important;}
.btn.btn-dark{ background:#AE3335 !important;}
.customtable th, .customtable td{ padding:2px;}
.customtable th{ font-weight: bold;}

.btn.btn-primary{ background:white !important; border:1px solid #AE3335 !important; color:#AE3335;}
.btn.btn-primary i{ color:#AE3335 !important;}
.btn.btn-primary:hover{ background:#AE3335 !important; color:white !important;}
.btn.btn-primary:hover i{ color:white !important;}
.devoteeprofile{ text-align: center;}
.devoteeprofile .symbol.symbol-100px>img { height: 100%;}
.devoteeprofile li{ width:100%;}
.devoteeprofile .devoteeimage{ width:100%; text-align: center; padding:10px !important;}
.devoteeprofile img{ width: 150px; height:150px; object-fit: cover; border-radius: 20px;}
.menu-title-gray-700 .menu-item .menu-link{ font-size:14px;}
.devoteetagdata{ padding:20px 0;}
.tags-input ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tags-input li {
  display: inline-block;
  background-color: #f2f2f2;
  color: #333;
  border-radius: 20px;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.tags-input .delete-button {
  background-color: transparent;
  border: none;
  color: #999;
  cursor: pointer;
  margin-left: 5px;
}
.logintitle{ text-align: center; width:100%; font-weight: 500; margin:40px 0; text-transform: uppercase;}
.aligncenterposition {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.devoteephoto {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    overflow: hidden;
    text-align: center;  justify-content: center; align-items: center;
    border: 3px solid #ccc; margin:0 auto;
}
.devoteephoto img{ text-align: center; margin:0 auto;}



.devoteetable {
  width: 100%;
  border-collapse: collapse !important; /* Ensures no gaps between table cells */
}
.devoteetable th{ background:#AE3335 !important; border-bottom:5px solid #751914; color:white !important; text-align: left !important;}
.devoteetable th, .devoteetable td {
  border: 1px solid #eee; padding: 5px;
}
.devoteeloopmenu i{ margin-right:5px;}
.download-icon {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(107, 107, 107, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
}

.qr-code-container:hover .download-icon {
  opacity: 5;
}

#strengthWrapper { height:35px; border-radius:3px; }
#strength{ padding:5px 10px; color:white; font-weight: bold;}
.devoteelistingimg{ width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 50%;}
#devoteeidbarcode{ background:transparent; border:0; font-weight: bold;}
.devoteeidbarcodebutton{ border:0;}
.barcodecenter{ text-align: center; margin:0 auto;}
#map { height: 400px; width: 100%;}
.prasadamtimer{ font-size:46px;}