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

@font-face {
    font-family: 'montserrat_alternatessemibold';
    src: url('../fonts/montserratalternates-semibold-webfont.woff2') format('woff2'),
        url('../fonts/montserratalternates-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-regular-webfont.woff2') format('woff2'),
        url('../fonts/inter-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-medium-webfont.woff2') format('woff2'),
        url('../fonts/inter-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-semibold-webfont.woff2') format('woff2'),
        url('../fonts/inter-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter-bold-webfont.woff2') format('woff2'),
        url('../fonts/inter-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

:root {
    --green: #78D533;
    --darkgreen: #419800;
    --bggreen: #78D533;
    --lightgreen: #DDF4CC;
    --purple: #000;
    --lightpurple: #000;
    --yellow: #FFB400;
    --lightyellow: #FFF3D6;
    --red: #FF3E1D;
    --lightred: #FF7A77;
    --bred: #dd7171;
    --tred: #FF3E1D;
    --bgred: #FF3E1D;
    --greyy: #F4F5FA;
    --darkgreyy: #807E7E;
    --dgray: #6D6777;
    --lightgray: #F6F7FB;
    --pgray: #32475C;
    --plgray: #84919D;
    --bdgray: #D9D9D9;

}

.green {
    color: var(--green);
}

.green-bg {
    background-color: #7DC065;
}

.lgreen {
    background-color: var(--lightgreen);
}

.bggreen {
    background-color: var(--bggreen);
}

.lgreenn {
    background-color: #C7EDAB;
}

.yellow {
    color: var(--yellow);
}

.lyellow {
    background-color: var(--lightyellow);
}

.pgray {
    color: var(--pgray);
}

.pgray {
    color: var(--plgray);
}

.lred {
    background-color: var(--lightred);
}

.bred {
    background-color: var(--bred);
}

.bgred {
    background-color: var(--bgred);
}

.tred {
    color: var(--tred);
}

.lightpurple {
    background-color: var(--lightpurple);
}

.red {
    color: var(--red);
}

.dgray {
    color: var(--dgray);
}

.greyy {
    background-color: var(--greyy);
}

.darkgreyy {
    color: var(--darkgreyy);
}

.bdgray {
    background-color: var(--bdgray);
}

.lightgray {
    background-color: var(--lightgray);
}

.purple {
    background-color: var(--purple);
}
.purple-clrr{
    color: var(--purple);
}

body {
    font-family: 'inter';
}

.mycontainer {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.font-md {
    font-weight: 500;
}

.font-semi {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

textarea {
    resize: none;
}

.ex-small {
    font-size: 12px;
}

.object-cover {
    object-fit: cover;
}

.pointer {
    cursor: pointer;
}

.gradient {
    background: linear-gradient(to right, var(--purple), var(--purple));
}

.overflow-auto {
    overflow: auto;
}

.focus-none:focus {
    box-shadow: none;
    border: solid 1px #cdcdcd;
    outline: none;
}

.nowrap {
    text-wrap: nowrap !important;
}
.text-wrap {
    text-wrap: wrap !important;
}
.lbl {
    position: absolute;
    top: -12px;
    left: 23px;
    background-color: #fff;
    padding: 0 10px;
    color: #84919D;
}

.table-responsive .table {
    min-width: 995px;

}

.checkbox-wrapper-30 .checkbox {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
}

.checkbox-wrapper-30 .checkbox:after {
    content: "";
    width: 100%;
    padding-top: 100%;
    display: block;
}

.checkbox-wrapper-30 .checkbox>* {
    position: absolute;
}

.checkbox-wrapper-30 .checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: var(--bg);
    border-radius: calc(var(--size, 1) * 4px);
    border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
    color: var(--newBrdrClr, var(--brdr));
    outline: none;
    margin: 0;
    padding: 0;
    transition: all calc(var(--dur) / 3) linear;
}

.checkbox-wrapper-30 .checkbox input:hover,
.checkbox-wrapper-30 .checkbox input:checked {
    --newBrdr: calc(var(--size, 1) * 2);
}

.checkbox-wrapper-30 .checkbox input:hover {
    --newBrdrClr: var(--brdr-hovr);
}

.checkbox-wrapper-30 .checkbox input:checked {
    --newBrdrClr: var(--brdr-actv);
    transition-delay: calc(var(--dur) /1.3);
}

.checkbox-wrapper-30 .checkbox input:checked+svg {
    --dashArray: 16 93;
    --dashOffset: 109;
}

.checkbox-wrapper-30 .checkbox svg {
    fill: none;
    left: 0;
    pointer-events: none;
    stroke: var(--stroke, var(--border-active));
    stroke-dasharray: var(--dashArray, 93);
    stroke-dashoffset: var(--dashOffset, 94);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    top: 0;
    transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
}

.checkbox-wrapper-30 .checkbox svg,
.checkbox-wrapper-30 .checkbox input {
    display: block;
    height: 100%;
    width: 100%;
}

.fc .fc-button-primary {
    background-color: transparent !important;
    border: solid 1px #8A8D93 !important;
    color: #8A8D93;
}

.fc .fc-button-group>.fc-button.fc-button-active,
.fc .fc-button-group>.fc-button:active,
.fc .fc-button-group>.fc-button:focus,
.fc .fc-button-group>.fc-button:hover {
    color: var(--purple);
    box-shadow: none !important;
    outline: none !important;

}

.fc .fc-daygrid-day a {
    text-decoration: none !important;
    color: rgb(0, 0, 0) !important;

}

.fc-col-header-cell-cushion {
    text-decoration: none !important;
    color: rgb(0, 0, 0) !important;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    flex-wrap: wrap !important;

}

.fc-button-group {
    margin-top: 10px;
    width: 100% !important;
}

.fc-toolbar-title {
    text-align: center;
    margin-top: 10px !important;
    width: 100% !important;
}

.fc-col-header-cell {
    width: 100px;
}

.list ul::-webkit-scrollbar,
.dropdown-menu::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.profile-content::-webkit-scrollbar,
.content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.list ul::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.profile-content::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track {
    background: var(--purple);
    margin: 30px 0;

}

.dropdown-menu::-webkit-scrollbar-track{
    background: var(--purple);

}
.list ul::-webkit-scrollbar-thumb,
.dropdown-menu::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.profile-content::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb {
    background: #fff;
    border: solid 1px var(--purple);
}

.list ul::-webkit-scrollbar-thumb:hover,
.dropdown-menu::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover,
.profile-content::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.w-md-50 {
    width: 50%;
}

.exportlink {
    display: flex;
    align-items: center;
    border: solid 2px #8A8D93;
    border-radius: 10px;
    color: #8A8D93;
    text-decoration: none;
    background-color: transparent;
    padding: 5px 15px;
    width: max-content;
}

.login-section {
    height: 100dvh;
    width: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.log-main {
    height: calc(100dvh - 80px);
    width: calc(100% - 80px);
}

.nav-pills .nav-link.active {
    background-color: #000000;
}

.tblimg {
    object-fit: cover;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.tblvid{
    object-fit: cover;
    height: 200px;
    height: 150px;
    margin-right: 10px;
}
@media screen and (max-width:992px) {
    .w-md-50 {
        width: 100%;
    }

    .exportlink {
        width: 100%;
    }

    .fc .fc-view-harness {
        min-height: 650px !important;
        max-height: 650px !important;
    }
}

@media screen and (max-width:768px) {
    .main {
        position: relative;
    }

    .left {
        position: absolute;
        display: none;
    }

    .right {
        width: 100% !important;
    }

}

@media screen and (max-width:576px) {
    .log-main {
        height: calc(100dvh - 40px);
        width: calc(100% - 20px);

    }
}

@media screen and (max-width:480px) {
    .fc-toolbar-chunk {
        width: 100% !important;
    }

    .fc .fc-view-harness {
        min-height: 480px !important;
        max-height: 480px !important;
    }

}

@media screen and (max-width:355px) {
    .tblimg {
        display: none;
    }
}

@media screen and (min-width:769px) {
    .left {
        display: block !important;
    }
}