/************ All Content ************/


/* 
1. HEADER END
2. ONE-SEC-INDEX
3. TWO-SEC-INDEX
4. THREE-SEC-INDEX
5. FOUR-SEC-INDEX
6. FIVE-SEC-INDEX
7. SIX-SEC-INDEX
8. LOGIN

*/


/* Font Iner */


/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

/* Noto font */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "League Spartan", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Google font */
    font-family: "League Spartan", sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

:root {
    /* Font size attributes declare  */
    --fs-10px: 10px;
    --fs-11px: 11px;
    --fs-12px: 12px;
    --fs-13px: 13px;
    --fs-14px: 14px;
    --fs-15px: 15px;
    --fs-16px: 16px;
    --fs-17px: 17px;
    --fs-18px: 18px;
    --fs-19px: 19px;
    --fs-20px: 20px;
    --fs-21px: 21px;
    --fs-22px: 22px;
    --fs-23px: 23px;
    --fs-24px: 24px;
    --fs-25px: 25px;
    --fs-26px: 26px;
    --fs-27px: 27px;
    --fs-28px: 28px;
    --fs-29px: 29px;
    --fs-30px: 30px;
    --fs-31px: 31px;
    --fs-32px: 32px;
    --fs-33px: 33px;
    --fs-34px: 34px;
    --fs-36px: 36px;
    --fs-38px: 38px;
    --fs-40px: 40px;
    --fs-42px: 42px;
    --fs-44px: 44px;
    --fs-46px: 46px;
    --fs-48px: 48px;
    --fs-50px: 50px;
    /* Font color attributes declare */
    --text-gray: rgba(126, 135, 159, 1);
    --text-green: rgba(10, 186, 181, 1);
    /* Bg color attributes declare */
    --bg-blue: #0d6efd;
    --bg-indigo: #6610f2;
    --bg-purple: #6f42c1;
    --bg-pink: #d63384;
    --bg-red: #dc3545;
    --bg-orange: #fd7e14;
    --bg-yellow: #ffc107;
    --bg-green: #198754;
    --bg-teal: #20c997;
    --bg-cyan: #0dcaf0;
    --bg-black: #000;
    --bg-white: #fff;
    --bg-gray: #6c757d;
    --bg-gray-dark: #343a40;
    --bg-gray-100: #f8f9fa;
    --bg-gray-200: #e9ecef;
    --bg-gray-300: #dee2e6;
    --bg-gray-400: #ced4da;
    --bg-gray-500: #adb5bd;
    --bg-gray-600: #6c757d;
    --bg-gray-700: #495057;
    --bg-gray-800: #343a40;
    --bg-gray-900: #212529;
    --bg-primary: #0d6efd;
    --bg-secondary: #6c757d;
    --bg-success: #198754;
    --bg-info: #0dcaf0;
    --bg-warning: #ffc107;
    --bg-danger: #dc3545;
    --bg-light: #f8f9fa;
    --bg-dark: #212529;
    /* font-weight */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
}

.fw-4 {
    font-weight: var(--fw-400) !important;
}

.fw-5 {
    font-weight: var(--fw-500) !important;
}

.fw-6 {
    font-weight: var(--fw-600) !important;
}


/* Font sizes */

.fs-10 {
    font-size: var(--fs-10px);
}

.fs-12 {
    font-size: var(--fs-12px);
}

.fs-14 {
    font-size: var(--fs-14px);
}

.fs-16 {
    font-size: var(--fs-16px);
}

.fs-18 {
    font-size: var(--fs-18px);
}

.fs-20 {
    font-size: var(--fs-20px);
}

.fs-22 {
    font-size: var(--fs-22px);
}

.fs-24 {
    font-size: var(--fs-24px);
}

.fs-26 {
    font-size: var(--fs-26px);
}

.fs-28 {
    font-size: var(--fs-28px);
}

.fs-30 {
    font-size: var(--fs-30px);
}

.fw-5 {
    font-weight: 500 !important;
}

.fw-4 {
    font-weight: 400 !important;
}

.text-dark1 {
    color: rgba(27, 34, 44, 1);
}

.text-black-001 {
    color: rgba(0, 0, 0, 1);
}

.text-gray {
    color: rgba(129, 129, 129, 1) !important;
}

.text-gray-light {
    color: rgba(180, 182, 189, 1) !important;
}

.text-orange {
    color: rgba(254, 151, 0, 1) !important;
}

.mb-20px {
    margin-bottom: 20px;
}

.bg-gray1 {
    background-color: rgba(242, 242, 242, 1) !important;
}


/* Header Start */

.stucture {
    /* height: 89.2vh; */
    /* height: 85.1vh; */
    background-color: rgba(255, 255, 255, 1);
    margin: 0px 11px 11px 220px;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
    /* overflow-y: auto;
        overflow-x: hidden !important; */
    padding: 0px 4px 18px;
}


/* .navbar {
    height: 100vh;
} */

.navbar .container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    align-self: start;
    gap: 5px;
}

