body{
            background-color: #f3fafc;
            padding: 20px;
            font-family: "Poppins", sans-serif;
            color: #222;
            font-size: 14px;
        }
        a{
            color: #994f9a;
            text-decoration: none;
            font-weight: 700;
        }
        h1{
            font-weight: 700;
            font-size: 22px;
        }
        h2{
            font-weight: 700;
            font-size: 20px;
        }
        h3{
            font-weight: 700;
            font-size: 17px;
        }
        .purple{
            color: #994f9a;
        }
        .sidebar .card{
            height: calc( 100vh - 40px );
            background-color: #005d90;
        }
        .card{
            border: 0px;
            border-radius: 20px;
        }
        .card-header{
            border: 0px;
            background-color: transparent;
        }
        .card-footer{
            background-color: transparent;
            margin-right: 20px;
            margin-left: 20px;
            margin-bottom: 10px;
        }
        .table-backgrounded td:first-child{
            border-radius: 10px 0px 0px 10px;
        }
        .table-backgrounded td:last-child{
            border-radius: 0px 10px 10px 0px;
        }
        .table-backgrounded{
            border-spacing: 0 10px;
            border-collapse: separate;
        }
        .table-backgrounded td{
            background-color: #f5edf5;
            vertical-align: middle;
        }
        .table-backgrounded-version td:first-child{
            border-radius: 10px 0px 0px 10px;
        }
        .table-backgrounded-version td:last-child{
            border-radius: 0px 10px 10px 0px;
        }
        .table-backgrounded-version{
            border-spacing: 0 10px;
            border-collapse: separate;
        }
        .table-backgrounded-version td{
            background-color: #f5edf5;
            vertical-align: middle;
        }
        .table-backgrounded-version tr:first-child td{
            background-color: #994f9a;
            vertical-align: middle;
            color: #fff;
        }
        .table-backgrounded-version tr:first-child td a{
            color: #fff;
        }
        .table-backgrounded .fa-check, .table-backgrounded .fa-download, .fa-download{
            font-size: 20px;
            color: #32CD32;
        }
        .table-backgrounded .fa-times{
            font-size: 20px;
            color: #DC143C;
        }
        .table-backgrounded .fa-hourglass-start{
            font-size: 20px;
            color: #FFA500;
        }
        .table-backgrounded2 td:first-child{
            border-radius: 10px 0px 0px 10px;
        }
        .table-backgrounded2 td:last-child{
            border-radius: 0px 10px 10px 0px;
        }
        .table-backgrounded2{
            border-spacing: 0 10px;
            border-collapse: separate;
        }
        .table-backgrounded2 td{
            background-color: #efefef;
            vertical-align: middle;
        }
        .table-sm, .table-sm tr, .table-sm td{
            background-color: transparent!important;
        }
        .edit{
            width: 40px;
            height: 40px;
            font-size: 20px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            background-color: #994f9a;
            display: block;
            border-radius: 8px;
        }
        .button{
            transition: all 0.5s ease-in-out;
        }
        .button:hover{
            transform: scale(1.1, 1.1);
        }
        .date{
            font-size: 10px;
        }
        .activeusers{
            font-size: 18px;
        }
        .circleimage{
            width: 40px;
            height: 40px;
            border-radius: 40px;
            object-fit: cover;
            margin-top: -20px;
        }
        .userinfo{
            display: inline-block;
            text-align: left;
            padding-top: 10px;
        }
        .smaller{
            font-size: 10px;
            margin-top: -12px;
        }
        .navbar-nav a.active{
            color: #fff!important;
        }
        .navbar-nav a{
            font-size: 16px;
            color: #fff!important;
        }
        .navbar-nav i{
            width: 30px;
            display: inline-block;
        }
        .nav-title{
            color: #fff;
            margin-top: 40px;
            opacity: 0.4;
            display: block;
            font-size: 12px;
        }
        .logo{
            max-width: 200px;
        }
        button{
            padding: 0px;
            background-color: transparent;
            border: 0px;
            color: #994f9a;
        }
        .dragable{
            text-align: center;
            padding: 20px;
            border: 2px dashed #efefef;
            color: #994f9a;
        }
        .dragable i{
            font-size: 25px;
        }
        .modal-footer{
            padding-bottom: 0px;
        }
        .btn-primary{
            background-color: #994f9a!important;
            border: 0px;
            border-radius: 30px!important;
            font-size: 14px!important;
            padding: 10px!important;
        }
        .btn-secondary{
            background-color: #005d90!important;
            border: 0px;
            border-radius: 30px!important;
            font-size: 14px!important;
            padding: 10px!important;
        }
        .fc-event{
            background-color: #994f9a;
            border-color: #994f9a;
        }
        .fc-button-primary{
            background-color: #994f9a!important;
            border-color: #994f9a!important;
        }
        .fc-today {
            background-color: #f5edf5!important;
            border-radius: 5px;
        }
        .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
          background: #005d90;
        }
        .fc-popover {
            border-radius: 5px;
            overflow: hidden;
        }
        .committeeuser{
            padding: 5px;
            border-radius: 5px;
            font-size: 12px;
            background-color: #fff;
            margin-right: 5px;
        }
        .form-switch{
            float: right;
        }
        .form-switch .form-check-input{
            height: 20px;
            width: 30px;
        }
        input, select, textarea{
            font-size: 14px!important;
            border-radius: 20px!important;
            background-color: #f4f4f4!important;
            border: 0px!important;
            padding: 10px!important;
        }
.tab-pane{
    padding: 15px;
    border-radius: 15px;
}
.lightgreen{
    background-color: #ccf0ee;
}
.lightgreen input, .lightgreen select{
    background-color: #fff!important;
}
.table-rounded.lightgreen{
    background-color: #ccf0ee!important;
    border-radius: 10px;
}
.table-rounded.lightforest{
    background-color: #d3ebd4!important;
    border-radius: 10px;
}
.table-rounded td, .table-rounded th{
    background-color: transparent!important;
}
.nav-tabs{
    border: 0px;
}
.nav-tabs button{
    border: 0px;
    background-color: #f5edf5;
    color: #994f9a;
    border-radius: 10px!important;
    margin-right: 10px;
}
.nav-tabs button.active{
    border: 0px;
    background-color: #994f9a!important;
    color: #fff!important;
}
.form-label{
    margin-bottom: 5px;
    margin-top: 20px!important;
    font-size: 12px;
}
.fc-icon-x:before, .fc-icon-x{
    color: #fff!important;
}
#v-pills-tab .nav-link{
    border: 0px;
    background-color: #f5edf5;
    color: #994f9a;
    border-radius: 10px!important;
    margin-bottom: 10px;
    text-align: left;
    line-height: 25px;
}
#v-pills-tab .nav-link.active{
    border: 0px;
    background-color: #994f9a!important;
    color: #fff!important;
}
#v-pills-tab .nav-link .fa-pencil{
    float: right;
    color: #fff;
    background-color: #994f9a!important;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 20px;
}
.accordion-button{
    border: 0px!important;
    background-color: #f5edf5!important;
    color: #994f9a!important;
    border-radius: 10px!important;
    margin-bottom: 10px!important;
    text-align: left!important;
    line-height: 25px!important;
    box-shadow: none!important;
    padding: 9px!important;
    font-size: 14px!important;
}
.accordion-item{
    border: 0px!important;
}
.accordion-collapse{
    border-radius: 10px;
    margin-bottom: 10px;
}
.smalloverflow{
    max-height: 200px;
    overflow: auto;
    padding-right: 10px;
}