*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root {
    --text-grey: #626262;
}


body {
    background-color: #f9f9f9;
}

header.sidebar {
    position: fixed;
    width: 200px;
    height: 100vh;
    padding:10px;
    top: 0;
    left: 0;
    z-index:9999;
    background-color: white;
    border-right: 1px solid #d3d3d399;
    box-shadow: 0 0 8px #d3d3d399;
}

header.sidebar nav ul{
    list-style:none;
    padding:20px 0;
}

header.sidebar nav ul li i{
    font-size:20px;
}

header.sidebar nav ul li>a{
    color:var(--text-grey);
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
}

.registration-page, .success-page {
    max-width: 700px;
    padding: 30px;
    background-color: white;
    border: 1px solid #d3d3d399;
    border-radius: 15px;
    box-shadow: 0 0 8px #d3d3d399;
}

.registration-page .register-logo>img{
    max-width:70%;
}

.registration-page .event-image {
    background: white;
}

.registration-page .event-image img{
    width:100%;
}

.form-control {
    border-radius: 15px;
    padding: .715rem .75rem;
}

.form-group .iti {
    width: 100%;
}

.form-group i, .dashboard-page .filter-by-product i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    font-size: 20px;
    color: #808080;
}
.form-group select {
    width: 100%;
    border-radius: 15px;
    padding: .715rem .75rem;
    border: 1px solid #dee2e6;
    outline: none;
    appearance: none;
}

.form-group sup{
    color:red;
}

.form-group span.text-danger{
    display:none;
}

.form-group span.text-danger.field-validation-error {
    display:inline-block;
    margin-top: 2px;
}

.form-group .btn {
    padding: .715rem .75rem !important;
}

.success-page{
    max-width:500px;
}

.success-page i.fa-circle-check{
    font-size:50px;
    color:green;
    padding:5px;
    border-radius:50%;
    position:relative;
}

.success-page i.fa-circle-check::after{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    border-radius:50%;
    top:50%;
    left:50%;
    background-color:#00800040;
    transform:translate(-50%,-50%) scale(0);
    opacity:1;
    animation:checkblink 1s infinite linear;
}

@keyframes checkblink{
    to {
        transform: translate(-50%,-50%) scale(1.6);
        opacity: 0;
    }
}

.success-page img[alt='logo']{
    max-width:200px;
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
}

.success-page img[alt='logo']+div{
    margin-top:120px;
}

.success-page img[alt='plastindia'] {
    max-width: 400px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.dashboard-page{
    margin-left:200px;
    padding:20px;
}
.dashboard-page .reg-detail-card {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    padding: 15px;
    transition: all 0.3s ease-in;
}

.dashboard-page .reg-detail-card h5{
    color:var(--text-grey);
    margin:0;
}

.dashboard-page .reg-detail-card i, .venue-details i{
    margin-bottom:10px;
    padding:15px;
    font-size:23px;
    border-radius:8px;
    transition: all 0.3s ease-in;
}

.dashboard-page .reg-detail-card:hover, .dashboard-page .reg-detail-card:hover i{
    box-shadow: 0 0 8px #d3d3d399;
}

.dashboard-page .reg-detail-card i.fa-people-group {
    color:#0d6efd;
    background-color:#0d6efd20;
}

.dashboard-page .reg-detail-card i.fa-calendar{
    color:green;
    background-color:#90ee9061;
}

.dashboard-page .reg-detail-card i.fa-calendar-days{
    color:#ff9200;
    background-color:#ffae0036;
}

.dashboard-page .reg-detail-card i.fa-calendar-check{
    color:red;
    background-color:#ff000020;
}
.dashboard-page .filter-by-product{
    background-color:white;
    padding:20px;
/*    box-shadow: 0 0 8px #d3d3d399;*/
    border-radius:10px;
    border: 1px solid #dee2e6;
}

.dashboard-page .filter-by-product select{
    width:300px;
    border-radius: 10px;
    padding: .715rem .75rem;
    border: 1px solid #dee2e6;
    outline: none;
    appearance: none;
    background-color:#d3d3d321;
}

.dashboard-page .recent-registration table{
    border-radius:10px;
    overflow:hidden;
    width:100%;
}

.dashboard-page .recent-registration table th, .dashboard-page .recent-registration table td{
    padding:10px 10px;
}

.dashboard-page .recent-registration table td img{
    width: 50px;
    border-radius: 50%;
}

.dashboard-page .recent-registration table thead{
    background-color:#add8e654;
}
.dashboard-page .recent-registration table tbody{
    background-color:white;
}

.iti--separate-dial-code .iti__selected-flag{
    background-color:unset !important;
}


.venue-details {
    padding: 25px 20px 5px;
    border-top: 1px solid #dee2e6;
}

.venue-details i {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.venue-details i.fa-calendar, .venue-details i.fa-location-dot{
    color:#008b00;
    background-color:#0083002e;
}

.venue-details .stall-card{
    border-radius:10px;
    border: 1px solid #dee2e6;
    padding:15px;
    transition:all 0.2s ease-in;
}

.venue-details .stall-card:hover{
    background-color:#0083001a;
    border:1px solid #0083004d;
}

.venue-details .stall-card p{
    margin:0;
}

.venue-details .stall-card i{
    display:inline;
    padding:0;
    font-size:15px;
    width:unset;
    color:green;
    margin-right:5px;
}