:root {--primary-color: #0d6efd;--secondary-color: #6c757d;--sidebar-bg: #343a40;--text1: #03045E;--tit: #3E3E51;--text2: #B7A3FF;--text3: #5A5A8F;--text4: #564ef9;--text5: #6d54fc;
--bg1:#ABBEDD;--bg2:#0B0B31;--wh: #fff;--bg4: #E4DDFF;--bg5:#062467;--mainbg: #E3EBF8}
body{
font-family: "Bio Sans W04 Regular";color: #000; font-size: 14px;padding: 0px !important;margin: 0px !important;}
.rf{font-family: "Bio Sans W04 Regular" !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: "Bio Sans W04 Bold";}
.centerpart{background:#0B0B31;min-height: 100vh;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.logbox{margin: 0px auto;position: relative;max-width: 480px;margin: 0px auto;width: 100%;    background: hwb(0deg 100% 0% / 11%);padding: 35px;border-radius: 6px;border: 1px solid #ffffff1c;}
.toplogo{position: relative;padding: 30px 0;}
.toplogo img{max-width: 320px;width: 320px;}
.gr{/* Ellipse 2 */
position: absolute;
width:45%;
height:45%;
left: 918px;
top: -200px;
background: linear-gradient(180deg, #002155 0%, #0048BB 100%);
filter: blur(175px);
}
.bin{height: 45px;}
.c1.gr{right: 0;top: 0; left: inherit !important;}
.c2.gr{left: 0px !important;top: inherit;bottom: 0 !important;}
.mbtn{font-size: 14px;padding: 10px;}
.sbtn{font-size: 13px;padding: 3px 5px !important;font-weight: 600;border-radius: 0px;}
.bluebtn{background: #0581EE;color: #fff;}
.greenbtn{background: #5FB95F; color: #fff;}
.greybtn{background: #748492; color: #fff;}
.redbtn{background: #D9534F; color: #fff;}
.dbluebtn{background: #337AB7; color: #fff;}
.num{font-family: "Oswald", sans-serif;;}
.mainwrap{background:var(--wh);min-height: 100vh;padding: 0vh;display: flex;padding-top: 5px;}
.rightsec{display: flex;flex-direction: column;width: 100%;padding:0px;padding-left: 320px;padding-top: 0;padding-bottom: 0;    transition: 0.5s 
ease-in;}
.bicon{font-size: 60px;}
.sidesec{width: 320px;background: var(--wh);padding: 22px;padding-top: 10px;border-radius: 8px;position: fixed;/* top: 1vh; */height: 100vh;transition: 0.5s ease-in;left: 0;display: flex; flex-direction: column;}
.sidemenus .nav-item{margin-bottom:5px;}
.sidemenus{background: linear-gradient(192.74deg, #8800FF -23.86%, #00CCDE 114%);border-radius: 10px;height: 100vh;padding:10px 20px;overflow: auto;    display: flex;flex-direction: column;justify-content: space-between;}
.sidemenus .nav-link {color: #fff;cursor: pointer;border-radius: 0px;font-size: 18px;font-family: "Bio Sans W04 Regular";display: flex;align-items: center;font-weight: 500;padding:10px 20px;}
.sidemenus .submenu .nav-link.active{color: var(--text1) !important;background: var(--wh) !important;}
.sidemenus .nav-link.active{background:linear-gradient(90deg, #1900a1 -5.61%, rgb(0 0 0 / 0%) 85.79%);border-radius: 10px !important;font-family: "Bio Sans W04 Bold";}
.wbox{background: #f6f9fd;;}
.sidemenus .nav-link:hover {background:linear-gradient(91deg, #ffffff 27.39%, rgb(255 255 255 / 0%) 86.79%);color: var(--text1);border-radius: 10px;}
.sidemenus .nav-link:hover span:before{color: var(--text1) !important;}
.sidemenus .submenu {padding-left: 30px;font-size: 0.9rem;background: #0581EE;padding: 5px;}
.toggle-submenu{background:#0581EE;border-radius: 0px;}
.toggle-submenu.collapsed{background: transparent;}
.topmenubar{display: flex;flex-direction: row;align-items: center;}
.tit{color: var(--tit)}
.bottommenu{justify-content: center; display: flex; align-items: center;}
.bottommenu li a{min-width: 180px;background: #fff;color: red !important;justify-content: center;border-radius: 10px !important;padding: 8px !important;}
.bottommenu li a:hover{background: #1900a1 !important; color: #fff !important;}
.topsec{/*border-bottom: 1px solid #e0e2f5;margin-bottom: 15px;*/background:var(--wh);padding: 10px;}
.topsec li{font-size: 14px;}
.topsec li.nav-item{margin: 0px 4px;}
.topsec li a.nav-link{padding:10px !important; display: block;}
.icon-notification:before{color:var(--wh);}
.sidesec .user{background:var(--wh);border-radius: 6px;}
.bg1{background: var(--bg1);}
.box{border-radius: 6px;}
.addressbox{min-height: 122px !important;resize: none;}
.text1{color: var(--text1);}
.text2{color: var(--text2);}
.text3{color: var(--text3);}
.text4{color: var(--text4);}
.text5{color: var(--text5);}
.labeltxt{ color:var(--text3);}
.form-control,.form-select{    background-color: #f5f5f5 !important;border: 0 !important;border-radius: 8px;}
.greyin input{background: #f5f5f5;border: 0px;border-radius: 8px;}
.row .col-lg-3 .box.whitebox.p-3 {flex-direction: column;}
.row .box.whitebox{display: flex;}
a.whitebox,a.box{text-decoration: none;}
.link{text-decoration: none; display: block;}
a.whitebox:hover {box-shadow: 1px 1px 22px 0px #646dd166;}
.infobox{border: 1.5px dashed #6d53fc;background: #fff;border-radius: 14px;}
.form-group{margin-bottom:25px !important;}
.sitebtn{font-family: "Bio Sans W04 Bold";}
.darkbtn{background: var(--text3);color: var(--wh);}
.form-control{border: 1px solid #D5D5FF;background: #fff;}
.pr0 > div{padding-right: 0px;}
tbody tr:nth-child(even){background: #E7EAF0;}
.sitetabs{background: var(--wh);border-radius: 7px;display: inline-flex;}
.sitetabs.nav-tabs .nav-link{color: var(--text1);padding: 12px 20px !important;}
.sitetabs.nav-tabs .nav-link.active{background: var(--bg5);color:var(--wh);border-radius: 7px;}
.whitebox{background: #fff;/*border: 1px solid #b7a3ff;*/border-radius: 8px;height: 100%;}
.table-responsive.whitebox{height: auto;}
.sitetable thead th{background:linear-gradient(180deg, #8800FF -7.73%, #00CCDE 98.41%);padding:13px 8px;border: 1px solid #d3d3d3 !important;color: var(--wh);font-weight: 500;border: 0px; font-size: 13px;}
/*.sitetable th:first-child{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.sitetable th:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}*/
.table{margin-bottom: 0px !important;}
.datacenter{text-align: center;}
.sitetable td{font-size: 14px;}
.i5{font-size: 19px !important;}
.sicon{font-size:15px;width: 22px;display: inline-block;}
.sicon:before{color: #fff !important}
.sicon{margin-right: 5px;}
.user{display: flex !important;align-items: center;}
.userpic{margin-right: 8px;border: 2px solid #4f55f6;border-radius: 40px;width: 40px;height: 40px;overflow: hidden;}
.userpic img{height: 100%;width: 100%;object-fit: cover;object-position: center}
.sitebtn{background:linear-gradient(180deg, #8800FF -7.73%, #00CCDE 98.41%);color: var(--wh);border: 0px !important}
.whitebox input,.whitebox .form-select{border: 0px !important;box-shadow: none !important;}
.whitebox input:focus-visible{outline: none !important;border: 0 !important;}
.mbtn{min-width: 190px;}
.contentsec{padding: 0px;margin-right:20px;background: #fff;}
.greybg{background: #f5f5f5;padding: 20px;border-radius: 10px;}
/**fonts**/
.lf{font-weight: 320;}
.mf{font-family: "Bio Sans W04 SemiBold" !important; }
.bf{font-weight: 700;}
/**chat-css-start**/
.chat-box {max-width:100%;height: 80vh;margin: 30px auto;display: flex;flex-direction: column;background: #fff;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);overflow: hidden;}
  .chat-header {background-color: #6d54fc;color: #fff;padding: 1rem;font-weight: 500;}
  .chat-body {flex: 1;padding: 1rem;overflow-y: auto;background-color: #f8fafc;}
  .chat-message {margin-bottom: 1rem;display: flex;}
  .chat-message.user {justify-content: flex-end;}
  .chat-bubble {padding: 0.6rem 0.9rem;border-radius: 1rem;max-width: 75%;font-size: 0.95rem; line-height: 1.3;}
  .chat-bubble.bot {background-color: #e2e8f0;color: #111;border-bottom-left-radius: 0.3rem;}
  .chat-bubble.user {background-color:var(--text3);color: #fff;border-bottom-right-radius: 0.3rem;}
  .chat-footer {border-top: 1px solid #dee2e6;padding: 0.75rem;background: #fff;}
  .chat-input {resize: none;height: 42px;overflow: hidden;}
/**chat-css-end**/
/**menu-open-start**/
.menu-btn {width: 50px;height: 50px;border: none;background: none;cursor: pointer;display: flex;align-items: center;justify-content: center;}
svg {width: 32px;height: 32px;stroke: #fff;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;transition: transform 0.4s ease;}
/* Arrow parts */
.shaft, .tip1, .tip2 {transition: all 0.35s ease;transform-origin: center;}
/* --- Default: Back Arrow (←) --- */
.shaft {opacity: 0;transform: translateX(6px);}
.tip1 {transform: rotate(0deg);}
.tip2 {transform: rotate(0deg);}
/* --- When menu open → Close (X) --- */
body.menu-open .shaft {transform: translateX(0);opacity: 1;}
body.menu-open .tip1 {transform: rotate(45deg) translate(3px, -3px);}
body.menu-open .tip2 {transform: rotate(-45deg) translate(3px, 3px);}
.menu-open .sidesec{left: -320px}
.menu-open .rightsec{padding-left: 0px;}
/**menu-open-end**/
.sign{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.sign-box{
  max-width: 60%;
  background: #F5F5F5;
  border-radius: 30px;
}
.sign-box input{
  height: 60px;
  background-color: #fff !important;
  border-radius: 10px;
}
.line{
background: linear-gradient(182deg, #8800FF -23.86%, #00CCDE 114%);
    border-radius: 10px;
    padding: 1px;
}
.color-btn{
    background: linear-gradient(183deg, #8800FF -23.86%, #00CCDE 114%);
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    border: 0;
    height: 60px;
    text-align: center;
}
.fill{
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.greybg input{
  background-color: #fff !important;
}
.greybg .whitebox input{
  background-color: #F5F5F5 !important;
}
@media(max-width: 1350px){
  .sign-box{
    max-width: 80%;
  }
}