body{font-family: "Inter", sans-serif;margin: 0px; padding: 0px;}

p, h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0}

a{text-decoration: none !important;}

.loginbx{display: flex; align-items: center; height: 100vh; justify-content: center;
    background-color: #222857;
    background-image: url(../assets/images/footer.webp);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;}

.formdv input{
    padding: 0 15px;
    background: #f6f6f6;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #676464;
    width: 100%;
    font-size: 14px;
    height:50px;
    float: left;
    font-family: Inter, sans-serif;
}

.formdv label {
    color: #fff;
    font-size: 16px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.formdv p{
    margin-top: 10px !important;
    width: 100%;
    float: left;
    margin-bottom: 20px !important;
}

.submit-button button{
    background-color: #2f387e;
    padding: 12px 55px;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    font-family: Inter, sans-serif;
    opacity: 1;
    margin-top: 0;
}

.formdv h2 {
    color: #fff;
    font-size: 70px !important;
}

.topbar{
    background-color: #ffffff;
    padding: 15px 0;
    box-shadow: 2px 2px 4px #d9cccc;
}

 .topbar p{margin: 0px; color: #2b2d42; text-align: right;}

 .topbar p a{color: #2b2d42; font-weight: 500; text-transform: uppercase;
 }

 .header-right{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: right;
}

 .dashbdv{padding: 50px 0px;}

 .dashcontent h2{color: #2f387e; font-weight: 600;     font-size: 30px; font-weight:700 }

 .tabledta{overflow: auto; margin-top: 20px; max-height: 700px;}

   .tabledta table{width: 100%; border: 1px solid  #2f387e; ;}

  .tabledta table tr th{background: #2f387e; padding: 10px 15px; color: #fff}

    .tabledta table tbody tr td{
    background: #eae8ff;
    padding: 10px 15px;
}

    .tabledta table tbody tr:nth-child(even) td{
    background: #fff;
}

.viewbtn{
    font-weight: 500;
    font-size: 14px;
    background-color: #2f387e;
    border-radius: 30px;
    padding:5px 20px; border: none;
    color: #fff;
    display: inline-block;
}

.backbtn a{
    font-weight: 500;
    font-size: 14px;
    background-color: #2f387e;
    border-radius: 30px;
    padding:8px 30px; 
    color: #fff;
    display: inline-block;
}

.backbtn {margin-bottom: 30px}

.sendfrm button {
    font-weight: 500;
    font-size: 14px;
    background-color: #ededed;
    border-radius: 30px;
    padding: 7px 20px;
    color: #2f387e;
    display: inline-block;
    border: none;
}

.sendfrm label {
    color:#2f387e;
    font-size: 16px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.sendfrm input, .sendfrm textarea {
    padding: 5px 15px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #676464;
    width: 100%;
    font-size: 14px;
    height: 50px;
    float: left;
    font-family: Inter, sans-serif;
}


.sendfrm p{
    margin-top: 10px !important;
    width: 100%;
    float: left;
    margin-bottom: 20px !important;
}

.resultinner {
    display: block;
    padding: 20px;
    text-align: center;
    background-image: linear-gradient(45deg, #31377d, #6a3674, #ac346a, #d63464, #e63462, #ea3b5f, #f55059, #fe5f55);
    height: 200px;
    display: flex;
    align-items: center; border-radius: 20px;
    justify-content: center;
}

.resultinner h2{color: #fff; font-weight: 700}

.resultinner p{font-size: 18px; color: #fff; margin: 0px}

/* ========== Statistics page filters ========== */
.user-filter-box {
    float: right;
    margin-top: -35px; /* heading ke level par right side */
    margin-bottom: 10px;
}
.user-filter-select {
    padding: 10px 25px;
    border-radius: 25px;
    border: 2px solid #2f387e;
    font-size: 14px;
    background-color: #eae8ff;
    appearance:none;
    background-image:url("../assets/images/arrow.png");
    background-repeat:no-repeat;
    background-size:16px;
    background-position:center right 5px;
}
.user-filter-label {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
}
.filter-links a{
    font-weight: 600;
    color: #2f387e;
    text-decoration: none;
    padding: 7px 17px;
}
.filter-links a.active-filter {
    color: #fff;
    background-color: #2f387e;
    border-radius: 20px;
}

.dashbox {
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    height: 85px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    background: #911414;
}

.icondash {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: 80px;
}

.contentdash {
    display: inline-block;
    padding: 7px 8px;
}

.icondash span{
    color: #fff;
    font-size: 30px;
    line-height: 85px;
}

.contentdash h3 {
    font-size: 16px !important;
    color: #fff;
    margin: 11px 0px 0px;
    text-transform: uppercase;
}

.contentdash .number {
    font-weight: normal;
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
    color: #fff;
    margin: -4px 0px 0px;
}

.dashbox{margin-top:10px}

.info-title h3{
    margin: 0px 0px 10px;
    padding: 0px;
    font-size: 26px;
}

.infobx{margin-top:18px}

.infodata{margin-top:10px;}

/* Colored variants for statistics cards */
.dashbox-purple {
    background:#a61eab;
}

.dashbox-green {
    background:#008000;
}

.dashbox-gold {
    background:#9b8518;
}

.note-editable p{
 margin-top: 0px !important;
 width: auto;
 float: none;
 margin-bottom: 0px !important;
}

.note-icon-caret:before{display:none !important;}
.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover{border:none !important;} 
.sendfrm button:hover{background:#2f387e !important; color:#fff !important}

/* ---------- New/updated rules for source cards (moved from inline styles) ---------- */

/* container for source cards */
.source-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0;
    margin-bottom: 12px;
}

/* each source card */
.source-card {
    min-width: 160px;                 /* slightly smaller than before */
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    background: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* reduced padding to make cards tighter */
    padding: 10px 10px 12px 10px;
}

/* source title */
.source-card-title {
    font-weight: 600;
    margin-bottom: 6px;
    color: #222;
    font-size: 14px;
}

/* main count area */
.source-card-count {
    text-align: center;
    padding: 10px 0;         /* reduced vertical padding */
    border-radius: 6px;
    background: #f7f7fb;     /* default pale background for cards without a colour */
    color: #333;
    font-weight: 700;
    font-size: 18px;         /* slightly reduced font-size */
}

/* if you want colored count boxes to have consistent height, use this */
.source-card .source-card-count {
    min-height: 46px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* small responsive adjustments */
@media (max-width: 768px) {
    .source-card { min-width: 48%; }
    .source-card-count { font-size: 16px; padding: 8px 0; }
}

.formdv{
    background:#ffffff1f;
    display: block;
    float: left;
       padding: 0;
    overflow: hidden;
    border-radius: 25px;
}

.logonew img{width:320px; margin-bottom:25px;}


.formdv form{
    padding: 20px;
    float: left;
}

.logonew{
    background:#ffffffe3;
    padding-top: 20px;
}

.logodv{width:200px;}

.source-text {
    margin-top: 30px;
    padding: 20px;
    background: #f3efff;
    border-radius: 25px;border: 4px solid #2f387e;
}

.soundhead{margin-bottom:20px; color:#2f387e; text-transform:uppercase;}

.sourceselect{
    padding: 5px 15px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #676464;
    width: 100%;
    font-size: 14px;
    height: 50px;
    float: left;
    font-family: Inter, sans-serif;
}

.note-toolbar{text-align:center;}

.businessdash{  background: #f4f4f4;
  padding: 30px;
  border-radius: 30px;
}

.note-frame{background: #fff !important;}

.note-toolbar{background: #fff !important;}

.sendfrm  button[type="submit"]{background: #2f387e !important; color: #fff !important}

.note-editor .note-toolbar > .note-btn-group, .note-popover .popover-content > .note-btn-group{margin-top: 0px;}


@media only screen and ( min-width:960px) and ( max-width:1024px ){

.topbar p, .topbar p a{font-size: 13px;
}

.icondash{width: 70px}

.contentdash{padding: 4px 5px;}

.contentdash h3 {
  font-size: 13px !important;}

.contentdash .number{font-size: 26px;}

.dashbox{height: 75px}

.icondash span{line-height: 75px}

}


@media only screen and ( min-width:768px) and ( max-width:959px ){

.topbar p {font-size: 11px;}

.logodv img{width: 100%}

.tabledta table{font-size: 14px}

  .source-card {
    min-width: 23%;
  }




}


@media only screen and ( min-width:600px) and ( max-width:767px ){

.dashcontent h2{font-size: 21px;}

.sendfrm button {
  font-size: 12px; border-radius: 30px;
  padding: 4px 8px; 
}

.logodv img{
  margin-bottom: 20px;width: 250px;
}

.topbar p {text-align: left;
  font-size: 14px;
}

.header-right{justify-content: left;}

.tabledta table{font-size: 13px}

 .source-card {
    min-width: 31%;
  }

}


@media only screen and ( min-width:320px) and ( max-width:599px ){


.logodv img{
  margin-bottom: 20px;width: 220px;
}

.logodv{text-align: center;}

.topbar p {text-align: left;
  font-size: 14px;
}

.header-right{justify-content: left;}

.filter-links a { padding: 7px 12px;  font-size: 13px;}

.dashbdv {
  padding: 30px 0px;
}

.infobx {
  margin-top: 20px;
}

.dashcontent h2{font-size: 21px;}

.sendfrm button {
  font-size: 12px; border-radius: 30px;
  padding: 4px 8px; 
}

.tabledta table{font-size: 13px}

 .source-card {
    min-width: 47%;
  }

.message p{font-size: 14px;}

}