@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
section,
div,
span,
a,
aside,
p,
strong,
header,
footer,
main,
article,
audio,
video,
bdi,
body,
ul,
li,
ol,
dl,
form,
input,
select,
button,
label,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
thead,
tbody {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    text-decoration: none;
    list-style: none;
}
body {
    color: #7C7C8D;
    font-size: 14px;
    background: #F1F1FF;
    font-family: 'Open Sans', sans-serif;
}
p {
    color: #7C7C8D;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #272848;
    font-weight: 600;
}
/*-- datatale css start here --*/
.dataTable {
    background: #fff;
    border: 1px solid #DADBFD;
    border-radius: 5px;
    color: #7C7C8D;
    min-width: 100%;
}
.pw-datatable table tr td {
    padding: 20px 25px;
    font-size: 14px;
    border-bottom: 1px solid #DADBFD;
    vertical-align: middle;
}
table.dataTable>thead>tr>th {
    padding: 20px 25px;
    color: #272848;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border-color: #DADBFD;
    border-bottom-width: 2px;
}
/*-- table action css start here --*/
.pw-action-dropdown button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #ffffff;
    border-color: #fff;
    box-shadow: none !important;
}
.pw-action-dropdown button:hover,
.pw-action-dropdown button:focus {
    background-color: #f1f1ff !important;
    border-color: #dadbfd !important;
}
.dropdown-item:focus svg path,
.dropdown-item:hover svg path {
    fill: #6d71f9;
}
.pw-action-dropdown .dropdown-toggle::after {
    display: none;
}
.dropdown-item {
    padding: 10px 25px;
    color: #7c7c8d;
    display: flex;
    justify-content: stretch;
    align-items: center;
}
.dropdown-item svg {
    margin-right: 10px;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background: #f1f1ff;
    color: #6d71f9;
}
a.dropdown-item.pw-logout {
    border-top: 1px solid #dadbfd;
}
table.dataTable tbody tr:hover {
    background: #F1F1FF;
    cursor: pointer;
}
/*-- table action css end here --*/
.dataTables_wrapper .dataTables_filter {
    display: flex;
    float: right;
    gap: 20px;
    align-items: center;
    padding: 0 0 20px;
}
.dataTables_filter label {
    display: flex;
    align-items: center;
    justify-content: end;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #dadbfd;
    border-radius: 3px;
    padding: 5px;
    background-color: #ffffff;
    margin-left: 0px;
    height: 40px;
    min-width: 250px;
}
.dataTables_length label {
    display: flex;
    align-items: center;
    color: #272848;
}
.dataTables_wrapper .dataTables_length select {
    margin: 0 10px;
    border: 1px solid #DADBFD;
    border-radius: 3px;
    padding: 7px 15px;
    min-width: 80px;
    height: 40px;
    background-color: #ffffff;
    color: #7C7C8D;
}
/* .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #7C7C8D !important;
  height: 30px;
  width: 30px;
  padding: 0;
  background: transparent !important;
  margin: 0 5px;
  border: none !important;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  background: #6D71F9 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #ffffff !important;
  background: #6D71F9 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover svg path {
  fill: #ffffff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  opacity: 0.5;
}
.dataTables_wrapper .dataTables_info {
  padding: 20px 0;
}
.dataTables_wrapper .dataTables_paginate {
  display: flex;
  align-items: center;
  padding: 20px 0;
} */
/*-- datatable pagination strucher update --*/
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button a {
    color: #7C7C8D !important;
    height: 30px;
    width: 30px;
    padding: 0;
    background: transparent !important;
    margin: 0 5px;
    border: none !important;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none !important;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.active a,
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.actie a:hover {
    color: #ffffff !important;
    background: #6D71F9 !important;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button a:hover {
    color: #ffffff !important;
    background: #6D71F9 !important;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button a:hover svg path {
    fill: #ffffff;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled a,
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled a:hover,
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled a:active {
    opacity: 0.5;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:active,
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.pw-datatable .dataTables_wrapper .dataTables_info {
    padding: 20px 0;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.pw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
}
/*-- datatable pagination strucher update  end--*/
table.dataTable.no-footer {
    border-bottom: none;
}
.dataTables_wrapper .dataTables_info {
    padding: 20px 0;
}
.pw-datatable .dt-button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700;
    color: #6D71F9 !important;
    text-transform: uppercase;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.pw-datatable .dt-button span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pw-datatable .dt-button span svg {
    max-height: 16px;
    max-width: 16px;
}
.pw-datatable .dt-button:hover {
    color: #4D51C0 !important;
}
.pw-datatable .dt-buttons {
    display: flex;
    gap: 20px;
    margin-left: 100px;
    height: 40px;
}
/*-- record table start here --*/
td.pc-recording-thumb img {
    max-width: 100px;
    border-radius: 10px;
}
td.pc-recording-thumb {
    position: relative;
}
td.pc-recording-thumb button.btn.btn-primary {
    position: absolute;
    left: 36%;
    top: 42%;
    border-radius: 50px;
    background: #fff !important;
    border: none !important;
    height: 35px;
    width: 35px;
    padding: 0 10px;
}
#recording-list td,
#selfMode-recordings-list td,
#snapshot-list td {
    vertical-align: top;
}
.assets-item-content ul.popup-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.assets-item img {
    border-radius: 10px;
}
/*-- record table end here --*/
table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
    border-color: #DADBFD;
    padding: 20px 25px;
    font-weight: 400;
}
.card.pc-admin-filter {
    margin-bottom: 20px;
}
/*-- datatble filter date picker css --*/
.datepicker {
    border: 1px solid #D0D1FD;
}
.datepicker>.datepicker_header {
    background-color: #e2f6ff;
    color: #7C7C8D;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table th {
    color: #7C7C8D;
    width: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td {
    color: #7C7C8D;
    font-size: 12px;
    padding: 6px;
    border: none;
    text-align: center;
    cursor: pointer;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.wday_sat {
    color: #6D71F9;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.wday_sat.day_in_past {
    color: #7C7C8D;
    opacity: 0.5;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.day_another_month {
    color: #7C7C8D;
    opacity: 0.5;
}
.datepicker>.datepicker_inner_container {
    border-top: none;
    box-shadow: none;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.day_in_past {
    color: #7c7c8d;
    opacity: 0.5;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar {
    background: #F1F1FF;
    border: none;
}
.datepicker>.datepicker_header>.icon-home>svg>g>path {
    fill: #ffffff !important;
}
.datepicker>.datepicker_header>a:hover {
    background: transparent;
}
.datepicker>.datepicker_header>a {
    color: #ffffff;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.active {
    background: #6D71F9;
    border: none;
    border-radius: 100px;
    color: #ffffff !important;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.wday_sun {
    color: #e13b00;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>table td.wday_sun.day_in_past {
    color: #7C7C8D;
    opacity: 0.5;
}
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.time_in_past {
    color: #7C7C8D;
    opacity: 0.5;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sun,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sat {
    font-weight: 600;
}
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.hover {
    background: #6D71F9;
    border-radius: 100px;
}
.datepicker>.datepicker_header {
    background-color: #6D71F9;
    color: #ffffff;
    padding: 10px 10px;
    font-size: 12px;
}
.datepicker>.datepicker_inner_container {
    border: #D0D1FD;
    box-shadow: none;
    background: #fff;
}
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.hover {
    color: #7C7C8D;
    background-color: #F1F1FF;
}
/*-- datatable filter date picker css --*/
div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
/*-- datatale css end here --*/
/*-- sidebar  start here --*/
/*!
 * Next Sidebar v1.0.1
 * A simple sidebar menu for your dashboard
 * Extension and easy to integrate with Bootstrap 4 - 5 and others front end framework.
 * License : MIT
 * Author : Nelh Amstrong (https://github.com/Nelh/)
 */
.container-wide {
    /* min-height: 100vh; */
    padding-left: 280px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    /* padding-top: 65px; */
}
@media screen and (min-width:1200px) {
    .container-wide {
        padding-left: 120px;
    }
}
@media screen and (max-width:991px) {
    .container-wide {
        padding-left: 0;
    }
}
.is-collapsed .container-wide {
    padding-left: 70px
}
@media screen and (min-width:992px) {
    .is-collapsed .container-wide {
        padding-left: 70px;
    }
}
.sidebar {
    bottom: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 280px;
    background-color: #ffffff;
    color: #fff;
    z-index: 8;
    top: 65px;
    border-right: 1px solid #D0D1FD;
}
.sidebar ul {
    list-style-type: none;
}
@media screen and (min-width:992px) {
    .sidebar {
        width: 120px;
    }
    .sidebar .sidebar-inner .sidebar-logo {
        padding: 30px 40px 0px 40px;
    }
    .sidebar .sidebar-inner .sidebar-logo .logo-sm {
        display: none;
    }
    .sidebar .sidebar-inner .sidebar-logo>a .logo {
        background-position: 0;
        width: 150px;
    }
    .sidebar .sidebar-inner .sidebar-menu>li>a .title {
        display: inline-block;
        /* vertical-align: middle; */
    }
    .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        opacity: 1;
        width: 24px;
        height: 24px;
        display: none;
    }
    .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
        display: block !important
    }
}
@media screen and (max-width:991px) {
    .sidebar {
        left: -280px;
        width: 250px;
    }
}
.sidebar-inner {
    position: relative;
    height: 100%;
}
.sidebar-logo {
    line-height: 0;
    padding: 30px 40px 0px 40px;
}
.sidebar-logo a {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.sidebar-logo a .logo {
    background-position: 0;
    background-repeat: no-repeat;
    display: inline-block;
    min-height: 64px;
    width: 90px;
}
.sidebar-logo a .logo img {
    width: 30px;
}
.sidebar-logo a .logo-text {
    min-height: 64px;
}
.sidebar-logo a .logo-text img {
    width: 120px;
}
.sidebar-logo .mobile-toggle {
    display: none;
    float: right;
    font-size: 18px;
    line-height: 64px;
}
.sidebar-logo .mobile-toggle a {
    color: #fff;
}
@media screen and (max-width:991px) {
    .sidebar-logo .mobile-toggle {
        display: inline-block;
    }
}
@media screen and (min-width:992px) {
    .sidebar-logo .mobile-toggle {
        display: none;
    }
}
.sidebar-menu {
    height: calc(100vh - 65px);
    list-style: none;
    margin: 0;
    overflow-y: visible;
    overflow-x: visible;
    padding: 0;
    /* position: relative; */
}
.sidebar-menu .dropdown-toggle:after {
    display: none;
}
.sidebar-menu .sidebar-link.actived:before {
    background: #0f9aee;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: -4px;
    position: absolute;
    top: calc(50% - 4px);
    width: 8px;
}
.sidebar-menu li {
    position: relative;
}
.sidebar-menu li.dropdown .arrow {
    font-size: 10px;
    line-height: 24px;
    position: absolute;
    right: 30px;
    -webkit-transition: all .05s ease-in;
    -o-transition: all .05s ease-in;
    transition: all .05s ease-in;
}
@media screen and (max-width:991px) {
    .sidebar-menu li.dropdown .arrow {
        right: 25px;
    }
}
.sidebar-menu li.dropdown.open>a {
    color: #6D71F9;
}
.sidebar-menu li.dropdown.open>a .icon-holder svg path {
    fill: #6d71f9;
}
.sidebar-menu li.dropdown.open>a .icon-holder {
    color: #6D71F9;
}
.sidebar-menu li.dropdown.open>a>.arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sidebar-menu li.dropdown.open>.dropdown-menu {
    display: block;
}
.sidebar-menu li.dropdown.open>.dropdown-menu .dropdown-menu {
    padding-left: 20px;
}
.sidebar-menu li.dropdown.open>.dropdown-menu .arrow {
    line-height: 25px;
}
.sidebar-menu li a {
    color: #7C7C8D;
    ;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sidebar-menu li a:focus,
.sidebar-menu li a:hover {
    color: #6D71F9;
    text-decoration: none;
    background-color: #F1F1FF;
    font-weight: 600;
    border-color: #6D71F9;
}
.sidebar-menu li a:hover svg path {
    fill: #6D71F9;
}
.sidebar-menu>li.dropdown ul.dropdown-menu {
    border-radius: 10px;
    border: 1px solid #DADBFD;
    background: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(124, 124, 141, 0.25);
    float: none;
    top: 0;
    left: 119px;
    padding: 0;
    /* position: relative; */
    width: 100%;
    /* bottom: 0; */
    min-width: 276px;
    overflow: hidden;
}
.sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
    display: block;
    padding: 15px 25px;
    font-size: 15px;
}
.sidebar-menu>li.dropdown ul.dropdown-menu>li>a:focus,
.sidebar-menu>li.dropdown ul.dropdown-menu>li>a:hover {
    background-color: #F1F1FF;
    ;
    color: #6D71F9;
}
.sidebar-menu>li.dropdown ul.dropdown-menu>li.actived a {
    color: #6D71F9;
}
.sidebar-menu>li>a {
    display: block;
    font-size: 15px;
    padding: 15px 20px;
    /* position: relative; */
    white-space: nowrap;
    text-align: center;
    border-left: 3px solid #ffffff;
}
.sidebar-menu>li>a .icon-holder {
    border-radius: 6px;
    display: flex;
    font-size: 17px;
    height: 24px;
    left: 0;
    line-height: 24px;
    margin-right: 14px;
    /* position: relative; */
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px;
    margin: 0 auto;
    margin-bottom: 5px;
}
@media screen and (min-width:992px) {
    .is-collapsed .sidebar {
        width: 90px;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
        padding: 0;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo .logo-sm {
        display: inline;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu {
        overflow-x: visible;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title {
        display: none;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu ul.dropdown-menu a.sidebar-link {
        display: none;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        opacity: 0;
    }
    .is-collapsed .sidebar:hover {
        width: 120px;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo {
        padding: 0 20px;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo .logo-sm {
        display: none;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu>li>a .title {
        display: inline-block;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu ul.dropdown-menu a.sidebar-link {
        display: block;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow {
        opacity: 1;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
        display: block !important;
    }
}
@media screen and (max-width:991px) {
    .is-collapsed .sidebar {
        width: 50%;
        left: 0;
    }
    .sidebar-menu>li>a .icon-holder {
        display: inline-block;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
        padding: 0 20px;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo .logo-sm {
        display: none;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo>a .logo {
        background-position: 0;
        width: 150px;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title {
        display: inline-block;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        opacity: 1;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
        display: block !important;
    }
    .sidebar-menu>li>a {
        text-align: left;
    }
    .sidebar-menu li {
        position: relative;
    }
}
/*-- customize css start here --*/
ul.sidebar-menu.scrollable::-webkit-scrollbar {
    width: 5px;
}
ul.sidebar-menu.scrollable::-webkit-scrollbar-track {
    background-color: #6D71F9;
}
ul.sidebar-menu.scrollable::-webkit-scrollbar-thumb {
    background-color: #F4F4F4;
}
.header .nav-link {
    display: inline-block;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    height: 40px;
    width: 40px;
    background: #6D71F9;
    border-radius: 5px;
    text-align: center;
}
.sidebar-menu li a.nav-link.active {
    color: #6D71F9;
    border-color: #6D71F9;
    font-weight: 600;
    background-color: #F1F1FF;
}
.sidebar-menu li a.nav-link.active svg path {
    fill: #6D71F9;
}
.sidebar-menu li:hover .dropdown-menu {
    display: block;
}
ul.sidebar-menu.bottom-menu {
    position: absolute;
    bottom: 0;
    height: auto;
    right: 0;
    left: 0;
    background: #fff;
}
ul.sidebar-menu.bottom-menu ul.dropdown-menu {
    top: auto;
    bottom: 5px;
}
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active{
    background-color: #7C7C8D;
}
@media screen and (max-width: 767px) {
    #sidebar-toggle {
        display: block !important;
    }
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        top: 15px;
        height: 30px;
        width: 30px;
        z-index: 9999;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 10px;
        border-radius: 3px;
        border: 1px solid #d0d1fd;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu {
        position: relative;
        border: none;
        box-shadow: none;
        border-radius: 0px;
        min-width: auto;
        left: 0;
        background: #f1f1ff;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
        padding: 8px 20px;
        padding-left: 49px;
    }
    .sidebar {
        top: 49px;
    }
    .is-collapsed .container-wide {
        padding-left: 0;
    }
    .sidebar-menu>li>a {
        font-size: 14px;
    }
}
/*--ipad css start here--*/
@media only screen and (min-width:768px) and (max-width:959px) {
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        top: 15px;
        height: 30px;
        width: 30px;
        z-index: 9999;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 10px;
        border-radius: 3px;
        border: 1px solid #d0d1fd;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu {
        position: relative;
        border: none;
        box-shadow: none;
        border-radius: 0px;
        min-width: auto;
        left: 0;
        background: #f1f1ff;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
        padding: 8px 20px;
        padding-left: 49px;
    }
    .sidebar {
        top: 60px;
    }
    .is-collapsed .container-wide {
        padding-left: 0;
    }
    .sidebar-menu>li>a {
        font-size: 14px;
    }
}
/*--ipad  pro css start here--*/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
        top: 15px;
        height: 30px;
        width: 30px;
        z-index: 9999;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 10px;
        border-radius: 3px;
        border: 1px solid #d0d1fd;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu {
        position: relative;
        border: none;
        box-shadow: none;
        border-radius: 0px;
        min-width: auto;
        left: 0;
        background: #f1f1ff;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
        padding: 8px 20px;
        padding-left: 49px;
    }
    .sidebar {
        top: 50px;
        width: 120px;
    }
    .sidebar-menu>li>a {
        font-size: 14px;
        padding: 12px 15px;
    }
    .is-collapsed .container-wide {
        padding-left: 0;
    }
    .container-wide {
        padding-top: 60px;
    }
    .sidebar-menu>li>a {
        font-size: 14px;
    }
    .container-wide {
        padding-left: 120px;
        padding-top: 0px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .sidebar {
        top: 55px;
    }
    .sidebar-menu>li>a {
        padding: 10px 15px;
    }
    .sidebar-menu>li>a {
        font-size: 14px;
        padding: 8px 10px;
    }
    .sidebar {
        width: 100px;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu {
        left: 100px;
        min-width: 200px;
    }
    .sidebar-menu .bottom-menu li.dropdown ul.dropdown-menu {
        top: auto;
    }
    .sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
        font-size: 14px;
        padding: 15px 21px;
    }
    .sidebar-menu>li>a .icon-holder {
        width: 20px;
        height: 20px;
    }
}
/*-- sidebar end here --*/
/*-- header  start here --*/
header {
    background: #6d71f9;
    justify-content: space-between;
    display: flex;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    align-items: center;
    z-index: 8;
    padding: 15px 20px;
}
.logo img {
    max-height: 35px;
    max-width: 130px;
}
.header-right button::after {
    display: none;
}
.header-right {
    display: flex;
    position: relative;
}
.pw-profile-dropdown button {
    height: 35px;
    width: 35px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #ffffff;
    color: #6d71f9;
    font-weight: 700;
    border-color: #ffffff;
    box-shadow: none !important;
}
.pw-profile-dropdown button:hover,
.pw-profile-dropdown button:focus {
    background-color: #dadbfd;
    color: #6d71f9;
    border-color: #dadbfd;
}
.profile {
    display: flex;
    padding: 10px 20px 20px 25px;
    align-items: center;
    border-bottom: 1px solid #dadbfd;
}
.pw-profile-dropdown .dropdown-item {
    justify-content: start;
}
span.pc-badge {
    background: #f1f1ff;
    border-color: #dadbfd;
    color: #6d71f9;
    border-radius: 100px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-right: 15px;
}
.pw-profile-dropdown h5 {
    font-size: 16px;
    color: #272848;
    line-height: 21px;
}
.pw-profile-dropdown h5 span {
    font-size: 15px;
    color: #7c7c8d;
    display: flex;
    font-weight: 400;
}
.pw-profile-dropdown .dropdown-menu {
    min-width: 278px;
}
.dropdown-menu {
    border-radius: 10px;
    border: 1px solid #dadbfd;
    background: #fff;
    box-shadow: 2px 2px 10px 0px rgba(124, 124, 141, 0.25);
}
.pw-notification-dropdown button {
    height: 35px;
    width: 35px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background: none;
    border: none;
    font-weight: 700;
    border-color: #ffffff;
    box-shadow: none !important;
}
.pw-notification-dropdown button:hover {
    background: none;
}
.pw-notification-dropdown {
    margin-right: 15px;
}
/*-- headre end here --*/
/*-- button css start here--*/
.btn.btn-primary {
    padding: 0;
    background: transparent !important;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #6D71F9;
    text-transform: uppercase;
    margin: 0;
}
.btn.btn-primary:hover {
    color: #4D51C0;
}
.btn.btn-primary:hover svg path {
    fill: #4D51C0;
}
.btn.btn-primary:focus {
    box-shadow: none;
}
.btn.btn-primary.btn-light {
    color: #7C7C8D;
}
.btn.btn-primary.btn-light:hover {
    color: #6D71F9;
}
.btn.btn-primary.btn-light:hover svg path {
    fill: #6D71F9;
}
button.btn.btn-primary.btn-red {
    color: #E74C3C;
}
button.btn.btn-primary.btn-red:hover {
    color: #c0392b;
}
.pw-upload-process button.btn.btn-primary.btn-red {
    display: inline-flex;
}
/*-- button css end here--*/
/*-- form css start here --*/
.pc-form label {
    margin-bottom: 5px;
    font-size: 14px;
    color: #7C7C8D;
    width: 100%;
}
.pc-form .form-control {
    background: #F1F1FF;
    border-color: #DADBFD;
    height: 40px;
    font-size: 14px;
}
.pc-form .pc-disable {
    background: #DADBFD;
}
.pc-form .form-control:focus {
    background-color: #ffffff;
    box-shadow: none !important;
    border-color: #6D71F9 !important;
}
.pc-form label span {
    color: #272848;
    font-family: 'segoe_uibold';
}
.pc-form .pc-form-answer label span {
    color: #6D71F9;
}
.pc-form .form-group .pc-action-button {
    position: absolute;
    bottom: 0;
    right: 13px;
    height: 40px;
    width: 40px;
}
.pw-answer-check {
    gap: 30px;
    margin-top: 15px;
}
.pw-answer-check .form-check-input {
    width: 20px;
    height: 20px;
    border-color: #DADBFD;
}
.pc-form .pw-answer-check label.form-check-label {
    margin-bottom: 0 !important;
}
.pw-answer-check .form-check {
    padding-left: 0;
    display: flex;
    justify-content: st;
    align-items: center;
    gap: 10px;
}
.pw-answer-check .form-check-input {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-color: #DADBFD;
    margin-left: 0;
    margin-top: 0;
    box-shadow: none;
}
.pw-answer-check .form-check-input:checked {
    background-color: #6D71F9;
    border-color: #6D71F9;
}
.pc-form textarea.form-control {
    height: 80px;
    resize: none;
}
/*-- select 2 single start here --*/
.ng-select.ng-select-single .ng-select-container {
    height: 40px;
    background: #F1F1FF;
    border-color: #DADBFD;
}
.ng-dropdown-panel.ng-select-bottom {
    border-color: #DADBFD;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #F1F1FF;
    color: #6D71F9;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    background-color: #F1F1FF;
    color: #6D71F9;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    color: #7C7C8D;
    font-size: 14px;
}
.ng-select .ng-select-container .ng-value-container {
    font-size: 14px;
}
/*-- select 2 single  end here --*/
/*-- select 2 multiple start here --*/
.ng-select .ng-select-container {
    background: #F1F1FF;
    border-color: #DADBFD;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #7C7C8D;
}
.ng-select.ng-select-opened>.ng-select-container {
    border-color: #DADBFD;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background: #ffffff;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #DADBFD;
    overflow: hidden;
    color: #272848;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    padding: 2px 7px;
    border-right-color: #DADBFD;
    color: #E74C3C;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 2px 10px;
}
.ng-select .ng-clear-wrapper .ng-clear {
    font-size: 22px;
    color: #E74C3C;
}
/*-- select 2 multiple end here --*/
.select2-container--default .select2-selection--single {
    background: #f1f1ff;
    border-color: #DADBFD;
    height: 40px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 5px;
    padding-left: 15px;
    color: #272848;
}
.pw-input-action {
    position: absolute;
    top: 7px;
    right: 10px;
}
.pw-multiplechoice-colum .pw-input-action {
    opacity: 0;
}
.pw-multiplechoice-colum:hover .pw-input-action {
    opacity: 1;
}
.pw-dropdown-colum .pw-input-action {
    opacity: 0;
}
.pw-dropdown-colum:hover .pw-input-action {
    opacity: 1;
}
.pw-label-bold {
    font-family: 'segoe_uisemibold';
    color: #272848;
}
.pc-form label span {
    color: #E74C3C;
}
.pc-form-heading h4 {
    font-size: 18px;
}
.pc-form-heading {
    margin: 20px 0;
}
.pc-form-heading .nav-pills {
    border-bottom: 1px solid #DADBFD;
    padding-bottom: 20px;
}
/*--form css end here--*/
.search-box form .form-control {
    width: 320px;
    float: left;
    margin-right: 0px;
    margin-bottom: 0 !important;
    padding-right: 50px;
    height: 40px;
}
.gallery-box {
    border: 1px solid #DADBFD;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 35px;
    padding: 15px;
    gap: 15px;
}
img {
    max-width: 100%;
}
.gallery-box .img-box img {
    width: 100%;
    height: 145px;
    object-fit: cover;
    border-radius: 5px;
}
.date-line {
    position: relative;
    margin: 36px 0;
}
.date-line span {
    font-size: 14px;
    font-weight: 600;
    color: #272848;
}
.date-line::after {
    content: "";
    position: absolute;
    left: 90px;
    right: 0;
    width: auto;
    height: 1px;
    background: #DADBFD;
    top: 10px;
}
.data-details {
    gap: 10px;
}
.data-details ul {
    gap: 10px;
}
.data-details ul.pw-tags li {
    height: 30px;
    display: flex;
    padding: 5px 15px;
    background: #F1F1FF;
    border-radius: 5px;
    color: #6D71F9;
    font-size: 14px;
    align-items: center;
    border: 1px solid #DADBFD;
    font-weight: 400;
}
.data-details h5 {
    font-size: 15px;
    font-weight: 600;
}
/*-- dashboard  start here --*/
#sidebar-toggle {
    display: none;
}
.pc-device-err {
    margin: 0 0 20px;
    border: 1px solid #D0D1FD;
    font-weight: 500;
    background: #ffffff;
}
.warpper {
    padding-top: 30px;
    padding-bottom: 30px;
}
.card-body {
    padding: 25px;
}
.card-box.call-part {
    position: relative;
}
.card-box.call-part h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 5px;
}
.card-box.call-part p {
    margin: 0 0 15px;
}
.card-box.call-part span {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F1FF;
    border-radius: 100px;
    position: absolute;
    right: 30px;
    top: 30px;
}
.card {
    border-color: #D0D1FD;
    border-radius: 5px;
}
.session-detail-history {
    position: relative;
}
.nav-tabs {
    border-bottom: 1px solid #D0D1FD;
}
.session-detail-history .nav-tabs .nav-item .nav-link.active {
    color: #6D71F9;
    border-color: #6D71F9;
}
.pc-dashboard-tabs .session-detail-history .nav-tabs .nav-item .nav-link {
    padding-top: 0px;
}
.session-detail-history .nav-tabs .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid #ffffff;
    padding: 10px 0;
    margin-right: 25px;
    margin-bottom: 0px;
    color: #7C7C8D;
    font-weight: 600;
    font-size: 15px;
}
.session-detail-history.gallery-list .nav-tabs .nav-item .nav-link {
    padding-top: 0;
}
.pc-dashboard-tabs {
    margin-top: 25px;
}
.session-detail-history div.dataTables_wrapper div.dataTables_filter {
    font-size: 0px;
    padding: 10px 0;
    width: 100%;
}
.session-detail-history div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
    display: flex;
    justify-content: end;
}
.session-detail-history div.dataTables_wrapper div.dataTables_filter input {
    font-size: 14px;
}
a.custom-search-btn {
    background: #6D71F9;
    height: 40px;
    display: flex;
    width: 40px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    right: 0;
    z-index: 7;
    margin-left: -5px;
}
.home-coman-table .user-img {
    float: left;
    background: #F1F1FF;
    padding: 12px 0;
    border-radius: 50px;
    margin-right: 15px;
    font-weight: 700;
    height: 45px;
    width: 45px;
    text-align: center;
    position: relative;
    border: 1px solid #DADBFD;
    color: #272848;
}
.home-coman-table .user-name {
    margin-right: 50px;
    float: left;
    font-weight: 600;
    padding: 0;
    min-width: 220px;
    text-align: left;
    padding: 3px 0;
}
.home-coman-table .user-name span {
    font-weight: 400;
    margin-top: 0;
    color: #7C7C8D;
    margin-left: 0;
    display: block;
}
.home-coman-table .user-name h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
.pc-dashboard-tabs .home-coman-table td {
    border-width: 1px 0px 0px 0px !important;
    border-color: #dadbfd;
    padding: 15px 0;
    border-style: solid;
    vertical-align: middle;
}
.pc-dashboard-tabs table.dataTable tbody tr {
    background: transparent;
}
.pc-dashboard-tabs .dataTable {
    border: none;
}
.pc-dashboard-tabs .date {
    gap: 10px;
}
.pc-dashboard-tabs .date svg {
    width: 18px;
    height: 18px;
}
#contact .action-btn {
    float: right;
}
.action-btn ul li {
    display: inline-block;
    margin-right: 20px;
}
.action-btn ul li svg {
    width: 20px;
    height: 20px;
}
.schedule-filter {
    position: absolute;
    z-index: 7;
    left: 0;
    padding: 10px 0;
}
.schedule-tabing {
    display: flex;
    border: 1px solid #D0D1FD;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
}
.schedule-tab.active {
    background: #6D71F9;
    color: #fff;
}
.schedule-tab {
    height: 30px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 600;
    color: #7C7C8D;
    font-size: 13px;
    background: #fff;
}
table.schedule-tabel p {
    font-weight: 400;
    margin-top: 5px;
    width: 100%;
}
.user-list ul li {
    display: inline-block;
    background: #f1f1ff;
    border: 1px solid #D0D1FD;
    border-radius: 100%;
    font-size: 14px;
    padding: 10px 0;
    font-weight: 500;
    color: #272848;
    height: 40px;
    width: 40px;
    margin-left: -12px;
    line-height: 18px;
    text-align: center;
    position: relative;
}
table.schedule-tabel .user-name p span {
    display: inline-block;
    font-weight: 600;
}
.user-list ul li span {
    background: #6D71F9;
    color: #fff;
    position: absolute;
    z-index: 7;
    top: -4px;
    right: 2px;
    font-size: 12px;
    text-transform: uppercase;
    height: 16px;
    width: 15px;
    border-radius: 15px;
}
.action-btn {
    text-align: right;
}
.pc-card-heading {
    margin-bottom: 20px;
}
.pc-card-heading-letf {
    gap: 15px;
}
.pc-card-heading h4 {
    font-size: 20px;
    font-weight: 600;
}
.pc-card-heading-letf ul {
    gap: 10px;
}
.pc-card-heading-right {
    gap: 20px;
}
.pc-dates.d-flex {
    min-width: 175px;
}
.pc-dashboard .select2-container {
    width: auto !important;
    z-index: 7 !important;
}
.pc-dashboard .select2-container .select2-selection--single {
    height: 30px;
    background: #f1f1ff;
    border: 1px solid #D0D1FD;
}
.pc-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    padding-left: 10px;
}
.pc-data-card {
    background: #f1f1ff;
    border: 1px solid #D0D1FD;
    padding: 30px;
    border-radius: 10px;
    gap: 10px;
    margin-bottom: 30px;
}
.pc-data-card p {
    font-weight: 600;
    font-size: 15px;
}
.pc-dashboard .pc-table h5 {
    font-size: 18px;
    font-weight: 600;
    color: #272848;
}
.pc-data-card h3 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.pc-dashboard .pc-table .dataTables_filter h5 {
    font-size: 18px;
    font-weight: 600;
}
.pc-dashboard.pc-planning .dataTables_wrapper .dataTables_filter {
    width: 100%;
    border: none;
}
.pc-dashboard.pc-planning .dataTables_scrollHeadInner table {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pc-dashboard.pc-planning .dataTables_scrollBody table {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.pc-dashboard .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
    right: 1px;
}
.pc-adoption-list {
    gap: 20px;
    margin: 20px 0;
}
.pc-adoption-column {
    border-bottom: 1px solid #D0D1FD;
    padding-bottom: 15px;
}
.pc-adoption-column-left {
    gap: 15px;
}
.pc-adoption-column span {
    background: #f1f1ff;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    border: 1px solid #D0D1FD;
    font-size: 15px;
    font-weight: 600;
}
.pc-adoption-column-name {
    gap: 3px;
}
.pc-adoption-column-name h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.pc-adoption-column-name ul li {
    color: #7C7C8D;
}
.pc-adoption-column-right h6 {
    font-size: 16px;
    color: #6D71F9;
    font-weight: 700;
}
.pc-adoption-column:last-child {
    border: none;
    padding: 0;
}
/*-- dashboard  end here --*/
aside.gallery-img {
    min-width: 258px;
}
.gallery-modal .modal-body {
    gap: 30PX;
}
.gallery-modal .participate {
    text-align: left;
    margin-bottom: 30px;
}
.gallery-modal h5 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}
.gallery-modal .participate ul li {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    font-size: 14px;
}
.gallery-modal .participate ul li p {
    font-weight: 400;
}
.gallery-category ul li {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 25px;
    width: 50%;
    float: left;
}
.gallery-category ul li span {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    color: #272848;
}
.tags {
    text-align: left;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.descriptions p {
    word-break: break-all;
}
.descriptions {
    text-align: left;
}
.gallery-modal .image-box img {
    max-width: 100%;
    border-radius: 10px;
}
.pc-admin-btns {
    gap: 40px;
    margin-top: 25px;
}
/*-- admin page start here --*/
.pc-admin h3 {
    font-size: 16px;
}
.card-header {
    padding: 20px 25px;
    background: #ffffff;
    border-color: #DADBFD;
}
.flag-width {
    height: auto;
    width: 20px;
}
.custom-phonenumber .phone-country-code span.select2.select2-container.select2-container--default {
    position: absolute;
    right: auto;
    left: 12px;
    width: auto !important;
    top: 26px;
    bottom: auto;
}
.custom-phonenumber .phone-country-code .select2-container--default .select2-selection--single {
    height: 40px !important;
    background: #f1f1ff !important;
    border-color: #D0D1FD !important;
}
.custom-phonenumber .phone-country-code .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    font-weight: 600;
    color: #7C7C8D;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-left: 10px;
}
.password-genrates {
    position: absolute;
    gap: 15px;
    right: 25px;
    bottom: 10px;
}
.password-genrates a i {
    color: #6D71F9;
}
.custom-phonenumber .phone-country-code input#mobile_no,
.custom-phonenumber .phone-country-code input#cont_no {
    padding-left: 98px;
}
.custom-phonenumber .phone-country-code .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}
.pc-answer-check .form-check {
    padding-left: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}
.pc-answer-check .form-check-input {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-color: #DADBFD;
    margin-left: 0;
    margin-top: 0;
    box-shadow: none;
}
.pc-form.pc-invite-user-model .pc-answer-check {
    margin-bottom: 15px;
}
.pc-form.pc-invite-user-model.custom-phonenumber .phone-country-code .select2.select2-container {
    left: 0;
}
span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999 !important;
}
.pc-form .pc-answer-check label.form-check-label {
    margin-bottom: 0 !important;
    color: #7C7C8D;
}
.pc-form.pc-invite-user-model img.flag{
    height: 20px;
    width: 20px;
}
.form-check-input:checked {
    background-color: #6D71F9;
    border-color: #6D71F9;
}
.pc-answer-check {
    gap: 30px;
}
.pc-form .error {
    color: #f56868;
    font-weight: normal;
}
.pc-admin-radio-button {
    gap: 30px;
}
.filter-btn {
    vertical-align: middle;
}
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-right: 30px;
    margin-top: 4px;
}
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.filter-btn label.container-checkbox input:checked~.checkmark {
    background-color: #6D71F9 !important;
    border-color: #6D71F9;
}
.container-checkbox input:checked~.checkmark:after {
    display: block;
}
.container-checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-checkbox .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #6D71F9;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff !important;
    border-radius: 4px;
    border: 1px solid #d0d1fd;
}
.pc-admin-filter-datepicker {
    display: flex;
    gap: 20px;
}
.pc-admin-filter-datepicker .form-group {
    width: 50%;
}
.pc-admin-radio-button {
    gap: 5px;
}
.pc-admin-filter-btn {
    padding-top: 30px;
}
/*-- admin page end here --*/
/*-- chat  start here --*/
.app.chat-box.card {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: 90vh;
    margin: 0 auto;
    overflow: hidden;
}
/*--chat css start here --*/
.chat-list-header {
    position: sticky;
    top: 0;
    background: #ffff;
    border-bottom: 1px solid #D0D1FD;
    z-index: 5;
}
.card-box.chat-box .app {
    max-width: 100%;
    border-radius: 10px;
}
.chat-list-header ul {
    padding: 25px 25px 0 25px;
    border-bottom: 1px solid #D0D1FD;
}
.chat-list-header ul li {
    display: inline-block;
    margin-right: 20px;
}
.app.chat-box .chat-list-header .form-group input {
    height: 40px;
    background: #f1f1ff;
    border: 1px solid #D0D1FD;
    width: 100%;
    border-radius: 5px;
    padding: 10px 20px;
}
.app.chat-box .chat-list-header .form-group {
    padding: 15px 25px;
    display: flex;
}
.chat-list-header ul li a {
    font-size: 15px;
    color: #7c7c8d;
    font-weight: 600;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 10px;
    display: inline-block;
    padding-bottom: 10px;
}
.chat-list-header ul li a.active {
    border-color: #6D71F9;
    color: #6D71F9;
}
.wrapper {
    width: 100%;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
}
.chat-area {
    flex-grow: 1;
}
.user-profile {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.conversation-area {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 30%;
    border-right: 1px solid #D0D1FD;
}
.msg-profile {
    height: 44px;
    border-radius: 50%;
    margin-right: 15px;
    background: #f1f1ff;
    text-align: center;
    padding: 11px 0;
    font-weight: 700;
    min-width: 44px;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #D0D1FD;
}
.msg-profile span {
    position: absolute;
    padding: 0;
    height: 10px;
    width: 10px;
    border-radius: 100px;
    right: 2px;
    top: 2px;
    display: inline-block !important;
}
.chat-msg span.user-name::before {
    content: "";
    height: 7px;
    width: 7px;
    background: #6D71F9;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 4px;
}
.chat-msg span.user-name {
    padding-left: 14px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
}
.chat-msg.owner span::before {
    background: #6D71F9;
}
.msg {
    display: flex;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    transition: 0.2s;
    position: relative;
    border-bottom: 1px solid #D0D1FD;
}
.msg:hover {
    background-color: #f1f1ff;
}
.chat-area .msg:hover {
    background: transparent;
}
.chat-area .msg:hover .msg-profile {
    background-color: #D0D1FD;
}
.msg:hover .msg-profile {
    background-color: #ffffff;
}
.chat-area .msg.online:before {
    left: 40px;
    bottom: 3px;
}
.msg-username {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}
.msg-detail {
    overflow: hidden;
    width: 100%;
}
.msg-content {
    font-weight: 500;
    font-size: 13px;
    display: flex;
}
.msg-content span {
    color: #7C7C8D;
}
.msg-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-area {
    display: flex;
    flex-direction: column;
    width: 75%;
    position: relative;
}
.chat-area-header {
    display: flex;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #ffffff;
}
.conversation-area::-webkit-scrollbar {
    width: 3px;
}
.conversation-area::-webkit-scrollbar-track {
    box-shadow: none;
}
.conversation-area::-webkit-scrollbar-thumb {
    background-color: #6D71F9;
}
.chat-area::-webkit-scrollbar {
    width: 3px;
}
.chat-area::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #f1f1ff;
}
.chat-area::-webkit-scrollbar-thumb {
    background-color: #6D71F9;
}
.chat-area-profile {
    width: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.chat-area-title {
    font-size: 18px;
    font-weight: 600;
}
.chat-area-main {
    flex-grow: 1;
    padding: 15px 0;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}
.chat-area-main::-webkit-scrollbar {
    width: 3px;
}
.chat-area-main::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #f1f1ff;
}
.chat-area-main::-webkit-scrollbar-thumb {
    background-color: #6D71F9;
}
.chat-msg-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.chat-msg-profile {
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: -20px;
    position: relative;
}
.chat-msg-time {
    font-size: 12px;
    font-weight: 500;
}
.chat-msg {
    display: flex;
    padding: 0 15px 10px;
}
.chat-msg-content {
    margin-left: 12px;
    max-width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.chat-msg-status {
    display: inline-block;
    margin-left: 5px;
}
.chat-msg-time span.v-time-ago__text {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    float: right;
    display: inline-block;
    color: #7C7C8D;
    width: auto;
}
.chat-msg-text {
    color: #7C7C8D;
}
.chat-modal iframe {
    width: 100%;
}
.owner {
    flex-direction: row-reverse;
}
.owner .chat-msg-content {
    margin-left: 0;
    margin-right: 12px;
    align-items: flex-end;
}
.owner .chat-message-bubble {
    background-color: #6D71F9;
    color: #fff;
    border-radius: 20px 20px 0 20px;
    border-color: #6D71F9;
}
.chat-message-bubble {
    background-color: #f1f1ff;
    padding: 13px 20px 25px 20px;
    border-radius: 20px 20px 20px 0;
    margin-bottom: 10px;
    position: relative;
    min-width: 200px;
    border: 1px solid #D0D1FD;
}
.chat-message-bubble .chat-msg-time {
    position: absolute;
    right: 18px;
    bottom: 3px;
    height: 24px;
    display: flex;
    align-items: center;
}
.chat-msg-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    width: auto;
    word-break: break-word;
}
.chat-msg.owner .chat-msg-text {
    color: #fff;
}
.chat-msg.owner .chat-msg-text a {
    color: #fff;
    font-weight: 700;
}
.chat-msg-time {
    display: inline-block;
    float: right;
    width: auto;
    line-height: 22px;
    margin-left: 8px;
    font-size: 13px;
}
.asset-box .img-video-box img {
    height: 170px;
    width: 250px;
    border-radius: 10px;
    object-fit: cover;
}
.img-video-box {
    position: relative;
}
.img-video-box .download {
    background: #fff;
    height: 35px;
    width: 35px;
    border-radius: 100px;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    top: 42%;
    left: 43%;
}
.img-video-box .download svg {
    height: 25px;
    width: 25px;
}
.asset-detail {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}
.chat-document .document-icon {
    height: 50px;
    width: 50px;
    background: #ffffff;
    text-align: center;
    border-radius: 100px;
    padding: 5px 0;
    float: left;
    margin-right: 15px;
}
.chat-document h5 span {
    display: block;
    font-weight: 600;
    margin-top: 3px;
}
.chat-document h5 {
    font-size: 15px;
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    margin-bottom: 0;
}
.chat-msg.owner .chat-document h5 {
    color: #fff;
}
.chat-msg-text a {
    color: #6D71F9;
}
.chat-msg.owner .chat-msg-text a {
    color: #ffffff;
}
.chat-document .document-icon svg {
    width: 20px;
}
.chat-document .download {
    border-radius: 100px;
    text-align: center;
    padding: 9px 0;
    float: left;
}
.chat-attchment form input {
    border: none;
    background: transparent;
    font-size: 0px;
}
.chat-document .download svg {
    height: 30px;
    width: 30px;
}
.chat-area-footer {
    display: flex;
    width: 100%;
    padding: 15px 30px;
    align-items: center;
    background-color: #ffffff;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
}
.chat-area-footer textarea {
    border: 1px solid #dadbfd !important;
    color: #7C7C8D;
    background-color: #ffffff;
    padding: 12px 92px 12px 12px;
    border-radius: 5px;
    font-size: 15px;
    width: 100%;
    font-weight: 500;
    resize: none;
    outline: none;
}
.chat-area-footer textarea:focus {
    border-color: #6D71F9;
}
.chat-area-footer textarea::-webkit-scrollbar {
    width: 5px;
    background-color: #ffffff;
}
.chat-area-footer textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: none;
    background-color: #6D71F9;
}
.chat-area-footer input::placeholder {
    color: #7C7C8D;
}
.list-count {
    float: left;
    font-size: 14px;
}
.pagination {
    float: right;
}
.chat-area-header .msg.online {
    padding: 0;
}
.chat-area-header .msg.online .msg-profile {
    height: 52px;
    width: 52px;
    font-size: 16px;
    padding: 15px 0;
    min-width: 52px;
}
.chat-area-header .msg.online {
    padding: 0;
    border: none;
}
.chat-modal img {
    max-height: 90vh;
    max-width: 100%;
}
.chat-modal .modal-dialog {
    max-width: fit-content;
    padding-left: 5%;
    padding-right: 5%;
    height: 90vh;
}
.chat-modal .btn-close {
    background: #e74c3c;
    color: #fff;
    padding: 10px 11px;
    border-radius: 100px;
    font-size: 25px;
    line-height: 19px;
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: 1;
}
.asset-detail ul li {
    display: inline-block;
    margin-right: 10px;
}
.chat-area-header .msg.online .msg-username {
    font-size: 14px;
    margin-bottom: 1px;
    font-weight: 600;
}
.chat-area-footer .footer-area {
    width: 100%;
    position: relative;
}
.chat-area-footer .footer-area .send-btns {
    position: absolute;
    right: 5px;
    bottom: 10px;
    top: auto;
}
.chat-area-footer .footer-area .send-btns button.msger-send-btn {
    background: #6D71F9;
    height: 44px;
    width: 44px;
    border-radius: 100px;
}
.msg-content span.unread-count {
    background: #6D71F9;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
}
a.btn-recording {
    margin: 10px 0px 10px 10px;
    padding: 0;
    display: inline-flex;
}
.session-chat .chat-msg-content {
    margin: 0;
}
.session-chat .chat-area-footer {
    padding: 15px;
}
.chat-area-footer .footer-area .attach-file {
    height: 43px;
    width: 43px;
    position: absolute;
    bottom: 12px;
    right: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-area-footer .footer-area .attach-file input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.chat-area-footer textarea:focus {
    outline-color: #6D71F9 !important;
}
.chat-area-footer .footer-area .attach-file input::after {
    content: "";
    height: 46px;
    width: 48px;
    position: absolute;
    left: 0;
    top: 2px;
    background: #ffffff;
}
.select2-container {
    z-index: 7 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 13px;
    color: #7C7C8D;
}
.dtp_modal-content {
    z-index: 1055 !important;
}
.t-width {
    width: 100% !important;
}
.text-box-height {
    height: 100px !important;
}
.initially-hidden {
    display: none;
}
#pills-annotate-tab {
    border: 3px solid #ffffff;
}
.text-area-chat-box {
    height: 53px !important;
}
.date-time-chat-msg {
    text-align: center;
    margin: 40px 0;
}
.date-time-chat-msg span {
    background: #f1f1ff;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid #D0D1FD;
}
@media (max-width: 1120px) {
    .detail-area {
        display: none;
    }
}
@media (max-width: 780px) {
    .conversation-area {
        display: none;
    }
    .search-bar {
        margin-left: 0;
        flex-grow: 1;
    }
    .search-bar input {
        padding-right: 10px;
    }
}
.group-detail .chat-header {
    text-align: left;
    display: inline-block;
    width: 100%;
}
.group-detail .chat-header span.user-name {
    background: #f1f1ff;
    height: 60px;
    min-width: 60px;
    border-radius: 100px;
    font-size: 21px;
    margin-right: 20px;
    font-weight: 700;
    border: 1px solid #D0D1FD;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-header h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 4px 0 0;
    line-height: inherit;
    color: #272848;
}
.group-detail .chat-header p {
    margin: 0;
    color: #6D71F9;
    font-weight: 400;
}
.chat-description {
    width: 100%;
    text-align: left;
    padding: 15px 0px;
    border-top: 1px solid #d0d1fd;
    border-bottom: 1px solid #d0d1fd;
    margin: 15px 0;
}
.chat-description p {
    margin: 0;
}
.chat-description h5 {
    font-weight: 600;
    font-size: 16px;
}
.chat-description p {
    margin: 0 0 9px;
}
.group-detail-modal .group-detail .mamber {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.group-detail-modal .group-detail .mamber ul {
    padding: 0;
    list-style: none;
}
.group-detail-modal .group-detail .mamber ul li {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 15px 0 0;
}
.group-detail-modal .user-img {
    float: left;
    background: #f1f1ff;
    border-radius: 50px;
    margin-right: 15px;
    font-weight: 600;
    height: 45px;
    width: 45px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #D0D1FD;
    display: flex;
    align-items: center;
    justify-content: center;
}
.group-detail-modal .group-detail .mamber ul li .user-name {
    float: left;
    min-width: auto;
}
.group-detail-modal .user-name h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
.group-detail-modal .group-detail .mamber ul li span {
    font-weight: 400;
    margin-top: 0;
    margin-left: 0;
    display: block;
    color: #7C7C8D;
}
.group-detail-modal .group-detail .mamber h6 {
    font-weight: 700;
    margin-bottom: 15px;
}
.session-chat .chat-area div#myChat {
    padding: 0;
}
/*-- chat end here --*/
/*-- general content page start here --*/
.general-content h1 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D0D1FD;
}
.general-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.general-content p {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 15px;
}
.general-content h4 {
    font-weight: 600;
    margin: 10px 0 15px;
    font-size: 18px;
}
.general-content .lower-alpha li {
    list-style: lower-alpha;
}
.general-content li {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 15px;
    margin-left: 16px;
    list-style: disc;
    color: #7C7C8D;
}
.general-content .disk li {
    list-style: disc;
}
.general-content ol ul {
    margin-top: 15px;
}
.general-content .decimal li {
    list-style: decimal;
}
.general-content a {
    color: #6D71F9;
    font-weight: 500;
}
.changepassword-form ul {
    margin: 0 0 50px;
}
.contacus-content p {
    position: relative;
}
.contacus-content svg {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    fill: #6D71F9;
}
.contacus-content a {
    margin-left: 30px;
}
.contacus-content p.custom svg {
    position: static;
    margin-right: 5px;
}
/*-- general content page end here --*/
/*-- Feedback start here --*/
.changepassword-form {
    margin: 0 auto;
    width: 50%;
    text-align: center;
}
.changepassword-form h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.changepassword-form p {
    margin-bottom: 25px;
}
.changepassword-form .form-group input {
    text-align: center;
}
.changepassword-form ul li img {
    cursor: pointer;
}
.changepassword-form ul li {
    display: inline-block;
    margin: 0 18px;
}
.changepassword-form form textarea.form-control {
    resize: none;
    height: 123px;
}
.pc-change-password h2 {
    margin-bottom: 50px;
}
.error-box {
    color: #e74c3c;
    margin-bottom: 10px;
    margin-top: 5px;
}
/*-- Feedback end here --*/
/*-- login start here --*/
.pw-login {
    height: 100vh;
    overflow: hidden;
}
.pc-login-form {
    min-width: 50%;
}
.pc-login-form {
    min-width: 50%;
    background: #ffffff;
}
.pc-login-image {
    min-width: 50%;
    background: #6D71F9;
}
.pc-login-form form.pc-form {
    max-width: 400px;
    min-width: 400px;
}
.pc-login-text h1 {
    font-size: 35px;
    font-weight: 700;
    border-bottom: 3px solid #6D71F9;
    padding-bottom: 5px;
    display: inline-block;
    margin: 0 0 20px;
}
.pw-login-text p {
    font-size: 16px;
}
.pc-login-text p span {
    color: #272848;
    font-weight: 700;
}
.pc-login-text {
    margin-bottom: 30px;
}
.pc-login-btn {
    width: 100%;
    height: 50px;
    background: #6D71F9;
    border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
}
.pc-login-btn:hover,
.pc-login-btn:focus {
    background: #4D51C0;
}
.pc-password-icon {
    position: absolute;
    top: 34px;
    right: 25px;
}
.pc-login-link span {
    color: #6D71F9;
    ;
    font-weight: 700;
}
.pc-login-image img {
    max-width: 100%;
}
/*-- password eye icon start here --*/
.eyeicon-generel {
    position: absolute;
    top: 9px;
    right: 12px;
}
.form-group.passoword-eye-icon input {
    padding-right: 45px;
}
/*-- password eye icon end here --*/
.alert-success {
    background: #ffffff;
    border: 1px solid #2ecc71;
    text-align: center;
    color: #2ecc71;
    font-weight: 500;
    font-size: 15px;
    padding: 12px;
}
.alert-success button.close {
    background: #2ecc71;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 10px;
    margin-left: 10px;
}
.alert-success button.close span {
    color: #ffffff;
}
.alert-danger {
    background: #ffffff;
    border: 1px solid #e74c3c;
    text-align: center;
    color: #e74c3c;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
}
.alert-danger button.close {
    background: #e74c3c;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    font-size: 15px;
    line-height: 10px;
    margin-left: 10px;
}
.alert-danger button.close span {
    color: #fff;
}
.pc-login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    font-weight: 600;
    color: #555555;
    display: flex;
    align-items: center;
    padding-top: 6px;
    padding-left: 15px;
}
.pc-login-form .select2-container--default .select2-selection--single .select2-selection__rendered img.flag {
    width: 20px;
}
.pc-login-form .select2-container--default .select2-selection--single {
    border-width: 1px;
    background: transparent;
    height: 40px;
    border: none;
    border-right: 1px solid #D0D1FD;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pc-login-form .form-group span.select2.select2-container.select2-container--default {
    position: absolute;
    right: auto;
    left: 0;
    width: auto !important;
}
.pc-login-form .form-group input#mobile_no {
    padding-left: 105px;
}
.pc-login-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-results__option--selectable img.flag {
    width: 20px;
    margin-right: 5px;
}
/*-- login end here --*/
/*-- profile css start here --*/
.pw-profile {
    padding-top: 20px;
}
.pw-profile-name h1 {
    height: 100px;
    width: 100px;
    background: #F1F1FF;
    border: 1px solid #D0D1FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #6D71F9;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 5px;
}
.pw-profile-name h4 {
    font-size: 20px;
}
.pw-profile-name {
    gap: 5px;
    padding: 30px;
}
.pw-profile .card-body {
    padding: 0;
}
.pw-profile-detail {
    width: 100%;
}
.pw-profile-detail ul {
    width: 100%;
    padding: 30px;
    gap: 20px;
}
.pw-profile-detail ul li {
    border-top: 1px solid #DADBFD;
    padding-top: 20px;
}
.pw-profile-detail ul li span {
    color: #272848;
    font-weight: 600;
}
.card.pw-password-card {
    margin: 20px 0;
}
.pw-password-header {
    padding: 30px 30px 0 30px;
}
.pw-password-icon {
    position: absolute;
    top: 34px;
    right: 25px;
}
.pw-changepassword-form {
    padding: 30px;
}
.pw-login-link {
    gap: 30px;
}
.pw-password-header h5 {
    font-size: 20px;
}
/*-- profile end here --*/
/*-- select two css start here --*/
.select2-container--default .select2-selection--multiple {
    background: #f1f1ff;
    border: 1px solid #dadbfd;
    min-height: 36px;
    border-radius: 4px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-left: 10px;
    font-size: 13px;
    margin-top: 8px;
}
.select2-container .select2-search--inline textarea.select2-search__field::placeholder {
    color: #7C7C8D;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #DADBFD;
}
.select2-dropdown {
    border-color: #DADBFD;
}
.select2-results__option {
    padding: 8px 10px;
    font-size: 14px;
    color: #7C7C8D;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f1f1ff;
    color: #6D71F9;
    font-weight: 600;
}
.select2-container--default .select2-results__option--selected {
    background-color: #f1f1ff;
    color: #6D71F9;
    font-weight: 600;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ffffff;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #dadbfd;
    overflow: hidden;
    color: #272848;
    margin-left: 8px;
    margin-top: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 2px 7px;
    border-right-color: #dadbfd;
    color: #e74c3c;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 2px 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear span {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
    color: #e74c3c;
}
/*-- select two css end here --*/
/*-- notification css start here --*/
/* .notification-card a.btn.btn-primary {
  height: 35px;
  padding: 7px 50px;
  display: inline-block;
  font-size: 13px;
  margin-top: 10px;
}
.home-coman-table .user-img span {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  position: absolute;
  right: 2px;
  top: 2px;
  display: inline-block;
  padding: 0;
} */
.pw-notification-dropdown {
    background: transparent !important;
}
.pw-notification-dropdown .dropdown-menu {
    width: 450px;
    padding: 0; 
    overflow: hidden;
}
.pw-notification-dropdown .notification-list-all::-webkit-scrollbar {
    width: 3px;
}
.pw-notification-dropdown .notification-list-all::-webkit-scrollbar-thumb {
    background-color: #6D71F9;
    outline: 1px solid #ffffff
}
.notification-list-all{
    max-height: 80vh;
    overflow-y: auto;
}
.pw-notification-header {
    padding: 20px;
    border-bottom: 1px solid #D0D1FD;
    position: sticky;
    top: 0;
    background: #ffffff;
}
.pw-notification-header h5 {
    font-size: 16px;
}
.notification-card {
    border-bottom: 1px solid #D0D1FD;
}
.pw-notification-dropdown #notification-count {
    top: 11px !important;
    left: 32px !important;
}
.notification-card a {
    padding: 20px;
    color: #7C7C8D;
    justify-content: space-between;
    gap: 20px;
    align-items: start;
    font-size: 14px;
}
.notification-card p strong {
    color: #272848;
}
.notification-card span {
    min-width: 23%;
    display: flex;
    justify-content: end;
    align-items: end;
    color: #7C7C8D;
    font-size: 13px;
}
.notification-card a:hover,
.notification-card a.not-read {
    background: #f1f1ff;
}