.collapse ul.navbar-nav {
    flex-direction: column;
    gap: 17px;
    padding: 25px 0 12px 0;
    background-color: #6F6AF8;
}

.logo-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-img {
    margin: 48px auto;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    padding: 9px 0 9px 17px !important;
    width: 220px;
}

.navbar-nav .nav-link:hover {
    background-color: #5e5ad3;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: white;
    background-color: #5e5ad3;
}

.nav-link img {
    width: 24px;
    height: 24px;
}

.img-left-navbar img {
    width: 100%;
    height: 100%;
}

.img-left-navbar {
    max-width: 125px;
    max-height: 116px;
    margin: 0 auto;
}

.contactus-btn-container {
    width: 167px;
    height: 39px;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 42px;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    -o-border-radius: 42px;
    background: linear-gradient(360deg, #F6D365 0%, #FDA085 100.13%);
    margin: 19px auto 12px
}

.contactus-btn-container:hover {
    background: #5e5ad3;
    border: 1px solid white;
}

.contactus-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    background: transparent;
    border: 0;
}

.search-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 12px;
}

.serch-container {
    position: relative;
}

.navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    position: fixed !important;
    z-index: 99;
    width: 216px !important;
    height: 100vh !important;
    flex-direction: column;
    z-index: 999;
    background: #ffffff;
}


/* Section-one-Dashboard start */

.Section-one-Dashboard {
    position: relative;
}

.left-sec-1-home {
    width: 220px;
}

.right-sec-1-home {
    height: 100vh;
    position: absolute;
    left: 220px;
    top: 0;
    background-color: #6F6AF8;
}

.right-sec-1-content {
    background-color: #f8f8ff;
    margin: 11px 12px 11px 0;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    padding: 17px 21px 18px 20px;
    /* overflow-y: scroll; */
}


/* Offcanvas */

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    width: 216px;
    height: 100vh;
}

.offcanvas.offcanvas-start {
    width: 216px;
    background-color: rgba(255, 255, 255, 1);
    border-right: 0;
}

.offcanvas .btn-close {
    display: none;
    border: 1px solid;
    padding: 4px;
    position: relative;
    z-index: 9999;
    background-size: 12px;
    border-color: rgba(254, 151, 0, 1);
}

.btn-canvas:active,
.btn-canvas:hover {
    border: 1px solid rgba(254, 151, 0, 1) !important;
}

.btn-canvas {
    display: none;
    border: 1px solid rgba(254, 151, 0, 1);
    padding: 2px 4px;
}

