body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/23px 'Host Grotesk'; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none; text-decoration: none;}
a:active{ outline: none; text-decoration: none;}
a{ text-decoration: none;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
.media{display: flex; align-items: flex-start;}
.media-object{flex: 1;}
button{border: 0; outline: none; padding: 0; background: transparent;}

/* host-grotesk-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/host-grotesk-v5-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* host-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/host-grotesk-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* host-grotesk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/host-grotesk-v5-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* host-grotesk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/host-grotesk-v5-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* host-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/host-grotesk-v5-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* host-grotesk-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/host-grotesk-v5-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/*
font-family: 'Host Grotesk';
*/

body.loginbner{background: url(./assets/images/loginBner.jpg) no-repeat 0 0; background-repeat: no-repeat; background-size: cover;}
.loginpnel{width: 100%; display: flex; align-items: center; justify-content: center; height: 100vh; padding: 15px;}
.loginform{border-radius: 50px;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(5.5px);
padding: 85px 60px 40px; width: 100%; max-width: 760px;}
.loginlgo{text-align: center;}
.frmdata{margin-top: 30px;}
.loginfrminr{padding-top: 40px;}
.frmdata input[type="text"], .frmdata input[type="password"],
.frmdata input[type="email"],
.frmdata input[type="tel"]{width: 100%; border-radius: 44px;border: 0.5px solid #E3E3E3;background: #FFF;
outline: none; padding: 0 30px; height: 85px;color: #0C3155;font-size: 18px;font-style: normal;font-weight: 400;
line-height: 24px;}
.frmdata input[type="text"]::placeholder, .frmdata input[type="password"]::placeholder,
.frmdata input[type="email"]::placeholder,
.frmdata input[type="tel"]::placeholder{opacity: 1;color: #0C3155;}
.frmdatabtn{margin-top: 35px;}
.frmdatabtn input[type="submit"]{width: 100%; border-radius: 44px; background: #0E3255; color: #FFF;
font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px; height: 85px;}
.frmdatabtn input[type="submit"]:hover{background: #A17D3A; color: #FFF;}
.frmdatalnks{margin-top: 45px; text-align: center;}
.frmdatalnks span{display: inline-flex; color: #0C3155;font-size: 18px;font-style: normal;
font-weight: 400;line-height: 24px;}
.frmdatalnks span a{color: #0C3155; text-decoration: underline;}
.frmdatalnks span a:hover{color: #A17D3A;}

body{background: linear-gradient(287.36deg, #1562AD 3.81%, #0C3155 101.22%); padding: 10px;}
.dashboardSec{display: flex; padding: 10px; width: 100%; min-height: calc(100vh - 20px); background: linear-gradient(287.36deg, #1562ad 3.81%, #0c3155 101.22%);}
.sidebar{width: 100%; max-width: 360px; padding: 45px 20px 45px 45px; position: fixed; height: 100%; z-index: 99;}
.sdebarlgo{margin-bottom: 44px;}
.sidebaritem li{margin-top: 17px;}
.sidebaritem li:first-child{margin: 0;}
.sidebaritem li a{display: flex; align-items: center; color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;
line-height: 24px; padding: 13px 15px 13px 0; border-radius: 40px;border-left: 4px solid transparent;}
.sidebaritem li.activeitm a,
.sidebaritem li a:hover{background: #FFF; color: #0C3155; border-color: #A17D3A; padding-left: 43px;}
.sidebaritem li i{display: inline-flex; margin-right: 17px;}
.sidebaritem li i img{transition: all 0.3s ease-in-out;}
.sidebaritem li.activeitm i img, .sidebaritem li a:hover i img{
filter: brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(3213%) hue-rotate(0deg) brightness(84%) contrast(83%);
}
.userprofle{position: absolute; bottom: 0; left: 0; width: 100%;}
.userprofle, .sidebar{padding: 55px 20px 55px 45px;}
.userprofle .media{align-items: center;}
.userprofle .media figure{width: 82px; height: 82px; margin-right: 23px;}
.userprofle .media figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.userprofle h3{color: #FFF;font-size: 18px;font-style: normal;font-weight: 500;line-height: 18px;margin: 0 0 6px;}
.userprofle p{color: #74AADE;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;}
.sidebaritem{width: 100%; height: calc(100vh - 320px); overflow: auto; scrollbar-width: thin; scrollbar-color: #EFF6FF #0d3963;}
.userprofle{padding-top: 0 !important;}

.boardbody{width: 100%; background: #EFF6FF; padding: 40px 45px 45px 50px; border-radius: 50px; margin-left: 360px;}

.cuntingdshbrd .row{margin: 0 -4px;}
.cuntingdshbrd .row > div{width: 20%; padding: 0 4px;}
.cuntingnmber{width: 100%;border-radius: 50px; background: #FFF; min-height: 195px; transition: all 0.3s ease-in-out;
padding: 20px 35px; display: flex; flex-direction: column; justify-content: center;}
.cuntingnmber h4{color: #0C3155;font-size: 50px;font-style: normal;font-weight: 600;line-height: 50px; margin: 0 0 10px;}
.cuntingnmber span{color: #818181;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;
text-transform: uppercase;}
.cuntingnmber:hover{background: #0C3155;}
.cuntingnmber:hover span, .cuntingnmber:hover h4, .cuntingnmber:hover h5{color: #FFF;}
.cuntingnmber h4, .cuntingnmber span, .cuntingnmber h5{transition: all 0.3s ease-in-out;}
.cuntingnmberinner{min-height: 110px;}
.adduser{display: inline-flex; align-items: center; border-radius: 54px; height: 65px;
background: #0C3155; padding: 0 50px; color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px;}
.adduser i{margin-right: 9px;
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}
.adduser:hover{background: #A17D3A;}
.cretecse{display: inline-flex; align-items: center; border-radius: 54px; padding: 0 37px;
border: 1px solid #0C3155; height: 65px; color: #0C3155;font-size: 20px;font-style: normal;font-weight: 400;
line-height: 24px;}
.cretecse:hover{background: #0C3155; color: #FFF;}
.cretecse i{margin-right: 9px; transition: all 0.3s ease-in-out;}
.cretecse:hover i{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.dashboardhder h1{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 600;line-height: 35px; margin: 0;}
.dashboardhder{display: flex; align-items: center; justify-content: space-between; margin: 0 0 38px;}
.dashboardhderrght{display: inline-flex; align-items: center;}
.dashboardhderrght > button, .hdercrch{margin-right: 8px;}
.hdercrch{display: inline-flex; position: relative; align-items: center;}
.hdercrch input[type="text"]{border-radius: 54px; background: #FFF; height: 65px; width: 488px; border: 0; outline: none;
color: #0C3155;font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px; padding: 0 90px 0 34px;}
.hdercrch input[type="text"]::placeholder{opacity: 1; color: #0C3155;}
.hdercrch input[type="submit"]{position: absolute; right: 0; top: 0;
background: url(assets/images/searchicn.png) no-repeat center center; height: 100%; padding: 0; width: 80px;}

.notifiction .dropdown > button {display: flex; align-items: center; justify-content: center; background: #A17D3A; position: relative;
border-radius: 100%; width: 65px; height: 65px;}
.notifiction .dropdown > button::after{content: none;}
.notifiction .dropdown-menu{padding: 10px;}
.notifiction .dropdown-menu li a{font-size: 18px; line-height: 22px; padding: 7px; display: block;}
.notifiction .dropdown-menu li a:hover{background: #0C3155; color: #FFF;}
.notifiction .dropdown > button::before{background: #AD0000; width: 6px; height: 6px; position: absolute; content: "";
top: 22px; right: 22px; border-radius: 100%;}

.filtersrch input[type="text"]{border-radius: 54px; background: #EFF6FF; height: 65px; width: 295px; border: 0; outline: none;
color: #0C3155;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px; padding: 0 70px 0 26px;}
.filtersrch input[type="text"]::placeholder{opacity: 1; color: #0C3155;}
.filtersrch input[type="submit"]{position: absolute; right: 0; top: 0;
background: url(assets/images/searchicn.png) no-repeat center center; height: 100%; padding: 0; width: 65px;}
.filtersrch{position: relative; display: inline-flex; align-items: center;}

.casestable{margin-top: 27px; width: 100%; border-radius: 50px; background: #FFF; padding: 35px 40px;}
.casesflter h2{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 600;line-height: 35px; margin: 0;}
.casesflter{display: flex; align-items: center; justify-content: space-between;}
.caseflter select{width: 165px; height: 65px; border-radius: 54px; -webkit-appearance: none; 
background: #EFF6FF url(assets/images/careticn.png) no-repeat right 23px center; margin-left: 6px; padding: 0 21px;
outline: none; border: 0; color: #0C3155;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}

.casestablelist{width: 100%; margin-top: 30px;}
.casestablelist table{width: 100%;}
.casestablelist tr th{color: #0C3155;font-size: 18px;font-style: normal;font-weight: 600;line-height: 24px;padding: 20px 0;}
.casestablelist tr{border-bottom: 1px solid rgba(12, 49, 85, 0.22);}
.casestablelist tr:last-child{border: 0;}
.casestablelist tr td{color: #0C3155;font-size: 16px;font-weight: 400;line-height: 24px;padding: 25px 0;}
.casestablelist tr td:first-child{font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px; }
.casestablelist tr td em{color: #818181;font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;display: block;}

.actindted .dropdown > button::after{content: none;}

.archvedmsg{display: inline-flex; align-items: center; border-radius: 24px; background: #FFEBEB;color: #0C3155;
font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; padding: 3px 16px 3px 10px;}
.archvedmsg i{margin-right: 4px;}
.cmpltemsg{display: inline-flex; align-items: center; border-radius: 24px; background: #E7FAEF;color: #0C3155;
font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; padding: 3px 16px 3px 10px;}
.cmpltemsg i{margin-right: 4px;}
.prgresmsg{display: inline-flex; align-items: center; border-radius: 24px; background: #F2F2FB;color: #0C3155;
font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; padding: 3px 16px 3px 10px;}
.prgresmsg i{margin-right: 4px;}
.pndngmsg{display: inline-flex; align-items: center; border-radius: 24px; background: #FFEEE6;color: #0C3155;
font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; padding: 3px 16px 3px 10px;}
.pndngmsg i{margin-right: 4px;}

.redmesg{display: inline-flex; align-items: center; border-radius: 24px; background: #BD0000;color: #FFF;
padding: 3px 10px;min-width: 75px;justify-content: center;}
.mdiamesg{display: inline-flex; align-items: center; border-radius: 24px; background: #FDF3CE;
padding: 3px 12px;min-width: 75px;justify-content: center;}
.outlnemsg{display: inline-flex; align-items: center; border-radius: 24px;
padding: 3px 12px;min-width: 75px;justify-content: center; border: 1px solid #818181;}

.actindted .dropdown-menu{right: auto; border-radius: 15px; background: #EFF6FF; padding: 20px 14px; width: 130px;border: 0;}
.actindted .dropdown-menu li a{color: #0C3155;font-size: 14px;font-style: normal; display: flex; align-items: center;
font-weight: 400;line-height: 24px; padding: 3px;}
.actindted .dropdown-menu li a i{display: inline-flex; margin-right: 3px;}
.actindted .dropdown-menu li:last-child a{color: #BD0000;}
.serchcrcle{display: none;}
.menuSdebar{display: none;}
.lefthder{display: inline-flex; align-items: center;}

.dshboardwhtepnel{width: 100%; border-radius: 50px; background: #FFF; padding: 45px 40px 35px;}
.dshboardcaseform h3, .notepnel h3{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 600;line-height: 34px;}
.pagerlink ul{display: flex;}
.pagerlink li{display: inline-flex; align-items: center; position: relative; font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px;}
.pagerlink li a{color: #818181;}
.pagerlink li:last-child, .pagerlink li a:hover{color: #0C3155;}
.pagerlink li::after{content: "/"; color: #0C3155; margin: 0 7px;}
.pagerlink li:last-child::after{content: none;}
.pagerlink{padding-bottom: 23px;}

.datafrm input[type="text"], .datafrm input[type="password"], 
.datafrm input[type="email"],
.datafrm input[type="tel"],
.datafrm input[type="date"],
.datafrm input[type="number"],.datafrm input[type="image"] ,
.datafrm textarea,
.datafrm select{width: 100%; border-radius: 54px; padding: 0 20px 0 33px; outline: none; border: 0;
background: #EFF6FF; height: 65px; color: #818181;font-size: 16px;font-style: normal;font-weight: 400;
line-height: 24px; -webkit-appearance: none;}
.datafrm textarea{height: 110px !important; padding-top: 22px !important; border-radius: 30px !important; resize: none;}
.datafrm input[type="text"]::placeholder, .datafrm input[type="password"]::placeholder,
.datafrm input[type="email"]::placeholder,
.datafrm input[type="tel"]::placeholder,
.datafrm input[type="date"]::placeholder,
.datafrm input[type="number"]::placeholder,
.datafrm textarea::placeholder,
.datafrm select::placeholder{opacity: 1; color: #818181;}
.datafrm label{color: #0C3155;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;display: block;
margin-bottom: 10px; text-transform: capitalize;}
.datafrm{margin-top: 35px;}
.datafrm select{background: #EFF6FF url(assets/images/careticn.png) no-repeat right 35px center;}
.datafrmbtn{text-align: right; margin-top: 38px;}
.datafrmbtn input[type="submit"]{border-radius: 54px;background: #0C3155; border: 0; padding: 0 20px; min-width: 275px;
color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px; height: 65px;
display: inline-flex; align-items: center; justify-content: center;}
.datafrmbtn input[type="submit"]:hover{background: #A17D3A; color: #FFF;}
#datepicker{background: #EFF6FF url(assets/images/clndericon.png) no-repeat right 30px center;}

.datafrmbtn ul{display: inline-flex; align-items: center;}
.datafrmbtn li{margin-right: 8px;}
.datafrmbtn li:last-child{margin: 0;}
.datafrmbtn button{display: inline-flex; align-items: center; justify-content: center;border-radius: 54px;
border: 1px solid #0C3155; border-radius: 55px; background: #0C3155; height: 65px; min-width: 210px;
color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px;}
.datafrmbtn button.canselbtn{background: transparent; color: #0C3155;}
.datafrmbtn button:hover{background: #A17D3A !important; color: #FFF !important; border-color: #A17D3A !important;}

.notepnel{width: 100%; border-radius: 50px;background: #FFF;margin-top: 10px; padding: 60px 44px;}
.notepnel li{color: #0C3155;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; margin: 0 0 17px;padding-left: 30px;
position: relative;}
.notepnel li::before{width: 21px; height: 21px; background: url(assets/images/checkicn.png) no-repeat 0 0;
left: 0; top: 1px; position: absolute; content: "";}
.notepnel ul{padding-top: 15px;}
.notepnel li:last-child{margin: 0;}

.dshboardwhtepnel.profilepnel{padding: 20px;}
.profileinform{padding-top: 35px; width: 100%;}
.profilefrmpnel{margin-top: 20px; padding: 24px 24px 60px 24px; background: #EFF6FF; border-radius: 50px;}
.profilefrmlnk ul{display: flex; justify-content: center; flex-wrap: wrap; border: 0;border-radius: 54px;
background: #FFF; padding: 5px;}
.profilefrmlnk li button{color: #0C3155;font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px;
height: 64px; min-width: 223px; border-radius: 50px;}
.profilefrmlnk li button.active{font-weight: 700; background: #EFF6FF;}
.profilefrmlnk li button:hover{background: #EFF6FF;}

.profilefrmshow .datafrm input[type="text"], .profilefrmshow .datafrm input[type="password"],
.profilefrmshow .datafrm input[type="email"], 
.profilefrmshow .datafrm input[type="tel"], 
.profilefrmshow .datafrm textarea, 
.profilefrmshow .datafrm select{background-color: #FFF;}
.profilefrmhder h3{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 600;line-height: 34px;}
.profilefrmhder p{color: #818181;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;}
.profilefrmtabopen{padding-top: 55px;}
.profileuser{width: 114px; height: 114px; border-radius: 100%; margin-right: 50px;}
.profileuser img{width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.profileinform .media-object{display: flex; align-items: flex-start; justify-content: space-between;}

.pill-input{position: relative; width: 100%;}
.icon-btn{position: absolute;right: 0;
top: 0;height: 65px;width: 65px;display: flex;align-items: center;justify-content: center;}
.pill-input input{padding-right: 65px !important;}
.prfletitle h3{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 500;line-height: 35px;margin: 0 0 4px;}
.prfletitle p{color: #818181;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
.profileinform .media{align-items: center;}
.profileinfoicn h4{color: #0C3155;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;
display: inline-flex; align-items: center;margin: 0 0 5px;}
.profileinfoicn p{color: #818181;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
.profileinfoicn p a{color: #818181;}
.profileinfoicn p a:hover{color: #0C3155;}
.profileinfoicn h4 i{display: inline-flex; margin-right: 5px;}

.managementlist{width: 100%;border-radius: 37px;background: #EFF6FF;padding: 18px 30px;margin-bottom: 13px;
display: flex; align-items: center; justify-content: space-between;}
.managementlist:last-child{margin: 0;}
.mnageuser{display: flex; align-items: center; justify-content: center; background: #0C3155; width: 75px; height: 75px;
color: #FFF;font-size: 24px;font-style: normal;font-weight: 400;line-height: 24px;margin-right: 20px;
text-transform: uppercase;border-radius: 100%;}
.managementlist .media h3{color: #0C3155;font-size: 24px;font-style: normal;font-weight: 400;line-height: 24px; margin-bottom: 6px;}
.managementlist .media span{color: #818181;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;}
.managementlist .media{align-items: center;}
.manageactin > span{margin-right: 12px; display: inline-flex; align-items: center; border-radius: 24px;padding: 4px 5px;
min-width: 75px; justify-content: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.manageactin > span.actvetxt{color: #00A84B;background: #E7FAEF;}
.manageactin > span.oflnetxt{background: #FFEAEA; color: #AD0000;}
.manageactin{display: inline-flex; align-items: center;}
.managementlist .actindted .dropdown-menu li:last-child a {color: #0C3155;}
.managementlist .actindted .dropdown-menu{background: #FFF;}

.changerole .btn-close{position: absolute; z-index: 9; top: 0; right: 0; background: #AD0000; color: #FFF;
opacity: 1; width: 40px; height: 40px; padding: 0; outline: none; box-shadow: initial; border-radius: 0;}
.changerole .btn-close img{max-width: 20px;
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(245deg) brightness(105%) contrast(101%);}
.changerolehdng h3{color: #0C3155;font-size: 30px;font-style: normal;font-weight: 600;line-height: 35px;
margin: 0 0 5px; text-transform: capitalize;}
.changerolehdng p{color: #818181;font-size: 16px;
font-style: normal;font-weight: 400;line-height: normal;}

.multi-select .select-box{width: 100%;border-radius: 14px; display: flex; align-items: center; justify-content: space-between;
padding: 8px 20px;outline: none;border: 0;background: #EFF6FF;min-height: 65px;color: #818181;font-size: 16px;
font-style: normal;font-weight: 400;line-height: 24px;-webkit-appearance: none; cursor: pointer;}
.changerole .datafrmbtn{justify-content: center; flex-wrap: wrap;}
.changerole .datafrmbtn li{margin: 0; padding: 4px; width: 100%;}
.changerole .datafrmbtn li button{width: 100%;}
.changerole .datafrmbtn ul{width: 100%;}
.dropdownitem{padding: 10px; width: 100%; background: #eff6ff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.multi-select .select-text{flex: 1;}
.dropdownitem li{cursor: pointer; position: relative; padding: 7px; margin: 0 0 4px; font-size: 15px; color: #000;}
.dropdownitem li.selected{background: #FFF; color: #0d3963;}
.dropdownitem li:last-child{margin: 0;}
.dropdownitem li.selected::before{position: absolute; content: "✔"; color: #0d3963; right: 15px;}
.changerole .modal-body{padding: 25px;}

.datafrm option{padding: 5px 10px; text-transform: capitalize; color: #0d3963;}
.datafrm option:hover{background: #0C3155; color: #FFF;}
.adduser i, .cretecse i{display: inline-flex;}

body.loginbner{padding: 0;}

.custom-select {
  position: relative;
}

/* Selected item */
.select-selected {
  width: 100%;
  border-radius: 54px;
  padding: 0 20px 0 33px;
  outline: none;
  border: 0;
  background: #EFF6FF;
  height: 65px;
  color: #818181;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Dropdown icon */
.select-selected::after {
  content: "";
  width: 10px;
  height: 6px;
  background: url(assets/images/careticn.png) no-repeat 0 0;position: absolute;
  right: 30px;
}


/* Dropdown list */
.select-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #ccc;
  border-radius: 15px; padding: 5px;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 99;
}

/* Options */
.select-items div {
  padding: 10px;
  cursor: pointer; border-radius: 8px;
  color: #0C3155; transition: all 0.3s ease-in-out;
}

/* Hover like default select */
.select-items div:hover {
  background: #0C3155; color: #FFF;
}

/* Active dropdown */
.select-active .select-items {
  display: block;
}


.caseflter .custom-select{width: 165px; margin-left: 7px;}
.caseflter{display: inline-flex; align-items: center;}
.caseflter .select-selected{color: #0C3155; padding: 0 21px;}

.profilefrmshow .datafrm .select-selected{background: #FFF;}

.topheading{display: block; margin: 0px 0px 15px 0px;}
.topheading h2{color: #0C3155; font-size: 30px; margin: 0px; font-style: normal; font-weight: 600; line-height: 34px;}
.topheading p{color: #818181; font-size: 14px; margin: 0px;}
.cuntingnmber h5{color: #0C3155; font-size: 26px; font-style: normal; font-weight: 600; line-height: 26px; margin: 8px 0px 0px 0px;}
.tab-header-box{display: flex; justify-content: space-between; background-color: #EFF6FF; padding: 5px; border-radius: 50px;}
.tab-header-box .tab-btn{padding: 10px 20px; font-size: 16px; font-weight: normal; color: #0C3155; border-radius: 50px; transition: 0.3s ease-in-out;}
.tab-header-box .tab-btn.active{background: #fff;}

.casetabnx{float: left; width: 100%; height: 100%; border: 1px solid #E9E9E9; padding: 30px; border-radius: 45px;}
.casetabnx h4{color: #0C3155; font-size: 30px; font-style: normal; font-weight: 600; line-height: 34px; margin: 0px 0px 5px 0px;}
.casetabnx p{color: #818181; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px;}
.casetabnx .import-btn{display: inline-flex; align-self: flex-start; justify-content: center; gap: 7px; align-items: center; color: #0C3155; border: 1px solid #0C3155; border-radius: 40px; font-size: 15px; font-weight: 400; outline: none; padding: 7px 10px; white-space: nowrap; background: none; transition: 0.3s ease-in-out;}
.casetabnx .import-btn svg{}
.casetabnx .import-btn span{}
.casetabnx .importedlistouter{display: flex; gap: 10px; flex-direction: column;max-height:570px;overflow-y:scroll;}
.casetabnx .importedlist{float: left; width: 100%; border: 1px solid #E9E9E9; padding: 15px; padding-left: 50px; border-radius: 40px; position: relative;}
.casetabnx .importedlist .form-check{position: absolute; left: 20px; top: 25px; padding: 0px; }
.casetabnx .importedlist .form-check .form-check-input{margin: 0px; border-color: #0C3155; box-shadow: none;}
.casetabnx .importedlist .form-check .form-check-input:checked{background-color: #A17D3A; border-color: #A17D3A;}
.casetabnx .importedlist .importedmediabx{display: flex; gap: 20px;}
.casetabnx .importedlist .importedmediabx .importedmedia{min-width: 75px; max-width: 75px; height: 75px; font-weight: 400; font-size: 24px; background: #0C3155; color: #fff; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center;}
.casetabnx .importedlist .importedmediact{width: 100%; align-self: center;}
.casetabnx .importedlist h5{color: #0C3155; font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px 0px 5px 0px;}
.casetabnx .importedlist p{color: #818181; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px;}
.casetabnx .importedlist .importedlistbtm{display: block; padding: 10px 0px 0px 0px;}
.casetabnx .importedlist .importedlistbtm p{margin: 0px; padding: 7px 0px 0px 0px;}
.casetabnx .importedlist h5{display: flex; justify-content: space-between; }
.react-datepicker-wrapper{width: 100%;}
.datafrminner{position: relative; width: 100%;}
.datafrminner .form-icon{color: #0C3155; z-index: 2; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.importedbadge{color: #00A84B; display: inline-flex; font-size: 13px; margin-top: -7px; align-self: flex-start; background-color: #E7FAEF; padding: 1px 10px; border-radius: 20px;}
.datafrm label.required{color: #717182;}
.datafrm .add-btn{color: #0C3155; font-weight: 500; transition: 0.3s ease-in-out;}
.datafrm .add-btn:hover{color: #a17d3a;}

.pricing-swiper {
  padding: 20px 0;
}

.pricing-swiper .swiper-slide {
  height: auto;
}

.pricing-swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
}

.pricing-swiper-prev,
.pricing-swiper-next {
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.pricing-swiper-prev.swiper-button-disabled,
.pricing-swiper-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.testimonial-swiper {
  padding: 20px 0;
}

.testimonial-swiper .swiper-slide {
  height: auto;
}
/* 
.testimonial-swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
} */

/* .testimonial-swiper-prev,
.testimonial-swiper-next {
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--theme-white);
  color: rgba(var(--primary), 1);
  
}

.testimonial-swiper-prev.swiper-button-disabled,
.testimonial-swiper-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
} */
.swiper .swiper-slide{display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto;}

.swiper-nav{display: flex; justify-content: space-between; pointer-events: none; position: absolute; z-index: 2; gap: 5px; top: 50%; left: -45px; margin-top: -35px; right: -45px; transform: translateY(-50%);}
.swiper-nav .swiper-button-next{pointer-events: all; position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 50px; height: 50px; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-dark-gray); color: var(--theme-paragraph); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-next:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-next:after{content: "\e902"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-next.swiper-button-disabled{pointer-events: none;}
.swiper-nav .swiper-button-prev{pointer-events: all; position: static; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0px; width: 50px; height: 50px; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-dark-gray); color: var(--theme-paragraph); background: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-prev:hover{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white);}
.swiper-nav .swiper-button-prev:after{content: "\e901"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-prev.swiper-button-disabled{pointer-events: none;}

@media screen and (min-width:1600px) {


}

@media (min-width: 1700px) and (max-width: 1799px) {

.hdercrch input[type="text"]{width: 470px;}
.adduser {padding: 0 45px;}
.cretecse {padding: 0 30px;}
.dashboardhder h1 {font-size: 27px;}


}

@media (min-width: 1600px) and (max-width: 1699px) {

.loginform {border-radius: 45px;padding: 70px 55px 40px;max-width: 760px;}
.loginfrminr {padding-top: 30px;}
.frmdatabtn {margin-top: 30px;}
.frmdata {margin-top: 27px;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
height: 80px;}
.frmdatabtn input[type="submit"]{height: 80px;}

.sidebar {max-width: 320px;}
.boardbody {margin-left: 320px;padding: 40px;}
.userprofle, .sidebar {padding: 50px 20px 50px 37px;}
.sidebaritem li a {font-size: 18px; line-height: 23px;}
.sidebaritem li.activeitm a, .sidebaritem li a:hover {padding-left: 30px;}
.sidebaritem li i {margin-right: 14px;}
.cuntingnmber h4 {font-size: 45px; line-height: 45px;}
.cuntingnmber span {font-size: 16px;line-height: 20px;}
.cuntingnmber {border-radius: 40px; min-height: 190px; padding: 18px 28px;}
.cuntingnmberinner{min-height: 110px;}
.casestable{border-radius: 40px;}
.cretecse, .adduser {padding: 0 30px;height: 60px;font-size: 17px;line-height: 22px;}
.notifiction .dropdown > button{width: 60px; height: 60px;}
.hdercrch input[type="text"] {height: 60px;width: 420px;font-size: 17px;line-height: 23px;padding: 0px 72px 0 30px;}
.hdercrch input[type="submit"] {width: 65px;}
.dashboardhder h1 {font-size: 25px;line-height: 30px;}

.dshboardwhtepnel{border-radius: 40px; padding: 35px;}
.pagerlink li {font-size: 18px;line-height: 23px;}
.dshboardcaseform h3, .notepnel h3, .topheading h2{font-size: 25px; line-height: 30px;}

.notepnel {border-radius: 40px;padding: 50px 44px;}
.notepnel li {font-size: 15px;line-height: 23px;margin: 0 0 15px;padding-left: 26px;}
.notepnel li::before{width: 19px; height: 19px; background-size: 19px;}
.notepnel ul {padding-top: 12px;}
.datafrmbtn button {height: 60px;min-width: 200px;font-size: 18px;line-height: 22px;}





}

@media only screen and (max-width: 1599px) {

.loginform {border-radius: 40px;padding: 60px 55px 35px;max-width: 700px;}
.loginlgo img{max-width: 250px;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
padding: 0 30px;height: 75px;font-size: 16px;line-height: 20px;}
.frmdata {margin-top: 25px;}
.loginfrminr {padding-top: 30px;}
.frmdatabtn input[type="submit"] {font-size: 17px;height: 75px;}
.frmdatalnks {margin-top: 38px;}
.frmdatalnks span {font-size: 17px;line-height: 23px;}

.userprofle, .sidebar {padding: 40px 15px 40px 30px;}
.sidebaritem li a {font-size: 17px;line-height: 23px;padding: 12px 14px 12px 0;}
.sidebaritem li i {margin-right: 14px;}
.sidebaritem li.activeitm a, .sidebaritem li a:hover {padding-left: 30px;}
.sdebarlgo {margin-bottom: 40px;}
.sdebarlgo img{max-width: 200px;}
.sidebar {max-width: 300px;}
.boardbody {padding: 30px; border-radius: 40px; margin-left: 300px;}
.casestable, .cuntingnmber {border-radius: 35px;}
.casestable{margin-top: 25px;padding: 30px;}
.dashboardhder {margin: 0 0 30px;}
.cretecse, .adduser {padding: 0 25px;height: 55px;font-size: 16px;line-height: 20px;}
.notifiction .dropdown > button{width: 55px; height: 55px;}
.dashboardhder h1 {font-size: 25px;line-height: 30px;}
.notifiction .dropdown-menu li a {font-size: 16px;line-height: 20px;padding: 6px;}
.hdercrch input[type="text"] {height: 55px;width: 360px;font-size: 17px;line-height: 20px;padding: 0 70px 0 28px;}
.hdercrch input[type="submit"]{width: 65px;}
.cuntingnmber h4 {font-size: 40px;line-height: 40px;margin: 0 0 8px;}
.cuntingnmber span {font-size: 16px;line-height: 20px;}
.cuntingnmber {min-height: 160px; padding: 17px 25px;}
.cuntingnmberinner{min-height: 110px;}
.notifiction .dropdown > button::before {top: 17px; right: 18px;}
.casesflter h2 {font-size: 25px; line-height: 30px;}
.filtersrch input[type="text"], .caseflter select {height: 55px;}
.casestablelist tr th {font-size: 16px;line-height: 20px;padding: 15px 0;}
.casestablelist tr td {font-size: 14px;line-height: 20px;padding: 20px 0;}
.prgresmsg, .pndngmsg, .cmpltemsg, .archvedmsg {font-size: 14px;}
.casestablelist tr td:first-child {font-size: 15px;line-height: 20px;}
.actindted .dropdown-menu {padding: 15px 14px;width: 115px;}
.sidebaritem {height: calc(100vh - 290px);}

.dshboardwhtepnel{border-radius: 35px; padding: 30px;}
.pagerlink li {font-size: 17px;line-height: 23px;}
.dshboardcaseform h3, .notepnel h3, .topheading h2{font-size: 25px; line-height: 30px;}
.datafrm {margin-top: 30px;}
.datafrm input[type="text"], .datafrm input[type="email"], .datafrm input[type="date"],
.datafrm input[type="number"], .datafrm input[type="tel"], .datafrm textarea, .datafrm select,
.datafrm input[type="password"] {
border-radius: 50px;padding: 0 20px 0 30px;height: 60px;}
.datafrmbtn input[type="submit"] {padding: 0 20px;min-width: 250px;font-size: 18px;line-height: 24px;height: 60px;}
.datafrm select, #datepicker{background-position: right 30px center;}

.notepnel {border-radius: 35px; padding: 45px 40px;}
.notepnel li {font-size: 15px;line-height: 23px;margin: 0 0 15px;padding-left: 26px;}
.notepnel li::before{width: 19px; height: 19px; background-size: 19px;}
.notepnel ul {padding-top: 12px;}
.datafrmbtn button {height: 60px;min-width: 200px;font-size: 18px;line-height: 22px;}

.profileinform {padding-top: 25px;}
.profileuser {width: 110px;height: 110px;margin-right: 30px;}
.prfletitle h3 {font-size: 25px;line-height: 30px;margin: 0 0 3px;}
.profileinfoicn p, .profileinfoicn h4 {font-size: 15px;}
.profilefrmpnel {padding: 24px 24px 40px 24px; border-radius: 35px;}


.icon-btn {height: 60px; width: 60px;}
.datafrm input[type="text"], .datafrm input[type="date"], .datafrm input[type="number"], .datafrm input[type="password"], .datafrm input[type="email"], .datafrm input[type="tel"],.datafrm input[type="image"] , .datafrm textarea, .datafrm select{font-size: 14px;padding: 0 15px 0 20px; height: 50px;}

.managementlist .media h3{font-size: 20px; line-height: 20px;}
.mnageuser {width: 67px;height: 67px;font-size: 20px;line-height: 20px;margin-right: 15px;}
.managementlist {border-radius: 25px;; padding: 15px 25px;}
.manageactin > span{font-size: 15px;}

.select-selected{font-size: 14px; padding: 0 15px 0 20px; height: 50px;}
.select-items div {padding: 7px 10px;font-size: 14px;}
.tab-header-box .tab-btn{font-size: 16px;}

}

@media only screen and (max-width: 1399px) {

.loginform {border-radius: 35px;padding: 50px 50px 35px;max-width: 650px;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
padding: 0 30px;height: 70px;font-size: 15px;line-height: 20px;}
.frmdatabtn input[type="submit"] {font-size: 16px;height: 70px;}
.frmdatalnks span {font-size: 16px;line-height: 22px;}
.frmdata {margin-top: 21px;}
.frmdatalnks {margin-top: 32px;}
.loginfrminr {padding-top: 26px;}

.userprofle, .sidebar {padding: 30px 14px 30px 20px;}
.sidebaritem li a {font-size: 15px;line-height: 20px;padding: 12px 13px 12px 0;}
.sidebaritem li i {margin-right: 10px;max-width: 22px;}
.sidebaritem li.activeitm a, .sidebaritem li a:hover {padding-left: 23px;}
.sidebar {max-width: 255px;}
.boardbody {padding: 25px;border-radius: 30px;margin-left: 255px; transition: all 0.3s ease-in-out;}
.userprofle .media figure {width: 70px;height: 70px;margin-right: 15px;}
.userprofle p {font-size: 13px;line-height: 17px;}
.userprofle h3 {font-size: 17px;line-height: 17px;margin: 0 0 5px;}
.userprofle p br{display: none;}
.casestable, .cuntingnmber {border-radius: 25px;}

.serchcrcle img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}
.cuntingnmber h4 {font-size: 34px;line-height: 34px;margin: 0 0 6px;}
.cuntingnmber span {font-size: 15px;line-height: 20px;}
.cuntingnmber {min-height: 140px;padding: 15px;}
.cuntingnmberinner{min-height: 110px;}
.casestable {margin-top: 20px;padding: 25px;}
.filtersrch input[type="text"], .caseflter select {height: 50px;}
.sidebaritem {height: calc(100vh - 250px);}

.dshboardwhtepnel {border-radius: 25px;padding: 24px;overflow-x: hidden;}
.datafrm input[type="text"], .datafrm input[type="date"], .datafrm input[type="number"], .datafrm input[type="email"], .datafrm input[type="tel"], .datafrm textarea, .datafrm select,
.datafrm input[type="password"] ,.datafrm input[type="image"] {
padding: 0 18px 0 22px;height: 50px;}
.datafrm select, #datepicker {background-position: right 24px center;}
.datafrm {margin-top: 25px;}
.datafrm label {font-size: 15px;line-height: 20px;margin-bottom: 8px;}
.datafrmbtn {margin-top: 30px;}
.datafrmbtn input[type="submit"] {min-width: 220px;font-size: 16px;line-height: 20px;height: 55px;}

.datafrmbtn button {height: 55px;min-width: 185px;font-size: 16px;line-height: 20px;}
.notepnel {border-radius: 25px;padding: 40px 35px;}

.dshboardwhtepnel.profilepnel {padding: 15px;}
.profilefrmpnel {padding: 20px;border-radius: 25px;}
.profileinform {padding-top: 15px;}
.profileuser {width: 105px;height: 105px;margin-right: 20px;}
.profilefrmlnk li button {font-size: 18px;line-height: 24px;height: 58px;min-width: 200px;}
.profilefrmtabopen {padding-top: 40px;}
.profilefrmhder h3{font-size: 25px; line-height: 30px; margin: 0 0 10px;}

.icon-btn {height: 55px; width: 55px;}
.select-selected::after {right: 23px;}
.cuntingnmber h5{font-size: 20px; line-height: 20px;}
.tab-header-box .tab-btn{font-size: 15px;}

.casetabnx h4{font-size: 22px; line-height: 26px;}
.casetabnx .importedlist .importedmediabx .importedmedia{min-width: 55px; max-width: 55px; height: 55px; font-size: 20px;}
.casetabnx .importedlist h5{font-size: 20px;}
.casetabnx .importedlistouter{max-height:450px;}
}

@media only screen and (max-width: 1199px) {

.boardbody {margin-left: 0;}
.sidebar {max-width: 250px; left: -270px; transition: all 0.3s ease-in-out; background: #0C3155;top: 0;}
.menuSdebar{display: inline-flex;}
.menuSdebar{max-width: 35px; margin-right: 20px;}
.opensdebar .sidebar{left: 0;}
.mnuoverly{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.75); z-index: 99;
opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
.opensdebar{overflow: hidden;}
.opensdebar .mnuoverly{opacity: 1; visibility: visible; left: 250px;}
.boardbody {padding: 15px; border-radius: 0;}
body {padding: 0;}
.dashboardSec{padding: 0px;}
.hdercrch{position: fixed; top: -100px; left: 265px; margin: 0; padding: 20px; background: #FFF; z-index: 9; right: 0;
transition: all 0.3s ease-in-out; border-radius: 0 0 0 30px;}
.hdercrch input[type="text"]{border: 1px solid #0C3155; width: 100%;}
.hdercrch input[type="submit"] {width: 70px;height: 55px;top: 20px;right: 20px;}
.srchopen .boardbody{margin-top: 95px;}
.serchcrcle{display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; background: #a17d3a;
border-radius: 100%; margin-right: 4px;}
.srchopen .hdercrch{top: 0;}
.hdercrch{padding: 15px; border-radius: 0; left: 0;}
.srchopen .boardbody {margin-top: 90px;}
.hdercrch input[type="submit"] {top: 15px;right: 15px;}

.notepnel {padding: 35px;}
.notepnel li {margin: 0 0 13px;padding-left: 25px;}
.notepnel ul {padding-top: 8px;}



}

@media only screen and (max-width: 991px) {

.loginform {border-radius: 28px;padding: 35px;max-width: 600px;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
height: 65px;}
.frmdatabtn input[type="submit"] {font-size: 15px;height: 66px;}

.casestablelist {overflow: auto; scrollbar-width: thin; scrollbar-color: #0d3963 #FFF;}
.casestablelist table {width: 1000px;}
.menuSdebar {max-width: 30px;margin-right: 15px;}
.cretecse i, .adduser i{display: none;}
.cretecse, .adduser {padding: 0 25px;height: 50px;font-size: 15px;line-height: 20px;}
.notifiction .dropdown > button, .serchcrcle {width: 50px;height: 50px;}

.notepnel {padding: 28px;}

.profilefrmtabopen {padding-top: 30px;}
.profilefrmpnel {padding: 15px;}
.profileinform .media-object{flex-wrap: wrap;}
.prfletitle{width: 100%; padding: 0 0 13px;}
.prfletitle br{display: none;}

.changerole .modal-body {padding: 15px;}
.changerolehdng h3 {font-size: 25px; line-height: 30px;}
.multi-select .select-box {border-radius: 10px;padding: 8px 15px;min-height: 60px;font-size: 14px;}
.dropdownitem li{font-size: 14px;}
.casetabnx .importedlist h5{flex-direction: column-reverse; gap: 4px; align-items: flex-start;}
.casetabnx .importedlist .importedmediabx{gap: 10px;}
.casetabnx{padding: 15px; border-radius: 20px; }
.casetabnx .importedlist{border-radius: 25px;}
.datafrmbtn button{min-width: 130px; height: 45px;}
.datafrmbtn{margin-top: 15px;}
}

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

.loginform {border-radius: 24px;padding: 30px;max-width: 550px;}
.loginlgo img {max-width: 215px;}
.loginfrminr {padding-top: 15px;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
height: 60px;}
.frmdatabtn input[type="submit"] {height: 60px;}

.cuntingdshbrd .row > div{width: 33.33%;}
.cuntingnmber{margin-top: 5px;}
.casestable, .cuntingnmber {border-radius: 20px;}
.casestable {padding: 20px;}
.casesflter {flex-direction: column;align-items: flex-start;}
.caseflter{width: 100%; padding: 10px 0 0;}
.dashboardhder h1{display: none;}

.dshboardwhtepnel {border-radius: 20px;padding: 20px;}
.datafrmbtn input[type="submit"] {min-width: 190px;font-size: 15px;line-height: 20px;height: 50px;}

.notepnel {padding: 25px;border-radius: 20px;}
.datafrmbtn button {height: 50px;min-width: 170px;font-size: 15px;line-height: 20px;}

.dshboardwhtepnel.profilepnel{border-radius: 20px; padding: 12px;}
.profileinform .media{flex-direction: column;}
.profileinform .media-object{padding-top: 15px;}
.profileuser{margin: 0;}
.profilefrmpnel {border-radius: 20px;}
.profilefrmlnk li button {font-size: 17px;line-height: 23px;height: 55px;min-width: 180px;}
.datafrm input[type="text"], .datafrm input[type="date"], .datafrm input[type="image"] , .datafrm input[type="number"], .datafrm input[type="password"], .datafrm input[type="email"], .datafrm input[type="tel"], .datafrm textarea, .datafrm select{padding: 0 15px 0 20px; height: 50px;}
.icon-btn {height: 50px;width: 45px;}
.icon-btn img{max-width: 14px;}

.managementlist {border-radius: 18px;padding: 15px;}
.mnageuser {width: 60px;height: 60px;font-size: 17px;line-height: 17px;margin-right: 14px;}
.manageactin .dropdown-toggle img{width: 22px;}
.manageactin > span {font-size: 14px;padding: 3px 5px;min-width: 70px;}

.tab-header-box .tab-btn{font-size: 14px;}
.casetabnx .import-btn{font-size: 13px;}
.casetabnx .importedlist h5{font-size: 18px;}
.casetabnx .importedlist .importedmediabx .importedmedia{min-width: 45px; max-width: 45px; height: 45px; font-size: 18px;}
.casetabnx .importedlist{padding-left: 35px;}
.casetabnx .importedlist .form-check{left: 12px;}

}

@media only screen and (max-width: 575px){
.loginform {border-radius: 18px;padding: 15px 15px 25px;max-width: 100%;}
.frmdata input[type="text"], .frmdata input[type="password"], .frmdata input[type="email"], .frmdata input[type="tel"] {
height: 54px;padding: 0 24px;}
.frmdata {margin-top: 15px;}
.frmdatabtn {margin-top: 22px;}
.frmdatabtn input[type="submit"] {font-size: 15px;height: 54px;}
.frmdatalnks {margin-top: 20px;}
.loginlgo img {max-width: 170px;}

.cuntingdshbrd .row > div{width: 50%;}
.casestable {padding: 15px;}
.casestable, .cuntingnmber {border-radius: 15px;}
.filtersrch input[type="text"]{width: 100%;}
.filtersrch{width: 100%;}
.caseflter select{width: 100%; margin-top: 7px;}

.datafrm {margin-top: 20px;}
.datafrm textarea {padding-top: 20px !important;border-radius: 15px !important;}
.dshboardwhtepnel {border-radius: 15px;padding: 15px;}
.datafrm input[type="text"], .datafrm input[type="date"], .datafrm input[type="number"], .datafrm input[type="email"],.datafrm input[type="image"] , .datafrm input[type="tel"], .datafrm textarea, .datafrm select,
.datafrm input[type="password"] {
padding: 0 15px 0 20px;height: 52px;font-size: 15px;}
.pagerlink li {font-size: 15px;line-height: 20px;}
.pagerlink ul{flex-wrap: wrap;}
.dshboardcaseform h3, .notepnel h3, .topheading h2{font-size: 22px;line-height: 27px;}

.notepnel {padding: 15px;border-radius: 15px;}
.notepnel li {margin: 0 0 10px;}
.datafrmbtn button {height: 45px;min-width: auto;padding: 0 30px;}

.profilefrmlnk li button{min-width: auto; padding: 0 35px;font-size: 16px;line-height: 20px;  height: 50px;}
.profilefrmhder h3 {font-size: 22px;line-height: 27px;margin: 0 0 7px;}

.caseflter .custom-select{width: 100%; margin-top: 7px; margin-left: 0;}
.caseflter{flex-wrap: wrap;}

.tab-header-box{overflow: auto;}
.tab-header-box .tab-btn{font-size: 13px; padding: 6px 10px; white-space: nowrap;}


}

@media only screen and (max-width: 480px){ 

.dashboardhder {margin: 0 0 25px; flex-wrap: wrap;}
.cretecse, .adduser {padding: 0 20px;height: 40px;font-size: 13px;line-height: 20px;}
.notifiction .dropdown > button, .serchcrcle {width: 40px;height: 40px;}
.notifiction .dropdown > button{padding: 11px;}
.notifiction .dropdown > button::before {top: 10px;right: 10px;}
.serchcrcle{padding: 10px;}
.hdercrch {padding: 10px;}
.hdercrch input[type="text"] {height: 50px;font-size: 15px;line-height: 20px;padding: 0 55px 0 25px;}
.hdercrch input[type="submit"] {top: 10px;right: 10px;height: 50px;width: 55px;}
.srchopen .boardbody {margin-top: 80px;}

.profilefrmlnk ul{border-radius: 25px;}
.datafrmbtn ul{justify-content: center; flex-wrap: wrap;}
.datafrmbtn li{margin: 0; padding: 4px;}

.managementlist {flex-direction: column; align-items: flex-start;}
.manageactin{padding: 12px 0 0;}


}

@media only screen and (max-width: 390px){

.cretecse, .adduser {padding: 0 15px;height: 35px;font-size: 12px;line-height: 17px;}
.notifiction .dropdown > button, .serchcrcle {width: 35px;height: 35px;}
.menuSdebar {max-width: 26px;margin-right: 10px;}
.boardbody {padding: 12px;}
.dashboardhderrght > button, .hdercrch {margin-right: 3px;}


}

.custom-file-upload {
  display: inline-block;
  margin-top: 8px;
}

.upload-btn {
  background-color: #004aad;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s ease;
}

.upload-btn:hover {
  background-color: #003b8a;
}

.file-list {
  margin-top: 10px;
  padding-left: 20px;
  list-style: disc;
  color: #333;
  font-size: 14px;
}



/* upload popup modal css by jahangir */ 
/* ============ Modal Overlay ============ */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* ============ Modal Container ============ */
.modal-container {
  background: #ffffff;
  width: 520px;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  animation: fadeIn 0.25s ease-out;
  font-family: system-ui, sans-serif;
}

/* ============ Header ============ */
.modal-header {
  padding: 24px 28px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header h2 {
  font-size: 1.35rem;
  font-weight: 600;
  color: #1c2434;
}

.close-btn {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 20px;
  cursor: pointer;
  color: #4d5562;
}

.close-btn:hover {
  color: #000;
}

/* ============ Body ============ */
.modal-body {
  padding: 0 28px 20px;
  text-align: center;
}

.upload-box {
  border: 2px dashed #d3d6dd;
  border-radius: 12px;
  padding: 40px 20px;
  background: #fafafa;
}

.upload-icon {
  font-size: 40px;
  margin-bottom: 12px;
  color: #3a73ff;
}

.upload-box h3 {
  font-size: 1.15rem;
  margin-bottom: 6px;
  color: #1c2434;
}

.upload-box p {
  font-size: 0.9rem;
  color: #6c7380;
  margin-bottom: 18px;
}

/* Browse button */
.browse-btn {
  display: inline-block;
  background: #ffffff;
  border: 1.5px solid #d0d4dd;
  padding: 10px 22px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.95rem;
  color: #1c2434;
  font-weight: 500;
}

.browse-btn:hover {
  background: #f4f5f7;
}

.supported-text {
  margin-top: 18px;
  color: #8a8f9b;
  font-size: 0.8rem;
}

/* ============ Footer ============ */
.modal-footer {
  padding: 18px 28px 26px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.cancel-btn {
  background: #ffffff;
  border: 1.5px solid #d0d4dd;
  padding: 10px 22px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.95rem;
  color: #1c2434;
}

.cancel-btn:hover {
  background: #f5f5f5;
}

.upload-btn {
  background: #0a2fff;
  color: white;
  border: none;
  padding: 10px 26px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 500;
}

.upload-btn:hover {
  background: #0024da;
}

/* ============ Animations ============ */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* ===== Uploaded Documents Section ===== */
.uploaded-documents-section {
  margin-top: 30px;
  font-family: system-ui, sans-serif;
}

.uploaded-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 2px;
  color: #1c2434;
}

.uploaded-subtitle {
  font-size: 0.88rem;
  margin-bottom: 18px;
  color: #6c7380;
}

/* ===== File List Container ===== */
.uploaded-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* ===== File Pill ===== */
.uploaded-file-pill {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 20px;
  width: 260px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  position: relative;
}

/* Icon Circle */
.pill-icon {
  width: 42px;
  height: 42px;
  background: #062f66;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 20px;
  margin-right: 14px;
}

.pill-content {
  flex-grow: 1;
}

.pill-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1c2434;
}

.pill-meta {
  font-size: 0.78rem;
  color: #6d7380;
  margin-top: 2px;
}

/* Remove (X) button */
.pill-remove {
  border: none;
  background: none;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  color: #4d5562;
  position: absolute;
  right: 12px;
  top: 8px;
}

.pill-remove:hover {
  color: #000;
}




/* Progress bar */
.step-progress-wrapper {
  width: 100%;
}

.step-progress {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-bottom: 4px;
}

.step-item {
  height: 6px;
  width: 100%;
  border-radius: 10px;
  background: #e1e8f0;
}

.step-item.active {
  background: #0C3155;
}

.step-label {
  font-size: 14px;
  color: #0C3155;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.10);
  white-space: nowrap;
  align-self: flex-start;
  padding: 1px 10px;
  border-radius: 30px;
}


/* Background overlay */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.50);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Modal Container */
.edit-juror-modal {
  width: 650px;
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);
  animation: fadeIn 0.2s ease-out;
}

/* Header */
.edit-juror-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.close-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

/* Tabs */
.tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

.tabs button {
  padding: 8px 14px;
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 500;
  color: #6b7280;
}

.tabs .active {
  color: #0C3155;
  border-bottom: 3px solid #0C3155;
}

/* Inputs */
.input-group {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

.input-group input,
.input-group textarea {
  border: 1px solid #d1d5db;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
}

/* Footer buttons */
.modal-footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.cancel-btn {
  background: #E5E7EB;
  padding: 8px 18px;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}

.save-btn {
  background: #0C3155;
  color: white;
  padding: 8px 18px;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}