.pw-no-notification {
    padding: 100px 0;
    gap: 20px;
}
.pw-no-notification .pw-content {
    gap: 5px;
}
.pw-no-notification h4 {
    font-size: 20px;
}
.pw-no-notification p {
    color: #7C7C8D;
}
.notification-card a p span {
    justify-content: start;
    font-size: 14px;
    color: #272848;
    font-weight: 600;
    margin: 0 0 3px;
}
/*-- Notification css end here --*/
.pw-unauthorized {
    gap: 20px;
    text-align: center;
    padding: 60px 0;
}
.pw-unauthorized-text h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
}
.pw-unauthorized-button {
    gap: 25px;
    display: flex;
}
.pw-joinsession-page {
    background: #ffff;
}
.pw-joinsession-page .pc-login-form {
    margin: 0 auto;
}
/* loader css start here */
.custom-loader {
    min-width: 200px;
    width: 33.33%;
    height: 200px;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    cursor: pointer;
    transition: 0.3s linear;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 100vh;
    width: 100%;
    background: #6D71F9;
}
.custom-loader-content {
    text-align: center;
}
.custom-loader-content p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.loader-39 {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background: #fff;
    -webkit-animation: shadowExpandX 0.8s linear infinite alternate;
    animation: shadowExpandX 0.8s linear infinite alternate;
}
@-webkit-keyframes shadowExpandX {
    0% {
        box-shadow: 0 0, 0 0;
        color: rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: -24px 0, 24px 0;
        color: rgba(255, 255, 255, 0.8);
    }
}
@keyframes shadowExpandX {
    0% {
        box-shadow: 0 0, 0 0;
        color: rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: -24px 0, 24px 0;
        color: rgba(255, 255, 255, 0.8);
    }
}
.datepicker
    > .datepicker_inner_container
    > .datepicker_timelist::-webkit-scrollbar-thumb {
    background-color: #6D71F9;
}
.datepicker
    > .datepicker_inner_container
    > .datepicker_timelist::-webkit-scrollbar-track {
    box-shadow: none !important;
}
.pc-login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    font-weight: 600;
    color: #555555;
    display: flex;
    align-items: center;
    padding-top: 6px;
    padding-left: 15px;
}
.pc-login-form .select2-container--default .select2-selection--single {
    border-width: 1px;
    background: transparent;
    height: 40px;
    border: none;
    border-right: 1px solid #D0D1FD;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pc-login-form .form-group span.select2.select2-container.select2-container--default {
    position: absolute;
    right: auto;
    left: 0;
    width: auto !important;
    top: 26px;
}
.pc-form{
    gap: 30px;
}
.pc-login-form .eyeicon-generel {
    top: 36px;
}
.pw-login-pages .select2-container {
    width: auto !important;
}
.plyr__control--overlaid {
    background: #6D71F9 !important;
}
.plyr--full-ui input[type=range]{
    color: #6D71F9 !important;
}
table.dataTable > tbody > tr.selected > * {
    background: #F1F1FF;
    box-shadow: inset 0 0 0 9999px rgb(241, 241, 255);
}
table.dataTable > tbody > tr.selected > td {
    color: #6D71F9;
}
table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > th.select-checkbox:before{
    border: 1px solid #D0D1FD;
    height: 20px;
    width: 20px;
    background: #F1F1FF;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:before, table.dataTable > tbody > tr.selected > th.select-checkbox:before{
    border-color: #6D71F9;
    background-color: #6D71F9;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:after, table.dataTable > tbody > tr.selected > th.select-checkbox:after {
    margin-top: -11px;
    margin-left: -4px;
    color: white;
}