.offcanvas-body {
    padding: 0;
    border-right: 2px solid rgba(232, 230, 234, 1) !important;
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.btn-canvas {
    position: absolute;
    top: 14px;
    right: 0px;
}

.menu-icon {
    width: 24px;
    height: 24px;
}

.menu-items ul {
    padding: 0px 0;
}

.menu-items li {
    padding: 8px 0 8px 36px;
    color: white;
}

.menu-items li:hover {
    background-color: #5e5ad3;
}

.menu-items li a.active .link-unactive {
    display: none;
}

.menu-items li a.active .link-active {
    display: block;
}

.menu-items li a.active {
    color: rgba(254, 151, 0, 1) !important;
}

.menu-items li:last-child a {
    padding-top: 24px;
    margin: 8px 24px 0 0;
    border-top: 2px solid rgba(232, 230, 234, 1);
}

.menu-items li a {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: rgba(129, 129, 129, 1);
}

.menu-items li {
    border-left: 4px solid transparent;
}

.menu-items .nav-item:hover {
    border-left: 4px solid var(--white, #FFF);
    background: #ffffff;
    color: rgba(129, 129, 129, 1)
}

.link-active {
    display: none;
}

.profile-link {
    padding: 8px;
    left: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.photo-cotainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.photo-cotainer {
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.photo-profile-link {
    width: 32px;
    height: 32px;
}

.designation-profilelink {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    color: rgba(129, 129, 129, 1);
}

.name-profilelink {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}


/* End */


/* Navbar Top start */

.navabar1 {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: auto;
    background-color: rgba(255, 255, 255, 1);
    margin: 0px 0px 0px 0;
    border-radius: 0px 30px 0 0;
    -webkit-border-radius: 0px 30px 0 0;
    -moz-border-radius: 0px 30px 0 0;
    -ms-border-radius: 0px 30px 0 0;
    -o-border-radius: 0px 30px 0 0;
    padding: 23px 16px 23px 232px;
    border-bottom: 2px solid rgba(232, 230, 234, 1);
}

.navabar1-back {
    width: 100%;
    height: 135px;
}

.navabar1 .navbar .container-fluid {
    flex-direction: row;
    justify-content: space-between;
}

.navabar1 .navbar-collapse {
    justify-content: end;
}

.navabar1 .navbar {
    height: auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: transparent;
}

.title1 {
    color: var(--280357, #000);
    /* font-family: Mulish; */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 32px 0 21px 0;
}

a.navbar-brand,
.title-28px {
    font-size: 28px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.global-search::placeholder,
.global-search-small::placeholder {
    color: rgba(180, 182, 189, 1);
}

.global-search-small {
    max-width: 256px;
    padding: 12px 9px 12px 40px;
    border-radius: 15px;
    color: rgba(180, 182, 189, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
}

.global-search {
    width: 256px;
    padding: 9px 9px 9px 40px;
    border-radius: 15px;
    color: rgba(180, 182, 189, 1);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 2px solid rgba(232, 230, 234, 1);
}

.global-serch1 {
    display: flex;
    flex-wrap: wrap;
}


/* Section-one-Dashboard Start */

.box-1-dashboard {
    /* min-width: 241px; */
    width: 100%;
    height: auto;
    padding: 19px 14px 18px;
    background-color: white;
    border-radius: 8px;
    background: var(--white, #FFF);
    box-shadow: 0px 5px 19px 0px rgba(75, 87, 239, 0.06);
}

.datepart-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.datepart-box .right {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.box-range {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* Section-two-Dashboard start */

.box-sm-map {
    padding: 16px;
    max-width: 300px;
    height: 156px;
    border: 2px solid rgba(232, 230, 234, 1);
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.box-sm-map.active {
    border-color: rgba(254, 151, 0, 1);
    background-color: rgba(255, 243, 224, 1);
}


/* Section-two-Dashboard end */

.section-three-Dashboard,
.section-four-Dashboard,
.Section-two-Dashboard {
    padding: 0 0 16px 0;
    width: 100%;
    /* border: 1px solid; */
}

.table-theam-01 {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 2px solid rgba(232, 230, 234, 1);
    padding: 16px;
    /* overflow-x: auto; */
}

.table-theam-01 table {
    width: 100%;
    overflow-x: auto;
}

.table-theam-01 table,
.table-theam-01 th,
.table-theam-01 td {
    /* border: 1px solid; */
    border-collapse: collapse;
}


/* .table-theam-01 th,
.table-theam-01 td {
    border: 2px solid rgba(232, 230, 234, 1);
} */

.table-heading {
    color: rgba(27, 34, 44, 1);
}

.table-heading-gray {
    color: rgba(129, 129, 129, 1);
}

.table-heading,
.table-heading-gray {
    font-size: 16px;
    font-weight: 600;
    line-height: 17.44px;
    text-align: left;
}

.table-theam-data-01 table {
    overflow: auto;
}

.table-theam-data-01 table,
.table-theam-data-01 td,
.table-theam-data-01 th {
    width: 100%;
}

.table-theam-data-01 tr {
    border-bottom: 2px solid rgba(232, 230, 234, 1);
}

.table-theam-data-01 th {
    padding: 8px 0 11.5px 0;
}

.table-theam-data-01 td {
    padding: 7px 0;
}

.fs-16-ln-17 {
    font-size: 16px;
    font-weight: 600;
    line-height: 17.44px;
    text-align: left;
}

.fs-16-ln-24 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-wrap: nowrap;
}

.table-heading-gray,
.cust-datatable .fs-16-ln-17,
.cust-datatable .fs-16-ln-24 {
    text-wrap: nowrap;
}


/* /* .post-td {
    padding: 0 25px;
    text-align: center;
} */


/* .groth-td {
    padding: 0 25px;
} */

.fs-12-ln-14 {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
}

.fs-12-ln-8 {
    font-size: 12px;
    font-weight: 400;
    line-height: 8.4px;
    text-align: left;
}

.text-green1 {
    color: rgba(16, 204, 0, 1);
}

.table-theam-data-01 td p {
    text-align: center;
}

.table-theam-data-01 th,
.table-theam-data-01 td {
    text-align: center;
}

.card1 {
    padding: 16px;
    border: 2px solid rgba(232, 230, 234, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    scrollbar-width: thin;
    /* For Firefox */
    /* scrollbar-color: #6c757d #f8f9fa; */
    scrollbar-color: rgba(217, 217, 217, 1) #f8f9fa;
    /* For Firefox */
}

.card2 {
    padding: 16px;
    border: 2px solid rgba(232, 230, 234, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.cust-table-theam-data-01 {
    overflow-x: auto;
    overflow-y: auto;
    height: auto;
}

.table-theam-data-01 th:first-child,
.table-theam-data-01 td:first-child {
    padding-left: 0;
}

.table-theam-data-01 td,
.table-theam-data-01 th {
    padding: 7px 12px 11.5px 12px;
    text-align: center;
}


/* cust-pagination */

.cust-pagination .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #ffffff;
    border: 0;
    color: rgba(254, 151, 0, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0;
}

.cust-pagination .active>.page-link {
    background-color: rgba(254, 151, 0, 0.1);
    border: 0;
    color: rgba(254, 151, 0, 1);
    padding: 0;
    border-radius: 5px;
}

.cust-pagination .pagination li:first-child,
.cust-pagination .pagination li:last-child {
    margin-right: 8px;
}

.cust-pagination .pagination {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: end;
    margin: 16px 0 0 0;
}


/*  */

.container-scrollbar {
    overflow: auto;
    padding: 16px 0 0 8px;
}


/* Customizing the scrollbar for webkit browsers (e.g., Chrome, Safari) */

.container-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    /*colorofthescrollbar*/
    border-radius: 6px;
    /* roundness of the scrollbar */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.container-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* color when hovered */
}

.container-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* color of the track */
    border-radius: 6px;
    /* roundness of the track */
}

.container-scrollbar {
    scrollbar-width: thin;
    /* thin or auto */
    scrollbar-color: #888 #f1f1f1;
    padding-right: 8px;
    /* color of the scrollbar thumb and track */
}


/* Customizing the scrollbar end */


/* Progressbar */

.cust_progressbar .progress {
    border-radius: 0;
    height: 8px;
}

.cust_progressbar .progress-bar {
    background-color: rgba(254, 151, 0, 1);
}

.section-three-Dashboard .map2,
.section-three-Dashboard .progess1 {
    height: 471px;
}

.gendar-device_box .card1 {
    height: 100%;
}

.gendar-device_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.top-user-by-age {
    height: 365px;
}

.app-rating {
    height: 330px;
}


/* creater page start */


/* Custome tabs */

.cust-tabs ul {
    display: flex;
    gap: 16px;
}

.cust-tabs .nav-pills .nav-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 17.44px;
    text-align: left;
    color: rgba(129, 129, 129, 1);
    border-bottom: 2px solid rgba(129, 129, 129, 1);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0 8px 8px 8px;
}

.cust-tabs .nav-pills .nav-link.active {
    background-color: #ffffff;
    border-bottom: 2px solid rgba(254, 151, 0, 1);
    color: rgba(254, 151, 0, 1);
}


/* data table */

.dataTables_length {
    display: none;
}

.heading-20px {
    font-size: 20px;
    font-weight: 600;
    line-height: 21.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}


/* Changes */

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #ffffff !important;
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: 0 0 0 0 !important;
}

table.dataTable.stripe>tbody>tr:nth-child(odd)>*,
table.dataTable.display>tbody>tr:nth-child(odd)>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    box-shadow: 0 0 0 0 !important;
    background: #ffffff !important;
}

table.dataTable thead .sorting {
    border-bottom: 0;
}

table.dataTable.no-footer {
    border: 0;
}


/* table.dataTable.display tbody tr.even>.sorting_1{
    background-color: #ffffff !important;
} */

.cust-datatable table.dataTable thead .sorting {
    text-align: center;
}

.cust-datatable table thead th:first-child {
    padding-left: 0;
}

table.dataTable.display tbody td {
    border-top: 2px solid rgba(232, 230, 234, 1) !important;
}

.cust-datatable table tbody tr td:first-child {
    padding-left: 0;
}

table.dataTable thead th {
    padding: 8px 10px;
}

table.dataTable thead .sorting {
    background-position: 115px center !important;
    background-image: url(../images/svg/sort_both-2.png) !important;
}

table.dataTable thead .sorting_asc {
    /* background-image: url(../images/svg/sort_asc.png); */
    background-image: url(../images/svg/sorting_asc.png) !important;
}


/* table.dataTable thead .sorting {
    background-image: url(../images/svg/sort_both-2.png) !important;
    } */

table.dataTable thead .sorting_desc {
    background-image: url(../images/svg/sort_dec.png) !important;
}

table.dataTable.display tbody tr:hover {
    background-color: #ffffff !important;
}

table.dataTable.display tbody tr.even>.sorting_1 {
    background-color: #ffffff !important;
}


/* creater page end */

.btn-them-gray-border {
    background-color: transparent;
    color: rgba(27, 34, 44, 1);
    border: 2px solid rgba(232, 230, 234, 1);
}

.btn-them-pink-border {
    border: 2px solid rgba(255, 35, 67, 1);
    color: rgba(255, 35, 67, 1);
    background-color: transparent;
}

.btn-them-pink-border,
.btn-them-gray-border {
    padding: 6px 12px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-them-orange {
    background-color: transparent;
    padding: 8px 12px;
    color: rgba(254, 151, 0, 1);
    border: 2px solid rgba(254, 151, 0, 1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-them-bg-orange {
    background-color: rgba(254, 151, 0, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-them-bg-pink {
    background-color: rgba(255, 35, 67, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-them-bg-orange,
.btn-them-bg-pink {
    border: 0;
    padding: 8px 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.btn-them-gray {
    border: 0;
    background-color: rgba(242, 242, 242, 1);
    padding: 8px 18px;
    color: rgba(180, 182, 189, 1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.top-table-overview,
.top-prefer-overview,
.top-user,
.top-used-tags {
    min-height: 600px;
}


/* .progess1{
    min-height: 600PX;
} */


/* .top-table-overview .cust-table-theam-data-01 {
    height: 427px;
} */

.top-prefer-overview .cust-table-theam-data-01 {
    height: 540px;
}

.navbar-02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.navbar-02 .left,
.navbar-02 .right {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-flow: wrap;
}

.lable1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: right;
    color: rgba(27, 34, 44, 1);
}

.lable2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.form-check-input[type=checkbox]:focus {
    box-shadow: 0 0 0 0;
}

.form-check-input[type=checkbox] {
    border-radius: 0px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.form-check-input:checked {
    background-color: rgba(254, 151, 0, 1);
    border-color: #0d6efd;
    border-color: transparent !important;
}

.btn-addTofoler {
    text-wrap: nowrap;
}

.photo-post {
    width: 96px;
    height: 208px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.box-post .left {
    width: 40%;
}

.photo-post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.box-post {
    display: flex;
    gap: 8px;
}

.liner-graient_box {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 65%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
}

.icon-post-photo {
    width: 12px;
}

.post-photo-iconList li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 8.4px;
    text-align: left;
    color: #ffffff;
    padding: 0 0 0 12px;
}

.post-photo-iconList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    gap: 8px;
}

.box-post .right {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
}

.photo-post-dp {
    width: 20px;
    height: 20px;
}

.fs-14-lh-9 {
    font-size: 14px;
    font-weight: 600;
    line-height: 9.8px;
    text-align: left;
}

.fs-14-ln-17 {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    text-align: left;
}

.post-name {
    color: rgba(27, 34, 44, 1);
}

.viewpost-btn {
    color: rgba(254, 151, 0, 1);
}

.push-btn-2 {
    width: 53px;
    height: 24px;
    padding: 0;
}

.push-btn-2.btn-them-orange {
    border: 1px solid;
}

.ancor-link {
    text-decoration: underline;
}


/* Modal theam */

.modal-theam .modal-dialog {
    max-width: 1220px;
    padding: 0;
    margin: 30px auto 30px;
}

.modal-theam-752px .modal-dialog {
    max-width: 752px;
    padding: 0;
    margin: 30px auto 30px;
}

.modal-theam-02 .modal-dialog {
    max-width: 474px;
    padding: 0;
    margin: 30px auto 30px;
}

.modal-theam-02-360px .modal-dialog {
    max-width: 360px;
    padding: 0;
    margin: 30px auto 30px;
}

.modal-theam-02 .modal-body,
.modal-theam-02-360px .modal-body {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.modal-theam .modal-body .modal-theam-752px .modal-body {
    padding: 25px 24px;
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.modal-theam-752px .modal-content,
.modal-theam-02 .modal-content,
.modal-theam-02-360px .modal-content,
.modal-theam .modal-content {
    background-color: #ffffff;
    border: 2px solid rgba(232, 230, 234, 1);
    margin: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.btn-close2.btn-close {
    top: 16px;
    right: 16px;
}

.btn-close1.btn-close {
    right: 24px;
    top: 24px;
}

.btn-close2.btn-close,
.btn-close1.btn-close {
    position: absolute;
    background-size: 30px;
    background-image: url('../images/close-btn.png');
    opacity: 1;
    /* box-shadow: 3px 10px 20px 0px rgba(165, 164, 166, 0.45); */
    width: 30px;
    height: 30px;
    padding: 0;
}

.modal-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 21.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
    max-width: 90%;
}

.top-nav-postmodal {
    display: flex;
}

.post-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.post-video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}


/* view-post-popup start */

.plybtn-container {
    position: absolute;
    z-index: 1;
    top: 49%;
    left: 46%;
    border: 0;
    background-color: transparent;
}

.plybtn {
    width: 48px;
}

.view-post-dp {
    width: 24px;
    height: 24px;
}

.view-post-iconList .post-photo-iconList {
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}

.view-post-iconList .post-photo-iconList li {
    color: rgba(27, 34, 44, 1);
    padding-left: 0;
    margin-bottom: 8px;
}

.hr1 {
    border-top: 1px solid rgba(232, 230, 234, 1);
    margin: 8px 0;
}

.post-send-list li .right p {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.post-send-list li {
    display: flex;
    justify-content: space-between;
}

.post-recieve-list {
    padding-left: 34px;
}

.hide {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card1.active {
    border-color: rgba(254, 151, 0, 1);
    background-color: rgba(255, 243, 224, 1);
}

.btn-box-addfolder-create {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-box-addfolder-create .button {
    height: 30px;
}

.btn-addTofoler-sm {
    width: 101px;
    height: 28px;
    text-wrap: nowrap;
}

.btn-createTofoler-sm {
    width: 130px;
    height: 28px;
    text-wrap: nowrap;
}


/* view-post-popup end */


/* Radio customize start */

.cust-form-check .form-check-input:checked[type=radio] {
    background-image: url("../images/selection-controls.png") !important;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    background-size: 20px 20px;
}

.cust-form-check .form-check-input {
    background-image: url("../images//unselected.png") !important;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    background-size: 20px 20px;
}

.cust-form-check .form-check-input:focus {
    box-shadow: none;
}

.cust-form-check .form-check {
    padding-left: 8px;
}

.cust-form-check .form-check .form-check-input {
    margin-left: -8px;
    margin-right: 8px;
}

.listing-addTofolder-popup li .left .lable2 {
    width: 88px;
}

.listing-addTofolder-popup li>div {
    margin-bottom: 16px;
}

.listing-addTofolder-popup li {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* Radio customize end */

.select-cust-nice-fullwidth .nice-select {
    display: block !important;
    height: auto;
}

.select-cust-nice-fullwidth .nice-select.open .list {
    width: 100% !important;
}

.input1 ::placeholder {
    color: rgba(180, 182, 189, 1);
}

.input1:focus-visible {
    outline-color: rgba(254, 151, 0, 1) !important;
}

.input1 {
    border: 2px solid rgba(232, 230, 234, 1);
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    padding: 4px 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.cust-radius.input1 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.lable3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    color: rgba(129, 129, 129, 1);
}

.lable3.active {
    color: rgba(255, 35, 67, 1);
}

.text-red1 {
    color: rgba(255, 35, 67, 1) !important;
}


/* #createNewfolder-popup .listing-addTofolder-popup ul {
    gap: 0;
}

#createNewfolder-popup .listing-addTofolder-popup li>div {
    margin-bottom: 0;
} */

.tabs-theam-orange .nav {
    display: flex;
    gap: 8px;
}

.tabs-theam-orange .nav-link.active {
    background-color: rgba(254, 151, 0, 1);
    border-color: transparent;
}

.tabs-theam-orange .nav-link:focus {
    box-shadow: 0 0 0 0;
}

.tabs-theam-orange .nav-link.active:hover {
    color: white;
}

.tabs-theam-orange .nav-link:hover {
    color: rgba(254, 151, 0, 1);
}

.tabs-theam-orange .nav-link {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

#removeAllselectlist-popup .modal-dialog {
    max-width: 359px;
}

.btns-cancel-removell {
    display: flex;
    gap: 8px;
    height: 32px;
}


/* creater explore page start  */

.title-creater {
    font-size: 20px;
    font-weight: 600;
    line-height: 21.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.explore-box {
    width: 100%;
    min-height: 236px;
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: space-between;
}

.btn-tooltip-theam {
    border: 0;
    background-color: transparent;
}

.explore-box-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-open-push_container button {
    height: 28px;
}

.btn-open-push_container {
    display: flex;
    gap: 8px;
    align-items: center;
}

.listing-folder {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.top-asea-box {
    display: flex;
    gap: 16px;
    align-items: center;
}

.h-40px {
    height: 32px !important;
}

.cust-dropdown-location .dropdown-menu {
    border: 1px solid rgba(129, 129, 129, 1);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    height: 336px;
    overflow-y: auto;
}

.cust-dropdown-location .dropdown-menu li:last-child a {
    padding-bottom: 0;
}

.cust-dropdown-location .dropdown-menu li:first-child a {
    padding-top: 0;
}

.cust-dropdown-location .dropdown-menu li a {
    display: flex;
    align-items: start;
    gap: 10px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
    text-wrap: wrap;
}


/* creater explore end */


/* Custom Scrollbar start */


/* Scrollbar with customize */

.scrollbar-cust-theam::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollbar-cust-theam::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
    background: transparent;
}

.scrollbar-cust-theam::-webkit-scrollbar-thumb {
    background: rgba(217, 217, 217, 1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.scrollbar-cust-theam::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* Custom Scrollbar end */

.listing-addtags {
    width: 100%;
    padding-left: 96px;
    height: 75px;
    overflow-y: auto;
}

.listing-addtags li:last-child {
    padding-bottom: 4px;
}

.listing-addtags li:first-child {
    padding-top: 4px;
}

.listing-addtags li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    width: 100%;
    padding: 6px 0;
}

.h-28px {
    height: 28px;
}

.tag-box {
    overflow-x: auto;
}

.backpagearrow {
    width: 16px;
    height: 16px;
}

.card-scollar1 {
    height: 75vh;
    overflow-x: hidden;
}


/* Review page start */

.box-reiew-total {
    width: 200px;
}

.box-review .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 9.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.start-contaniner-12px {
    display: flex;
    gap: 4px;
    align-items: center;
}

.start-contaniner-12px img {
    width: 12px;
}

.box-review .card1 {
    min-height: 204px;
}


/* .content-dotes {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    width: 45%;
    white-space: nowrap;
    display: inline-block;
} */

.app-reviw-dis-scoll {
    height: 267px;
    overflow-y: auto;
}

textarea.input1 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    height: 64px;
}

.input1::placeholder {
    color: rgba(180, 182, 189, 1);
    font-weight: 400;
}

textarea.input1::placeholder {
    color: rgba(180, 182, 189, 1);
    font-weight: 400;
}


/* Review page end */


/* Page content page about tab  start */

.box-aboutus .card2 {
    height: 763px;
    overflow-y: auto;
}

.mb-12px {
    margin-bottom: 12px;
}

.abouttext {
    font-family: "League Spartan", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: rgba(33, 37, 41, 1);
    margin-bottom: 12px;
}

.reactangel1 img {
    width: 100%;
}

.h-32px {
    height: 32px;
}

.contactus-list p {
    width: 343px;
}

.contactus-list label {
    width: 120px;
}

.contactus-list li {
    display: flex;
    gap: 8px;
    align-items: start;
    margin-bottom: 4px;
}

.contactus-list button {
    width: 88px;
    height: 32px;
}

.contactus-list .add-moreContact_btn {
    width: 484px;
    margin-top: 10px;
}

#addMore-popup .listing-addTofolder-popup li .left .lable2 {
    width: 98px;
}

.mobile-num .form-select {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 9.5px 40px 9.5px 10px;
}


/* Page content page about tab  end */


/* Notification page Start */

.travel-card {
    width: 45px;
}

.travelinfo {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.pushnoti-box {
    width: 100%;
    min-height: 177px;
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: space-between;
}

.h-36px {
    height: 36px;
}

#editNewNotification-inApp-popup .listing-addTofolder-popup li .left .lable2,
#createNewNotification-inApp-popup .listing-addTofolder-popup li .left .lable2 {
    width: 96px;
}

.in-app-popup {
    width: 96px;
}

.select-cust-nice-250px .form-select {
    --bs-form-select-bg-img: none;
}

.select-cust-nice-250px .nice-select.open .list {
    width: 250px;
}

.report-warning,
.badge-red1 {
    font-size: 12px;
    font-weight: 600;
    line-height: 8.4px;
    text-align: left;
    color: rgba(255, 35, 67, 1);
}

.badge-red1 {
    background-color: rgba(255, 35, 67, 0.2);
}

.badge-orange {
    background-color: rgba(255, 243, 224, 1);
    color: rgba(254, 151, 0, 1);
}

.badge-theam {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 6px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

#view-post-report-popup .modal-dialog,
#view-post-popup .modal-dialog {
    max-width: 752px;
}


/* Notification page end */


/* Reporst page start */

.photo-post-acc-dp {
    width: 24px;
    height: 24px;
}


/* Reporst page ed */

.select-cust-nice-bgred .nice-select::after {
    border-color: #ffffff;
}

.select-cust-nice-bgred .nice-select {
    background-color: rgba(255, 35, 67, 1);
    border: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 17.44px;
    text-align: left;
    padding: 7.75px 28px 7.75px 11px;
}

.nice-right .nice-select .list {
    right: 0;
    left: auto;
}


/* reported-comment-popup started */

#reported-comment-popup .modal-dialog {
    max-width: 480px;
}

.report-comment-photo {
    width: 24px;
    height: 24px;
}

.profile-photo-container img,
.employee-photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.profile-photo-container {
    width: 100%;
    height: 216px;
}

.followe-box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.acc-id span {
    font-weight: 500;
}

.acc-id {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.mutebadge.badge-theam {
    padding: 8px 12px;
    line-height: 11px;
}

.mutebadge {
    font-size: 16px;
    font-weight: 600;
    line-height: 11.2px;
    text-align: left;
    color: rgba(255, 35, 67, 1);
    background-color: rgba(255, 35, 67, 0.2);
}

.photo-empoyee-dp {
    width: 24px;
    height: 24px;
}

.edit-btn {
    width: 80px;
    height: 32px;
}

.edit-btn-74px {
    width: 74px;
    height: 32px;
}

.onsite-btn {
    background-color: rgba(16, 204, 0, 0.1);
    color: rgba(16, 204, 0, 1);
}

.remote-btn {
    background-color: rgba(49, 117, 252, 0.1);
    color: rgba(49, 117, 252, 1);
}

.unread-btn {
    background-color: rgba(254, 151, 0, 0.1);
    color: rgba(254, 151, 0, 1);
}

.remote-btn,
.onsite-btn,
.unread-btn {
    width: 68px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 4px 8px;
}

.employee-photo-container {
    width: 265px;
    height: 265px;
}

.employee-dist .left {
    width: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.employee-dist {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(27, 34, 44, 1)#000;
    padding: 8px 0;
}

.change-photo {
    width: 256px;
    height: 36px;
}

.select-cust-nice .form-select option {
    font-weight: 400 !important;
    color: rgba(180, 182, 189, 1) !important;
}

.btn-openfolder {
    width: 128px;
    height: 32px;
}

#export-popup .modal-dialog,
#employee-report-popup .modal-dialog,
#editPosition-popup .modal-dialog,
#myNotification-report-popup .modal-dialog,
#myNotification-postitioning-popup .modal-dialog,
#addPosition-popup .modal-dialog {
    max-width: 640px;
}

.h-160px {
    height: 160px !important;
}

.btn-managePosition,
.btn-removePosition {
    width: 148px;
    height: 32px;
}

#addPosition-popup .listing-addTofolder-popup li .left .lable2,
#editPosition-popup .listing-addTofolder-popup li .left .lable2 {
    width: 115px;
}

#addPosition-popup label {
    margin-top: 6px;
}

.badge-verified {
    padding: 8px 16px;
    width: 186px;
    height: 33px;
}


/* reported-comment-popup end */


/* My profile page */

.changepw-part .listing-addTofolder-popup li .left .lable2 {
    width: 151px;
}

.reset-cancel-btn {
    color: rgba(232, 230, 234, 1);
}

#myNotification-report-popup .listing-addTofolder-popup li .left .lable2,
#myNotification-postitioning-popup .listing-addTofolder-popup li .left .lable2,
.login-form-container .listing-addTofolder-popup li .left .lable2 {
    width: 101px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* Login page */

.login-form-container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 64px;
    justify-content: center;
    align-items: center;
}

.right-login_box {
    border: 2px solid rgba(232, 230, 234, 1);
    width: 400px;
    padding: 24px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.title-login {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
}

.logo-login {
    text-align: center;
}

.logo-login img {
    width: 126px;
    margin-bottom: 32px;
}


/* Canvas */

.total-revenu {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
    margin-bottom: 8px;
}

.chart-up span {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    color: rgba(129, 129, 129, 1);
}

.chart-up {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 8.4px;
    text-align: left;
    color: rgba(16, 204, 0, 1);
}

#SvgjsSvg1894 {
    width: 150px !important;
}


/* Advertisement page start */

.cust-table-theam-data-02 {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.top-advertisement-box {
    min-height: 389px;
}

.cust-table-theam-data-02 .text-green1 {
    font-weight: 600;
}

#chart .apexcharts-svg {
    cursor: default !important;
}

.cust-card-advertisement .liner-graient_box {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}

.cust-card-advertisement .photo-post img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cust-card-advertisement .liner-graient_box {
    height: 35%;
}

.link1 {
    color: rgba(49, 117, 252, 1);
}

.h-25px {
    height: 25px;
}


/* advertisement-popup  */

.advertisement-popup .modal-dialog {
    max-width: 752px;
}

.listing-editAdvertisement-popup .listing-addTofolder-popup li .left .lable2 {
    width: 67px;
}

.listing-editAdvertisement-popup .listing-addTofolder-popup li .left {
    margin-top: 8px;
}

.listing-editAdvertisement-popup .listing-addTofolder-popup li {
    align-items: start;
}

.select-bg .nice-select {
    /* background: rgba(242, 242, 242, 1) !important; */
    /* border: 0; */
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 8px 34px 8px 14px;
}

.link-input .input1 {
    color: rgba(49, 117, 252, 1);
}

.post-video {
    height: 480px;
}

#advertisement-editAds-popup .plybtn-container,
#advertisement-promoteEnded-popup .plybtn-container {
    top: 31%;
}

#advertisement-proceed-popup .modal-dialog,
#advertisement-saveAndpromote-popup .modal-dialog {
    max-width: 573px;
}

.proceed-popup-card .box-post .left {
    height: 208px;
}

#advertisement-proceed-popup .box-post .left,
#advertisement-saveAndpromote-popup .box-post .left {
    width: 172px;
}

.change-btn-advertisement {
    position: absolute;
    left: 0px;
    bottom: 0;
    padding: 16px;
}

.cust-uploadAdd {
    width: 100%;
    height: 100%;
    border: 2px dotted rgba(254, 151, 0, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.input1.active {
    border: 2px solid rgba(254, 151, 0, 1);
}

.advertiserList-table table.dataTable thead .sorting {
    background-position: right center !important;
}

.advertiserList-table .cust-datatable table.dataTable thead th {
    padding-left: 10px;
}

.advertiserList-table table.dataTable tbody th,
.advertiserList-table table.dataTable tbody td {
    padding: 4px 10px;
}

.global-serch1-dropdown .dropdown-menu {
    width: 360px;
}

.global-serch1-dropdown .nav-item .nav-link {
    width: 100%;
    text-align: center;
}

.global-serch1-dropdown .nav-item {
    width: 33.33%;
}

.search-drop-tab .dropdown-menu {
    padding: 0;
}

.search-drop-tab .dropdown-item {
    padding: 12px;
}

.serch-tabs {
    border: 1px solid rgba(129, 129, 129, 1);
    background-color: #ffffff;
    position: absolute;
    width: 360px;
    right: 0;
}

.search-drop-tab .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.photo-user-search {
    width: 40px;
    height: 40px;
}

.user-serch-item p:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    color: rgba(129, 129, 129, 1);
}

.user-serch-item p:first-child {
    font-size: 16px;
    font-weight: 600;
    line-height: 17.44px;
    text-align: left;
    color: rgba(27, 34, 44, 1);
    margin-bottom: 4px;
}

.serch-tabs .cust-tabs .nav-pills .nav-link {
    padding-top: 8px;
}

.serch-tabs .tab-content {
    height: 520px;
    overflow-y: auto;
}

.global-serch1-dropdown .serch-tabs {
    display: none;
}

.global-serch1-dropdown:hover .serch-tabs {
    display: block;
}

.cust-box-advetisement .box-sm-map {
    max-width: 500px;
}

.report-orange {
    font-size: 12px;
    font-weight: 600;
    line-height: 8.4px;
    text-align: left;
    color: rgb(236, 135, 6);
}

.report-info {
    font-size: 12px;
    font-weight: 600;
    line-height: 8.4px;
    text-align: left;
    color: rgb(236, 204, 26);
}
.mx-320px .modal-dialog{
    max-width: 320px !important;
}
#update_image{
    width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}